|
|
@@ -167,28 +167,6 @@ export default class AppContainer extends Container {
|
|
|
return this.componentInstances[id];
|
|
|
}
|
|
|
|
|
|
- /**
|
|
|
- *
|
|
|
- * @param {string} breakpoint id of breakpoint
|
|
|
- * @param {function} handler event handler for media query
|
|
|
- * @param {boolean} invokeOnInit invoke handler after the initialization if true
|
|
|
- */
|
|
|
- addBreakpointListener(breakpoint, handler, invokeOnInit = false) {
|
|
|
- document.addEventListener('DOMContentLoaded', () => {
|
|
|
- // get the value of '--breakpoint-*'
|
|
|
- const breakpointPixel = parseInt(window.getComputedStyle(document.documentElement).getPropertyValue(`--breakpoint-${breakpoint}`), 10);
|
|
|
-
|
|
|
- const mediaQuery = window.matchMedia(`(min-width: ${breakpointPixel}px)`);
|
|
|
-
|
|
|
- // add event listener
|
|
|
- mediaQuery.addListener(handler);
|
|
|
- // initialize
|
|
|
- if (invokeOnInit) {
|
|
|
- handler(mediaQuery);
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
getOriginRenderer() {
|
|
|
return this.originRenderer;
|
|
|
}
|