@baloise/ds-core 19.8.2 → 19.8.3

package/dist/esm/index.js

@@ -1,27 +1,31 @@
-import { a as balBrowser, c as getAppRoot, d as componentOnReady } from './index-BgWhYta3.js';
-export { D as BalSnackbarController, F as BalToastController, e as attachToConfig, E as balSnackbarController, G as balToastController, r as deepReady, f as defaultConfig, h as detachFromConfig, q as initialize, q as initializeBaloiseDesignSystem, t as isDescendant, o as onBalConfigChange, i as setupConfig, v as shallowReady, u as updateBalAllowedLanguages, j as updateBalAnimated, k as updateBalIcons, l as updateBalLanguage, m as updateBalRegion, n as useBalConfig, w as wait, x as waitAfterFramePaint, y as waitAfterIdleCallback, z as waitAfterLargestContentfulPaintCallback, A as waitForComponent, B as waitForDesignSystem, C as waitOnLoadEventCallback } from './index-BgWhYta3.js';
 export { F as FileUploadRejectionReason } from './bal-file-upload.type-rBUN7c88.js';
 export { i as i18nBalClose } from './bal-close.i18n-Ct27z6g9.js';
-export { i as i18nBalDate } from './bal-date.i18n-CLs4UZCO.js';
+export { B as BalDate, i as i18nBalDate } from './date-W0XtD641.js';
 export { i as i18nBalInputStepper } from './bal-input-stepper.i18n-DEb5iNGc.js';
 export { i as i18nBalLabel } from './bal-label.i18n-JHAE10yr.js';
 export { i as i18nBalTimeInput } from './bal-time-input.i18n-B4aDEwd8.js';
 export { n as newBalStepOption } from './bal-step.util-DIC_sxLd.js';
 export { n as newBalTabOption } from './bal-tab.util-BmVI6cLw.js';
-import { B as BalWindowResizeListener, b as balBreakpoints } from './breakpoints.subject-Dpu4Jjc3.js';
-export { c as BalBreakpointSubject, d as BalBreakpointsUtil, a as balBreakpointSubject } from './breakpoints.subject-Dpu4Jjc3.js';
-export { B as BalDate } from './date-wScrQINJ.js';
-import { b as balDevice } from './device-CWdcsnSc.js';
-export { B as BalDevice } from './device-CWdcsnSc.js';
+export { B as BalSnackbarController, a as BalToastController, b as balSnackbarController, c as balToastController, i as initialize, i as initializeBaloiseDesignSystem, s as setupConfig } from './initialize-pdWsVO-c.js';
+import { b as balBrowser } from './browser-B1u-Mq75.js';
+import { b as balDevice } from './device-TtMibDFL.js';
+export { B as BalDevice } from './device-TtMibDFL.js';
 export { n as newBalOption } from './option-BLp4ll3i.js';
 export { s as scrollToFirstInvalidField } from './form-FCLKfv6B.js';
+import { g as getAppRoot, c as componentOnReady } from './helpers-BNj87EbG.js';
+export { d as deepReady, i as isDescendant, s as shallowReady, w as wait, a as waitAfterFramePaint, b as waitAfterIdleCallback, e as waitAfterLargestContentfulPaintCallback, f as waitForComponent, h as waitForDesignSystem, j as waitOnLoadEventCallback } from './helpers-BNj87EbG.js';
 export { I as INVALID_VALUE } from './mask-util-DuObDTix.js';
-import './window-resize.subject-BfRcRWok.js';
-import { S as Subject } from './listener-BCxt7kj7.js';
-export { B as BalScrollHandler } from './scroll-Dhp_eUkh.js';
-export { B as BalSwipeSubject } from './swipe.subject-CCKruupP.js';
-import { g as getOverlays, a as getOverlay } from './overlays-B9nzshwp.js';
-import './tokens.esm-4RggM_kM.js';
+export { B as BalScrollHandler } from './scroll-X92R_eyZ.js';
+import { g as getOverlays, a as getOverlay } from './overlays-DuvWMrlA.js';
+import { B as BalWindowResizeListener, b as balBreakpoints } from './breakpoints.subject-CLkQ75F0.js';
+export { c as BalBreakpointSubject, d as BalBreakpointsUtil, a as balBreakpointSubject } from './breakpoints.subject-CLkQ75F0.js';
+export { a as attachToConfig, d as detachFromConfig, o as onBalConfigChange, u as updateBalAllowedLanguages, b as updateBalAnimated, c as updateBalIcons, e as updateBalLanguage, f as updateBalRegion, g as useBalConfig } from './config.utils-B7jugjyM.js';
+export { d as defaultConfig } from './config.default-I6QXKbhg.js';
+import { S as Subject } from './listener-CClDIhvK.js';
+export { B as BalSwipeSubject } from './swipe.subject-T0VStuOK.js';
+import './index-BdVwMG9u.js';
+import './tokens.esm-Crri2rlL.js';
+import './log-CwssmmaV.js';
 
 const i18nBalFieldLabel = {
     de: {

package/dist/esm/initialize-pdWsVO-c.js

@@ -0,0 +1,441 @@
+import { a as setPlatformHelpers } from './index-BdVwMG9u.js';
+import { b as balBrowser } from './browser-B1u-Mq75.js';
+import { f as waitForComponent } from './helpers-BNj87EbG.js';
+import { d as defaultConfig } from './config.default-I6QXKbhg.js';
+
+const BALOISE_ANIMATION_KEY = 'baloise-animated';
+
+class Config {
+    constructor() {
+        this._componentObservers = [];
+        this._observers = [];
+        this._config = 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 && 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 (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 (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 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 && balBrowser.hasWindow) {
+        win = window;
+    }
+    win.BaloiseDesignSystem = win.BaloiseDesignSystem || {};
+    if (platformConfig) {
+        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);
+        }
+    }
+};
+
+export { BalSnackbarController as B, BalToastController as a, balSnackbarController as b, balToastController as c, initializeBaloiseDesignSystem as i, setupConfig as s };

package/dist/esm/{keyboard.helpers-D1VPLQ5z.js → keyboard.helpers-BERg8BNc.js}

@@ -65,4 +65,4 @@ function isEndKey(event) {
     return event.key === 'End';
 }
 
-export { isArrowUpKey as a, isEnterKey as b, isEscapeKey as c, isSpaceKey as d, isArrowLeftKey as e, isArrowRightKey as f, isHomeKey as g, isEndKey as h, isArrowDownKey as i, isTabKey as j, isBackspaceKey as k };
+export { isEnterKey as a, isArrowUpKey as b, isArrowLeftKey as c, isArrowDownKey as d, isArrowRightKey as e, isHomeKey as f, isEndKey as g, isTabKey as h, isSpaceKey as i, isEscapeKey as j, isBackspaceKey as k };

package/dist/esm/{listener-BCxt7kj7.js → listener-CClDIhvK.js}

@@ -1,4 +1,4 @@
-import { a as balBrowser } from './index-BgWhYta3.js';
+import { b as balBrowser } from './browser-B1u-Mq75.js';
 
 class Subject {
     constructor(notifyCallback) {