@baloise/ds-core 19.8.2 → 19.8.3

package/dist/cjs/index.cjs.js

@@ -1,26 +1,30 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
 var balFileUpload_type = require('./bal-file-upload.type-BzNkF3YQ.js');
 var balClose_i18n = require('./bal-close.i18n-B3X5xlkl.js');
-var balDate_i18n = require('./bal-date.i18n-DJlY99as.js');
+var date = require('./date-BPyuc34s.js');
 var balInputStepper_i18n = require('./bal-input-stepper.i18n-D57DHpYR.js');
 var balLabel_i18n = require('./bal-label.i18n-BcNNm9Es.js');
 var balTimeInput_i18n = require('./bal-time-input.i18n-Bfr3EMVD.js');
 var balStep_util = require('./bal-step.util-DQcaqybX.js');
 var balTab_util = require('./bal-tab.util-DFGwGbfr.js');
-var breakpoints_subject = require('./breakpoints.subject-DyM7928g.js');
-var date = require('./date-CA-bG6cD.js');
-var device = require('./device-CrnZOym8.js');
+var initialize = require('./initialize-CWGvp-PN.js');
+var browser = require('./browser-BwmkTmm8.js');
+var device = require('./device-CoogBamh.js');
 var option = require('./option-kGk4eTdA.js');
 var form = require('./form-BSlIiqcR.js');
+var helpers = require('./helpers-HuaiWXrB.js');
 var maskUtil = require('./mask-util-B8hrxmqO.js');
-require('./window-resize.subject-AALAxaW0.js');
-var listener = require('./listener-h1eTpBYL.js');
-var scroll = require('./scroll-DU1EZHWg.js');
-var swipe_subject = require('./swipe.subject-BbLTKDyB.js');
-var overlays = require('./overlays-CkF6MI3c.js');
-require('./tokens.esm-yrgVVjY8.js');
+var scroll = require('./scroll-B_kvfDui.js');
+var overlays = require('./overlays-DQGlu5jj.js');
+var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var config_utils = require('./config.utils-Civnz2jT.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+var listener = require('./listener-DspXpqzY.js');
+var swipe_subject = require('./swipe.subject-BaKNugDQ.js');
+require('./index-feA4skrY.js');
+require('./tokens.esm-CNpvwEnI.js');
+require('./log-CXDMiw7o.js');
 
 const i18nBalFieldLabel = {
     de: {
@@ -105,27 +109,27 @@ class BalModalController {
     }
     create(options) {
         /* tslint:disable-next-line */
-        if (typeof customElements !== 'undefined' && index.balBrowser.hasDocument) {
+        if (typeof customElements !== 'undefined' && browser.balBrowser.hasDocument) {
             return customElements.whenDefined(this.tag).then(() => {
                 const element = document.createElement(this.tag);
                 // convert the passed in overlay options into props
                 // that get passed down into the new overlay
                 Object.assign(element, options);
                 // append the overlay element to the document body
-                index.getAppRoot(document).appendChild(element);
-                return new Promise(resolve => index.componentOnReady(element, resolve));
+                helpers.getAppRoot(document).appendChild(element);
+                return new Promise(resolve => helpers.componentOnReady(element, resolve));
             });
         }
         return Promise.resolve();
     }
     async dismissAll(data, role) {
-        if (index.balBrowser.hasDocument) {
+        if (browser.balBrowser.hasDocument) {
             const overlays$1 = overlays.getOverlays(document, this.tag);
             await Promise.all(overlays$1.map(o => o.dismiss(data, role)));
         }
     }
     dismiss(data, role, id) {
-        if (index.balBrowser.hasDocument) {
+        if (browser.balBrowser.hasDocument) {
             const overlay = overlays.getOverlay(document, this.tag, id);
             if (!overlay) {
                 return Promise.reject('overlay does not exist');
@@ -135,7 +139,7 @@ class BalModalController {
         return Promise.resolve(false);
     }
     async getTop() {
-        if (index.balBrowser.hasDocument) {
+        if (browser.balBrowser.hasDocument) {
             return overlays.getOverlay(document, this.tag);
         }
         return;
@@ -150,9 +154,9 @@ const hasTouchSupport = () => device.balDevice.hasTouchScreen;
 /**
  * deprecated: Please use balBrowser.isSafari
  */
-const isBrowser = (browser) => {
-    if (browser === 'Safari') {
-        return index.balBrowser.isSafari;
+const isBrowser = (browser$1) => {
+    if (browser$1 === 'Safari') {
+        return browser.balBrowser.isSafari;
     }
     return false;
 };
@@ -172,58 +176,58 @@ const isPlatform = (winOrPlatform, platform) => {
 const NewBalOptionValue = newBalOptionValue;
 const NewBalSingleOptionValue = newBalSingleOptionValue;
 
-exports.BalSnackbarController = index.BalSnackbarController;
-exports.BalToastController = index.BalToastController;
-exports.attachToConfig = index.attachToConfig;
-exports.balBrowser = index.balBrowser;
-exports.balSnackbarController = index.balSnackbarController;
-exports.balToastController = index.balToastController;
-exports.componentOnReady = index.componentOnReady;
-exports.deepReady = index.deepReady;
-exports.defaultConfig = index.defaultConfig;
-exports.detachFromConfig = index.detachFromConfig;
-exports.getAppRoot = index.getAppRoot;
-exports.initialize = index.initializeBaloiseDesignSystem;
-exports.initializeBaloiseDesignSystem = index.initializeBaloiseDesignSystem;
-exports.isDescendant = index.isDescendant;
-exports.onBalConfigChange = index.onBalConfigChange;
-exports.setupConfig = index.setupConfig;
-exports.shallowReady = index.shallowReady;
-exports.updateBalAllowedLanguages = index.updateBalAllowedLanguages;
-exports.updateBalAnimated = index.updateBalAnimated;
-exports.updateBalIcons = index.updateBalIcons;
-exports.updateBalLanguage = index.updateBalLanguage;
-exports.updateBalRegion = index.updateBalRegion;
-exports.useBalConfig = index.useBalConfig;
-exports.wait = index.wait;
-exports.waitAfterFramePaint = index.waitAfterFramePaint;
-exports.waitAfterIdleCallback = index.waitAfterIdleCallback;
-exports.waitAfterLargestContentfulPaintCallback = index.waitAfterLargestContentfulPaintCallback;
-exports.waitForComponent = index.waitForComponent;
-exports.waitForDesignSystem = index.waitForDesignSystem;
-exports.waitOnLoadEventCallback = index.waitOnLoadEventCallback;
 Object.defineProperty(exports, "FileUploadRejectionReason", {
     enumerable: true,
     get: function () { return balFileUpload_type.FileUploadRejectionReason; }
 });
 exports.i18nBalClose = balClose_i18n.i18nBalClose;
-exports.i18nBalDate = balDate_i18n.i18nBalDate;
+exports.BalDate = date.BalDate;
+exports.i18nBalDate = date.i18nBalDate;
 exports.i18nBalInputStepper = balInputStepper_i18n.i18nBalInputStepper;
 exports.i18nBalLabel = balLabel_i18n.i18nBalLabel;
 exports.i18nBalTimeInput = balTimeInput_i18n.i18nBalTimeInput;
 exports.newBalStepOption = balStep_util.newBalStepOption;
 exports.newBalTabOption = balTab_util.newBalTabOption;
-exports.BalBreakpointSubject = breakpoints_subject.BalBreakpointSubject;
-exports.BalBreakpointsUtil = breakpoints_subject.BalBreakpointsUtil;
-exports.balBreakpointSubject = breakpoints_subject.balBreakpointSubject;
-exports.balBreakpoints = breakpoints_subject.balBreakpoints;
-exports.BalDate = date.BalDate;
+exports.BalSnackbarController = initialize.BalSnackbarController;
+exports.BalToastController = initialize.BalToastController;
+exports.balSnackbarController = initialize.balSnackbarController;
+exports.balToastController = initialize.balToastController;
+exports.initialize = initialize.initializeBaloiseDesignSystem;
+exports.initializeBaloiseDesignSystem = initialize.initializeBaloiseDesignSystem;
+exports.setupConfig = initialize.setupConfig;
+exports.balBrowser = browser.balBrowser;
 exports.BalDevice = device.BalDevice;
 exports.balDevice = device.balDevice;
 exports.newBalOption = option.newBalOption;
 exports.scrollToFirstInvalidField = form.scrollToFirstInvalidField;
+exports.componentOnReady = helpers.componentOnReady;
+exports.deepReady = helpers.deepReady;
+exports.getAppRoot = helpers.getAppRoot;
+exports.isDescendant = helpers.isDescendant;
+exports.shallowReady = helpers.shallowReady;
+exports.wait = helpers.wait;
+exports.waitAfterFramePaint = helpers.waitAfterFramePaint;
+exports.waitAfterIdleCallback = helpers.waitAfterIdleCallback;
+exports.waitAfterLargestContentfulPaintCallback = helpers.waitAfterLargestContentfulPaintCallback;
+exports.waitForComponent = helpers.waitForComponent;
+exports.waitForDesignSystem = helpers.waitForDesignSystem;
+exports.waitOnLoadEventCallback = helpers.waitOnLoadEventCallback;
 exports.INVALID_VALUE = maskUtil.INVALID_VALUE;
 exports.BalScrollHandler = scroll.BalScrollHandler;
+exports.BalBreakpointSubject = breakpoints_subject.BalBreakpointSubject;
+exports.BalBreakpointsUtil = breakpoints_subject.BalBreakpointsUtil;
+exports.balBreakpointSubject = breakpoints_subject.balBreakpointSubject;
+exports.balBreakpoints = breakpoints_subject.balBreakpoints;
+exports.attachToConfig = config_utils.attachToConfig;
+exports.detachFromConfig = config_utils.detachFromConfig;
+exports.onBalConfigChange = config_utils.onBalConfigChange;
+exports.updateBalAllowedLanguages = config_utils.updateBalAllowedLanguages;
+exports.updateBalAnimated = config_utils.updateBalAnimated;
+exports.updateBalIcons = config_utils.updateBalIcons;
+exports.updateBalLanguage = config_utils.updateBalLanguage;
+exports.updateBalRegion = config_utils.updateBalRegion;
+exports.useBalConfig = config_utils.useBalConfig;
+exports.defaultConfig = config_default.defaultConfig;
 exports.BalSwipeSubject = swipe_subject.BalSwipeSubject;
 exports.BalModalController = BalModalController;
 exports.BalOrientationSubject = BalOrientationSubject;

package/dist/cjs/initialize-CWGvp-PN.js

@@ -0,0 +1,448 @@
+'use strict';
+
+var index = require('./index-feA4skrY.js');
+var browser = require('./browser-BwmkTmm8.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+
+const BALOISE_ANIMATION_KEY = 'baloise-animated';
+
+class Config {
+    constructor() {
+        this._componentObservers = [];
+        this._observers = [];
+        this._config = config_default.defaultConfig;
+    }
+    get locale() {
+        return `${this._config.language}-${this._config.region}`;
+    }
+    get region() {
+        return this._config.region;
+    }
+    set region(region) {
+        if (region !== this._config.region) {
+            this._config.region = region;
+            this._notify();
+        }
+    }
+    get language() {
+        return this._config.language;
+    }
+    set language(language) {
+        if (language !== this._config.language) {
+            if (this._config.allowedLanguages.includes(language)) {
+                this._config.language = language;
+            }
+            else {
+                this._config.language = this._config.fallbackLanguage;
+            }
+            this._notify();
+        }
+    }
+    get allowedLanguages() {
+        return this._config.allowedLanguages;
+    }
+    set allowedLanguages(allowedLanguages) {
+        if (allowedLanguages !== this._config.allowedLanguages) {
+            this._config.allowedLanguages = allowedLanguages;
+            this._notify();
+        }
+    }
+    get icons() {
+        return this._config.icons;
+    }
+    set icons(icons) {
+        this._config.icons = Object.assign(Object.assign({}, this._config.icons), icons);
+        this._notify();
+    }
+    get logger() {
+        return this._config.logger;
+    }
+    set logger(logger) {
+        this._config.logger = Object.assign({}, logger);
+        this._notify();
+    }
+    get animated() {
+        return this._config.animated;
+    }
+    set animated(animated) {
+        this._config.animated = animated;
+        this._notify();
+    }
+    get httpFormSubmit() {
+        return this._config.httpFormSubmit;
+    }
+    set httpFormSubmit(httpFormSubmit) {
+        this._config.httpFormSubmit = httpFormSubmit;
+        this._notify();
+    }
+    attach(observer) {
+        const isExist = this._observers.includes(observer);
+        if (isExist) {
+            return console.log('Subject: Observer has been attached already.');
+        }
+        this._observers.push(observer);
+        observer.configChanged(this._config);
+    }
+    detach(observer) {
+        const observerIndex = this._observers.indexOf(observer);
+        if (observerIndex === -1) {
+            return console.log('Subject: Nonexistent observer.');
+        }
+        this._observers.splice(observerIndex, 1);
+    }
+    attachComponent(observer) {
+        const isExist = this._componentObservers.includes(observer);
+        if (isExist) {
+            return console.log('Subject: Observer has been attached already.');
+        }
+        this._componentObservers.push(observer);
+        observer.configChanged(this._config);
+    }
+    detachComponent(observer) {
+        const observerIndex = this._componentObservers.indexOf(observer);
+        if (observerIndex === -1) {
+            return console.log('Subject: Nonexistent observer.');
+        }
+        this._componentObservers.splice(observerIndex, 1);
+    }
+    toString() {
+        return JSON.stringify(this._config);
+    }
+    reset(config) {
+        this._config = Object.assign(Object.assign(Object.assign({}, this._config), config), { icons: Object.assign(Object.assign({}, this._config.icons), config.icons) });
+        this._notify(false);
+    }
+    _notify(all = true) {
+        for (const observer of this._componentObservers) {
+            observer.configChanged(this._config);
+        }
+        if (all) {
+            for (const observer of this._observers) {
+                observer.configChanged(this._config);
+            }
+        }
+    }
+}
+const config = /*@__PURE__*/ new Config();
+const configFromLocalStorage = (win) => {
+    try {
+        const animated = JSON.parse(win.localStorage.getItem(BALOISE_ANIMATION_KEY));
+        if (animated !== null) {
+            return {
+                animated,
+            };
+        }
+        return {};
+    }
+    catch (e) {
+        return {};
+    }
+};
+
+const setupConfig = (userConfig = {}, win = {}) => {
+    if (Object.keys(win).length === 0 && browser.balBrowser.hasWindow) {
+        win = window;
+    }
+    win.BaloiseDesignSystem = win.BaloiseDesignSystem || {};
+    config.reset(Object.assign(Object.assign(Object.assign({}, configFromLocalStorage(win)), userConfig), { icons: Object.assign({}, userConfig.icons) }));
+    win.BaloiseDesignSystem.config = config;
+};
+
+class BalNoticeController {
+    constructor(options) {
+        this.options = options;
+        this.container = null;
+        this.queue = [];
+        this.preQueue = [];
+        this.queueLimit = 5;
+    }
+    create(options) {
+        if (browser.balBrowser.hasDocument) {
+            this.setupContainer(options);
+            const clone = this.findClone(options);
+            if (clone === undefined) {
+                const el = document.createElement(this.options.tag);
+                Object.assign(el, options);
+                el.addEventListener('balClose', ev => {
+                    this.removeFromQueue(ev.detail);
+                });
+                this.preQueue.push(el);
+                this.updateQueue();
+                return el;
+            }
+            return clone;
+        }
+    }
+    setQueue(queueLimit) {
+        this.queueLimit = queueLimit;
+    }
+    async dismissAll() {
+        var _a;
+        const elements = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.options.tag);
+        if (elements) {
+            const closingQueue = [];
+            for (let index = 0; index < elements.length; index++) {
+                const el = elements[index];
+                if (el.close) {
+                    closingQueue.push(el.close());
+                }
+            }
+            await Promise.all(closingQueue);
+        }
+    }
+    /**
+     * @deprecated use dismissAll instead
+     */
+    async clearAll() {
+        console.warn('[DEPRECATED] - use dismissAll() instead');
+        return this.dismissAll();
+    }
+    findClone(options) {
+        for (let index = 0; index < this.queue.length; index++) {
+            const el = this.queue[index];
+            if (el.message === options.message && el.color === options.color) {
+                return el;
+            }
+        }
+        return undefined;
+    }
+    setupContainer(options) {
+        if (browser.balBrowser.hasDocument) {
+            const containerId = `${this.options.tag}-container`;
+            this.container = document.getElementById(containerId);
+            if (this.container)
+                return;
+            if (!this.container) {
+                this.container = document.createElement('bal-notices');
+                this.container.setAttribute('interface', this.options.tag.replace('bal-', ''));
+                this.container.setAttribute('animated', options.animated ? 'true' : 'false');
+                if (options.container !== undefined) {
+                    this.container.setAttribute('container', options.container === true ? '' : options.container);
+                }
+                this.container.id = containerId;
+            }
+            document.body.appendChild(this.container);
+        }
+    }
+    async updateQueue() {
+        var _a;
+        if (this.queue.length < this.queueLimit) {
+            const el = this.preQueue.shift();
+            if (el && this.container) {
+                await helpers.waitForComponent(this.container);
+                const innerEl = this.container.querySelector('.bal-notices__inner');
+                if (innerEl) {
+                    this.queue.push(el);
+                    innerEl.insertAdjacentElement('beforeend', el);
+                }
+            }
+        }
+        if (this.queue.length === 0) {
+            (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
+        }
+    }
+    removeFromQueue(toastId) {
+        this.queue = this.queue.filter(el => el.id !== toastId);
+        setTimeout(() => this.updateQueue(), 0);
+    }
+}
+
+class BalSnackbarController extends BalNoticeController {
+    constructor() {
+        super({
+            tag: 'bal-snackbar',
+        });
+    }
+    create(options) {
+        return super.create(options);
+    }
+}
+const balSnackbarController = new BalSnackbarController();
+
+class BalToastController extends BalNoticeController {
+    constructor() {
+        super({
+            tag: 'bal-toast',
+        });
+    }
+    create(options) {
+        return super.create(options);
+    }
+}
+const balToastController = new BalToastController();
+
+const tags = [
+    "bal-accordion",
+    "bal-accordion-details",
+    "bal-accordion-summary",
+    "bal-accordion-trigger",
+    "bal-app",
+    "bal-badge",
+    "bal-button",
+    "bal-button-group",
+    "bal-card",
+    "bal-card-actions",
+    "bal-card-button",
+    "bal-card-content",
+    "bal-card-subtitle",
+    "bal-card-title",
+    "bal-carousel",
+    "bal-carousel-item",
+    "bal-check",
+    "bal-checkbox",
+    "bal-checkbox-group",
+    "bal-close",
+    "bal-content",
+    "bal-data",
+    "bal-data-item",
+    "bal-data-label",
+    "bal-data-value",
+    "bal-date",
+    "bal-date-calendar",
+    "bal-date-calendar-cell",
+    "bal-divider",
+    "bal-dropdown",
+    "bal-field",
+    "bal-field-control",
+    "bal-field-hint",
+    "bal-field-label",
+    "bal-field-message",
+    "bal-file-upload",
+    "bal-footer",
+    "bal-form",
+    "bal-form-col",
+    "bal-form-grid",
+    "bal-heading",
+    "bal-hint",
+    "bal-hint-text",
+    "bal-hint-title",
+    "bal-icon",
+    "bal-input",
+    "bal-input-date",
+    "bal-input-group",
+    "bal-input-slider",
+    "bal-input-stepper",
+    "bal-label",
+    "bal-list",
+    "bal-list-item",
+    "bal-list-item-accordion-body",
+    "bal-list-item-accordion-head",
+    "bal-list-item-content",
+    "bal-list-item-icon",
+    "bal-list-item-subtitle",
+    "bal-list-item-title",
+    "bal-logo",
+    "bal-modal",
+    "bal-modal-body",
+    "bal-modal-header",
+    "bal-nav",
+    "bal-nav-link",
+    "bal-nav-link-grid",
+    "bal-nav-link-grid-col",
+    "bal-nav-link-group",
+    "bal-nav-menu-bar",
+    "bal-nav-menu-flyout",
+    "bal-nav-meta-bar",
+    "bal-navbar",
+    "bal-navbar-brand",
+    "bal-navbar-menu",
+    "bal-navbar-menu-end",
+    "bal-navbar-menu-start",
+    "bal-notices",
+    "bal-notification",
+    "bal-number-input",
+    "bal-option",
+    "bal-option-list",
+    "bal-pagination",
+    "bal-popover",
+    "bal-popover-content",
+    "bal-popup",
+    "bal-progress-bar",
+    "bal-radio",
+    "bal-radio-group",
+    "bal-radio-icon",
+    "bal-segment",
+    "bal-segment-item",
+    "bal-select",
+    "bal-select-option",
+    "bal-shape",
+    "bal-sheet",
+    "bal-snackbar",
+    "bal-spinner",
+    "bal-stack",
+    "bal-stage",
+    "bal-stage-back-link",
+    "bal-stage-body",
+    "bal-stage-foot",
+    "bal-stage-head",
+    "bal-stage-image",
+    "bal-step-item",
+    "bal-steps",
+    "bal-switch",
+    "bal-tab-item",
+    "bal-table",
+    "bal-tabs",
+    "bal-tag",
+    "bal-tag-group",
+    "bal-text",
+    "bal-textarea",
+    "bal-time-input",
+    "bal-toast",
+    "bal-tooltip"
+];
+
+// generated by .build/version.js
+const VERSION = '19.8.3';
+
+const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
+    if (Object.keys(win).length === 0 && browser.balBrowser.hasWindow) {
+        win = window;
+    }
+    win.BaloiseDesignSystem = win.BaloiseDesignSystem || {};
+    if (platformConfig) {
+        index.setPlatformHelpers(platformConfig);
+    }
+    setupConfig(Object.assign(Object.assign({}, userConfig), platformConfig), win);
+    win.BaloiseDesignSystem.toastController = balToastController;
+    win.BaloiseDesignSystem.snackbarController = balSnackbarController;
+    win.BaloiseDesignSystem.initialize = () => setupConfig(win.BaloiseDesignSystem.config, win);
+    win.BaloiseDesignSystem.version = VERSION;
+    if (userConfig._generateHydrateForCustomElementsOutput) {
+        generateHydrateForCustomElementsOutput(tags);
+    }
+};
+/**
+ * This function generates the CSS needed for custom elements hydration and inserts it into the document head.
+ * The CSS rules include styles for slot fallback and the hydrated class.
+ *
+ * This is copied from the Stencil core library.
+ * src/runtime/bootstrap-lazy.ts
+ */
+const generateHydrateForCustomElementsOutput = (cmpTags = []) => {
+    const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
+    const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+    const win = typeof window !== 'undefined' ? window : {};
+    if (!win.document) {
+        console.warn('Stencil: No document found. Skipping bootstrapping lazy components.');
+        return;
+    }
+    const head = win.document.head;
+    const metaCharset = /* @__PURE__ */ head.querySelector('meta[charset]');
+    const dataStyles = /* @__PURE__ */ win.document.createElement('style');
+    if (cmpTags.length > 0) {
+        dataStyles.textContent += SLOT_FB_CSS;
+        dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+        if (dataStyles.innerHTML.length) {
+            dataStyles.setAttribute('data-styles', '');
+            head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+        }
+    }
+};
+
+exports.BalSnackbarController = BalSnackbarController;
+exports.BalToastController = BalToastController;
+exports.balSnackbarController = balSnackbarController;
+exports.balToastController = balToastController;
+exports.initializeBaloiseDesignSystem = initializeBaloiseDesignSystem;
+exports.setupConfig = setupConfig;

package/dist/cjs/{listener-h1eTpBYL.js → listener-DspXpqzY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var browser = require('./browser-BwmkTmm8.js');
 
 class Subject {
     constructor(notifyCallback) {
@@ -68,7 +68,7 @@ class ListenerAbstract extends Subject {
             this.el = el;
         }
         else {
-            if (index.balBrowser.hasWindow) {
+            if (browser.balBrowser.hasWindow) {
                 this.el = window;
             }
         }