@baloise/ds-core 0.0.6 → 0.0.7-nightly.20240312

package/components/initialize.js

@@ -0,0 +1,281 @@
+import { setPlatformHelpers } from '@stencil/core/internal/client';
+import { b as balBrowser } from './browser.js';
+import { d as defaultConfig } from './config.default.js';
+
+const BALOISE_SESSION_KEY = 'baloise-persist-config';
+
+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();
+    }
+    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);
+            }
+        }
+        if (balBrowser.hasWindow) {
+            saveConfig(window, this._config);
+        }
+    }
+}
+const config = /*@__PURE__*/ new Config();
+const configFromSession = (win) => {
+    try {
+        const configStr = win.sessionStorage.getItem(BALOISE_SESSION_KEY);
+        return configStr !== null ? JSON.parse(configStr) : {};
+    }
+    catch (e) {
+        return {};
+    }
+};
+const saveConfig = (win, c) => {
+    try {
+        win.sessionStorage.setItem(BALOISE_SESSION_KEY, JSON.stringify(c));
+    }
+    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({}, configFromSession(win)), userConfig), { icons: Object.assign(Object.assign({}, configFromSession(win).icons), 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();
+            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() {
+        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.id = containerId;
+            }
+            document.body.appendChild(this.container);
+        }
+    }
+    updateQueue() {
+        var _a;
+        if (this.queue.length < this.queueLimit) {
+            const el = this.preQueue.shift();
+            if (el && this.container) {
+                this.queue.push(el);
+                this.container.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 BalToastController extends BalNoticeController {
+    constructor() {
+        super({
+            tag: 'bal-toast',
+        });
+    }
+    create(options) {
+        return super.create(options);
+    }
+}
+const balToastController = new BalToastController();
+
+class BalSnackbarController extends BalNoticeController {
+    constructor() {
+        super({
+            tag: 'bal-snackbar',
+        });
+    }
+    create(options) {
+        return super.create(options);
+    }
+}
+const balSnackbarController = new BalSnackbarController();
+
+// generated by .build/version.js
+const VERSION = 'BAL_DEV_VERSION';
+
+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;
+};
+
+export { BalToastController as B, BalSnackbarController as a, balToastController as b, balSnackbarController as c, initializeBaloiseDesignSystem as i, setupConfig as s };

package/components/mutation.decorator.js

@@ -22,9 +22,11 @@ class BalMutationListener extends ListenerAbstract {
             if (hasRemovedNodeChanges) {
                 return this.notify(undefined);
             }
-            const hasCharacterDataChanges = mutationRecord.some(record => record.type === 'characterData');
-            if (hasCharacterDataChanges) {
-                return this.notify(undefined);
+            if (this.tags.length === 0 && mutationRecord.length > 0) {
+                const hasCharacterDataChanges = mutationRecord.some(record => record.type === 'characterData');
+                if (hasCharacterDataChanges) {
+                    return this.notify(undefined);
+                }
             }
             if (this.tags.length === 0 && mutationRecord.length > 0) {
                 return this.notify(undefined);

package/components/tokens.esm.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 13:56:37 GMT
+ * Generated on Tue, 12 Mar 2024 06:08:11 GMT
  */
 const balColorGreen3 = "#94e3d4";
 const balColorGreen6 = "#1b5951";

package/dist/baloise-design-system/baloise-design-system.esm.js

@@ -0,0 +1 @@
+import{p as e,b as a}from"./p-d7c752c6.js";export{s as setNonce}from"./p-d7c752c6.js";import{g as l}from"./p-9d114fae.js";import"./p-87067c24.js";import"./p-9e4fcb76.js";import"./p-a65354df.js";import"./p-4f4df156.js";import"./p-b77e3348.js";import"./p-2229e98e.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>(l(),a(JSON.parse('[["p-d6fc0dd434",[[6,"bal-field-hint",{"subject":[1],"closeLabel":[1,"close-label"],"small":[4]}],[6,"bal-field-control",{"iconRight":[1,"icon-right"],"iconLeft":[1,"icon-left"],"expandedOnMobile":[4,"expanded-on-mobile"],"loading":[4]}],[6,"bal-field-label",{"htmlFor":[1,"html-for"],"required":[4],"valid":[4],"invalid":[4],"disabled":[4],"readonly":[4],"size":[1],"weight":[1]}],[4,"bal-field",{"required":[4],"horizontal":[4],"invalid":[4],"valid":[4],"disabled":[4],"readonly":[4],"loading":[4]},null,{"required":["requiredHandler"],"invalid":["invalidHandler"],"valid":["validHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"],"loading":["loadingHandler"]}],[4,"bal-field-message",{"color":[1],"invalid":[4],"valid":[4],"disabled":[4],"readonly":[4],"ariaForm":[32],"setAriaForm":[64]}]]],["p-af8604cef2",[[0,"bal-file-upload",{"name":[1],"value":[16],"label":[1],"multiple":[4],"disabled":[4],"readonly":[4],"loading":[4],"required":[4],"accept":[1],"maxFiles":[2,"max-files"],"maxFileSize":[2,"max-file-size"],"maxBundleSize":[2,"max-bundle-size"],"hasFileList":[4,"has-file-list"],"invalid":[4],"subTitle":[16],"autoInvalidOff":[516,"auto-invalid-off"],"files":[32],"focused":[32],"ariaForm":[32],"clear":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"reset","resetHandler"]],{"value":["onValueChange"]}]]],["p-ec61621678",[[4,"bal-steps",{"options":[16],"clickable":[4],"debounce":[2],"value":[1025],"isMobile":[32],"store":[32],"select":[64],"getOptionByValue":[64]},null,{"options":["optionChanged"],"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-35aa7ecb24",[[4,"bal-accordion",{"active":[1540],"debounce":[2],"openLabel":[1,"open-label"],"openIcon":[1,"open-icon"],"closeLabel":[1,"close-label"],"closeIcon":[1,"close-icon"],"card":[4],"version":[2],"state":[32],"animated":[32],"configChanged":[64],"present":[64],"dismiss":[64],"toggle":[64],"humanToggle":[64]},null,{"active":["activeChanged"],"debounce":["debounceChanged"]}],[0,"bal-accordion-trigger",{"button":[4],"openLabel":[1,"open-label"],"openIcon":[1,"open-icon"],"closeLabel":[1,"close-label"],"closeIcon":[1,"close-icon"],"color":[1],"size":[1],"active":[1540],"state":[2],"parentAccordionId":[32]}],[4,"bal-accordion-details",{"state":[2],"active":[4],"animated":[4],"parentAccordionId":[32]}],[0,"bal-accordion-summary",{"trigger":[4],"active":[1540],"state":[2],"parentAccordionId":[32]}]]],["p-54e81086c9",[[4,"bal-datepicker",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"loading":[4],"placeholder":[1],"min":[1025],"max":[1025],"closeOnSelect":[4,"close-on-select"],"triggerIcon":[4,"trigger-icon"],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"debounce":[2],"defaultDate":[1,"default-date"],"value":[1025],"allowedDates":[16],"autoInvalidOff":[516,"auto-invalid-off"],"language":[32],"region":[32],"isMobile":[32],"focused":[32],"isPopoverOpen":[32],"selectedDate":[32],"pointerDate":[32],"ariaForm":[32],"configChanged":[64],"open":[64],"close":[64],"select":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-b3a2290c0d",[[0,"bal-date",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"freeSolo":[4,"free-solo"],"placeholder":[1],"triggerIcon":[4,"trigger-icon"],"closeOnSelect":[4,"close-on-select"],"value":[1025],"min":[1025],"max":[1025],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"defaultDate":[1,"default-date"],"allowedDates":[16],"debounce":[2],"autoInvalidOff":[516,"auto-invalid-off"],"isExpanded":[32],"language":[32],"calendarValue":[32],"ariaForm":[32],"configChanged":[64],"open":[64],"close":[64],"toggle":[64],"select":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[8,"keydown","listenToKeydown"],[8,"keyup","listenOnKeyup"],[4,"click","listenOnclick"],[16,"balPopoverPrepare","listenOnPopoverPrepare"]],{"value":["valueChanged"],"debounce":["debounceChanged"]}]]],["p-19556c290a",[[4,"bal-snackbar",{"color":[1],"duration":[2],"subject":[1],"message":[1],"icon":[1],"action":[1],"closeHandler":[16],"actionHandler":[16],"href":[1],"target":[1],"animationClass":[32],"closeIn":[64],"close":[64]}]]],["p-d54483f005",[[4,"bal-navbar-brand",{"href":[1],"target":[1],"simple":[4],"logo":[1],"logoSize":[1,"logo-size"],"animated":[4],"interface":[1],"isMenuActive":[32]}],[4,"bal-navbar",{"light":[4],"interface":[1],"container":[1]},null,{"interface":["interfaceHandler"]}],[4,"bal-navbar-menu",{"interface":[1],"isMenuActive":[32],"isTouch":[32],"toggle":[64]}],[4,"bal-navbar-menu-end",{"interface":[1]}],[4,"bal-navbar-menu-start",{"interface":[1]}]]],["p-c3bd665a8b",[[0,"bal-input-stepper",{"name":[1],"min":[2],"max":[2],"steps":[2],"disabled":[4],"readonly":[4],"invalid":[4],"debounce":[2],"value":[1026],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["p-06e959a11a",[[4,"bal-popup",{"label":[1],"reference":[1],"variant":[1],"placement":[1],"arrow":[4],"backdrop":[4],"offset":[2],"closable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"active":[4],"contentWidth":[2,"content-width"],"demo":[4],"activeClosable":[32],"activeBackdropDismiss":[32],"activeVariant":[32],"trigger":[32],"lastTrigger":[32],"minContainerWidth":[32],"presented":[32],"present":[64],"dismiss":[64],"toggle":[64],"setMinWidth":[64],"_emitChange":[64],"_present":[64],"_dismiss":[64]},[[8,"click","listenOnGlobalClick"],[16,"keydown","listenOnKeyDown"],[1,"mousedown","listenOnMouseDown"],[1,"mouseup","listenOnMouseUp"],[0,"click","listenOnComponentClick"]],{"variant":["variantChanged"],"active":["activeChanged"],"contentWidth":["contentWidthChanged"]}]]],["p-6a5d6e4680",[[4,"bal-data-value",{"editable":[4],"disabled":[4],"multiline":[4]}],[4,"bal-data",{"border":[4],"horizontal":[4]},null,{"border":["borderHandler"]}],[4,"bal-data-item",{"disabled":[4],"border":[4]}],[4,"bal-data-label",{"required":[4]}]]],["p-1facd2a3f2",[[4,"bal-modal-header"],[4,"bal-modal",{"overlayIndex":[1026,"overlay-index"],"delegate":[16],"dataTestId":[1,"data-test-id"],"modalWidth":[2,"modal-width"],"space":[1],"hasBackdrop":[4,"has-backdrop"],"isClosable":[4,"is-closable"],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"demo":[4],"presented":[32],"open":[64],"close":[64],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[0,"click","onClickCloseButton"],[1,"mousedown","onMouseDown"],[1,"mouseup","onMouseUp"],[16,"keyup","handleKeyUp"]]],[4,"bal-modal-body"]]],["p-dbcf60eced",[[4,"bal-stage",{"containerSize":[1,"container-size"],"size":[1],"color":[1],"shape":[4],"shapeVariation":[1,"shape-variation"],"shapeRotation":[1,"shape-rotation"]}],[4,"bal-stage-back-link",{"href":[1],"shadow":[4],"inverted":[4]}],[4,"bal-stage-body"],[4,"bal-stage-foot"],[4,"bal-stage-head"],[0,"bal-stage-image",{"srcSet":[1,"src-set"],"fallback":[1]}]]],["p-0ce86357bd",[[0,"bal-time-input",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"debounce":[2],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["p-d02efb178c",[[4,"bal-toast",{"color":[1],"duration":[2],"message":[1],"closeHandler":[16],"closeIn":[64],"close":[64]}]]],["p-e960037ef1",[[4,"bal-doc-app",{"logComponents":[1,"log-components"],"logLifecycle":[4,"log-lifecycle"],"logEvents":[4,"log-events"],"logRender":[4,"log-render"],"logCustom":[4,"log-custom"],"stickyFooter":[4,"sticky-footer"],"region":[1],"language":[1],"animated":[516]}]]],["p-a8b35d33fe",[[1,"bal-tooltip",{"reference":[1],"placement":[1],"offset":[2],"demo":[4],"contentWidth":[2,"content-width"],"presented":[32],"present":[64],"dismiss":[64],"update":[64]},null,{"contentWidth":["contentWidthChanged"]}]]],["p-87e2b8fad8",[[4,"bal-form-col",{"size":[1]}],[4,"bal-form-grid"]]],["p-2dda46c5f8",[[4,"bal-checkbox-button",{"invalid":[4],"disabled":[4],"readonly":[4],"color":[1],"colSize":[2,"col-size"],"colSizeTablet":[2,"col-size-tablet"],"colSizeMobile":[2,"col-size-mobile"],"interactionState":[32],"checked":[32],"focused":[32],"setChecked":[64]},null,{"invalid":["invalidHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"]}]]],["p-ecd39e3bec",[[4,"bal-content",{"layout":[1],"align":[1],"space":[1],"direction":[1],"alignment":[1]}]]],["p-b20a3b881d",[[4,"bal-divider",{"layout":[1],"space":[1],"color":[1]}]]],["p-27f04c3000",[[4,"bal-form",{"native":[4],"novalidate":[4],"scrollToFirstInvalidField":[64]}]]],["p-4192ad4350",[[0,"bal-input",{"name":[1],"invalid":[4],"textAlign":[1,"text-align"],"type":[1],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"max":[1],"maxLength":[2,"max-length"],"min":[1],"minLength":[2,"min-length"],"multiple":[4],"pattern":[1],"allowedKeyPress":[1,"allowed-key-press"],"required":[4],"spellcheck":[4],"disabled":[4],"readonly":[4],"clickable":[4],"suffix":[1],"hasIconRight":[4,"has-icon-right"],"inputmode":[1],"value":[1537],"mask":[1],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"ariaForm":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["p-67f25817a6",[[0,"bal-input-slider",{"name":[1],"step":[2],"min":[2],"max":[2],"invalid":[4],"balTabindex":[2,"bal-tabindex"],"disabled":[4],"readonly":[4],"required":[4],"hasTicks":[4,"has-ticks"],"debounce":[2],"value":[1032],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setFocus":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-ffc0bea891",[[4,"bal-notices",{"interface":[1]}]]],["p-6c4b79bd09",[[4,"bal-notification",{"color":[1]}]]],["p-a9d8b71709",[[0,"bal-number-input",{"name":[1],"invalid":[4],"decimal":[2],"suffix":[1],"pattern":[1],"placeholder":[1],"required":[4],"disabled":[4],"readonly":[4],"exactNumber":[4,"exact-number"],"max":[1],"min":[1],"debounce":[2],"value":[1026],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"nativeInputValue":[32],"inputPattern":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-dc1a69fe93",[[0,"bal-progress-bar",{"value":[2],"background":[1],"configChanged":[64]}]]],["p-7c7e593e07",[[4,"bal-radio-button",{"invalid":[4],"disabled":[4],"readonly":[4],"color":[1],"colSize":[2,"col-size"],"colSizeTablet":[2,"col-size-tablet"],"colSizeMobile":[2,"col-size-mobile"],"interactionState":[32],"checked":[32],"focused":[32],"setChecked":[64]},null,{"invalid":["invalidHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"]}]]],["p-f0e432e19a",[[4,"bal-sheet",{"containerSize":[1,"container-size"]}]]],["p-119b9e4909",[[4,"bal-step-item",{"active":[516],"value":[513],"label":[513],"href":[513],"target":[1],"disabled":[516],"done":[516],"invisible":[516],"failed":[516],"prevent":[4],"isActive":[32],"getOptions":[64],"setActive":[64]}]]],["p-3b02994202",[[4,"bal-table",{"expanded":[4]}]]],["p-420d88737c",[[4,"bal-textarea",{"name":[1],"invalid":[4],"autocapitalize":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"disabled":[4],"readonly":[4],"cols":[2],"rows":[2],"wrap":[1],"required":[4],"clickable":[4],"inputmode":[1],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"ariaForm":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["p-99dcda2fcd",[[4,"bal-radio-group",{"options":[16],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"interface":[1],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"expanded":[4],"invalid":[4],"disabled":[4],"readonly":[4],"grid":[2],"columnsTablet":[2,"columns-tablet"],"columnsMobile":[2,"columns-mobile"],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setValue":[64],"getOptionByValue":[64],"setAriaForm":[64]},[[6,"balChange","listenOnClick"],[6,"balFocus","radioFocusListener"],[6,"balBlur","radioBlurListener"],[6,"reset","resetListener"],[4,"keydown","onKeydown"]],{"options":["optionChanged"],"value":["valueChanged"],"invalid":["invalidChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"],"grid":["columnsChanged"],"columnsTablet":["columnsTabletChanged"],"columnsMobile":["columnsMobileChanged"]}],[4,"bal-radio",{"name":[1],"value":[8],"label":[1],"invisible":[4],"labelHidden":[4,"label-hidden"],"flat":[4],"interface":[1],"disabled":[4],"readonly":[4],"required":[4],"nonSubmit":[4,"non-submit"],"invalid":[4],"hovered":[4],"pressed":[4],"checked":[32],"focused":[32],"buttonTabindex":[32],"ariaForm":[32],"setFocus":[64],"setButtonTabindex":[64],"getInputElement":[64],"getOption":[64],"updateState":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"]]]]],["p-6a8f612c6f",[[4,"bal-app",{"animated":[516],"ready":[1540],"setFocus":[64]}]]],["p-a0db085f89",[[4,"bal-label",{"htmlFor":[1,"html-for"],"required":[4],"noWrap":[4,"no-wrap"],"multiline":[4],"valid":[4],"invalid":[4],"disabled":[4],"readonly":[4],"size":[1],"weight":[1],"hovered":[4],"pressed":[4],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"setAriaForm":[64]}]]],["p-82bd3e6eb7",[[0,"bal-shape",{"variation":[1],"color":[1],"rotation":[1]}]]],["p-d1b16f9cc2",[[0,"bal-date-calendar-cell",{"day":[2],"month":[2],"year":[2],"isoDate":[1,"iso-date"],"fullDate":[1,"full-date"],"selected":[4],"today":[4],"disabled":[4]}]]],["p-68828341e5",[[4,"bal-input-group",{"invalid":[4],"disabled":[4],"readonly":[4]}]]],["p-9a5cb17cb9",[[0,"bal-icon",{"name":[1537],"svg":[1],"size":[1],"color":[1],"inline":[4],"inverted":[4],"turn":[4],"shadow":[4],"disabled":[4],"invalid":[4],"hovered":[4],"pressed":[4],"icons":[32],"configChanged":[64]}]]],["p-eba35b2adf",[[1,"bal-date-calendar",{"value":[1],"defaultDate":[1,"default-date"],"allowedDates":[16],"min":[1025],"max":[1025],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"selectedDate":[32],"monthFullNames":[32],"weekdays":[32],"months":[32],"years":[32],"calendarGrid":[32],"firstDayOfWeek":[32],"month":[32],"year":[32],"language":[32],"isCalendarVisible":[32],"isYearListVisible":[32],"isMonthListVisible":[32],"configChanged":[64]},null,{"value":["valueChanged"],"min":["rangePropChanged"],"max":["rangePropChanged"],"minYearProp":["yearRangePropChanged"],"maxYearProp":["yearRangePropChanged"]}],[0,"bal-input-date",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"clickable":[4],"min":[1025],"max":[1025],"autocomplete":[1],"hasIconRight":[4,"has-icon-right"],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"isGrouped":[32],"ariaForm":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"reset","resetHandler"],[6,"click","listenOnClick"]],{"value":["valueChanged"]}]]],["p-09c9dcdf39",[[4,"bal-badge",{"icon":[1],"size":[1],"color":[1],"position":[1]}]]],["p-52f202bd58",[[4,"bal-hint",{"closeLabel":[1,"close-label"],"small":[4],"isActive":[32],"innerCloseLabel":[32],"isMobile":[32],"configChanged":[64],"toggle":[64],"present":[64],"dismiss":[64]}],[4,"bal-hint-text"],[4,"bal-hint-title"]]],["p-87ffd08541",[[0,"bal-logo",{"color":[1],"size":[1],"animated":[4],"isTouch":[32],"doesConfigAllowAnimation":[32]},null,{"animated":["animatedWatcher"]}]]],["p-e71a27141c",[[4,"bal-stack",{"layout":[1],"align":[1],"space":[1],"spaceRow":[1,"space-row"],"spaceColumn":[1,"space-column"],"px":[1],"py":[1],"useWrap":[4,"use-wrap"],"fitContent":[4,"fit-content"],"direction":[1],"alignment":[1]}]]],["p-ec180f9bbf",[[4,"bal-checkbox-group",{"options":[16],"interface":[1],"control":[4],"name":[1],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"expanded":[4],"invalid":[4],"disabled":[4],"readonly":[4],"value":[1040],"columns":[2],"columnsTablet":[2,"columns-tablet"],"columnsMobile":[2,"columns-mobile"],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setValue":[64],"getOptionByValue":[64],"setAriaForm":[64]},[[6,"balChange","listenOnClick"],[6,"reset","resetHandler"],[6,"balFocus","checkboxFocusListener"],[6,"balBlur","checkboxBlurListener"]],{"options":["optionChanged"],"invalid":["invalidChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"],"value":["valueChanged"],"columns":["columnsChanged"],"columnsTablet":["columnsTabletChanged"],"columnsMobile":["columnsMobileChanged"]}],[4,"bal-checkbox",{"name":[1],"label":[1],"invisible":[4],"labelHidden":[4,"label-hidden"],"flat":[4],"inline":[4],"interface":[1],"value":[8],"checked":[1028],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"nonSubmit":[4,"non-submit"],"invalid":[4],"hovered":[4],"pressed":[4],"hasLabel":[32],"focused":[32],"buttonTabindex":[32],"ariaForm":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"getOption":[64],"setButtonTabindex":[64],"updateState":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]]]]],["p-b1e3fc0bc8",[[0,"bal-close",{"size":[1],"inverted":[4],"language":[32],"region":[32],"configChanged":[64]}]]],["p-db3e6b861f",[[4,"bal-tag-group"],[4,"bal-tag",{"color":[1],"size":[1],"closable":[4],"invalid":[4],"disabled":[4],"position":[1],"light":[4],"transparent":[4]}]]],["p-3990d97696",[[0,"bal-select",{"name":[1],"invalid":[4],"filter":[1],"balTabindex":[2,"bal-tabindex"],"freeSolo":[4,"free-solo"],"multiple":[4],"maxLength":[2,"max-length"],"noDataLabel":[1,"no-data-label"],"autocomplete":[1],"typeahead":[4],"selectionOptional":[4,"selection-optional"],"disabled":[4],"readonly":[4],"required":[4],"inverted":[4],"placeholder":[1],"scrollable":[2],"loading":[4],"remote":[4],"autoInvalidOff":[516,"auto-invalid-off"],"value":[1025],"hasFocus":[32],"inputValue":[32],"focusIndex":[32],"isPopoverOpen":[32],"options":[32],"labelToScrollTo":[32],"labelToSelectTo":[32],"ariaForm":[32],"rawValue":[32],"setFocus":[64],"getValue":[64],"clear":[64],"open":[64],"close":[64],"cancel":[64],"select":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"],[8,"keydown","handleKeyDown"]],{"value":["valueWatcher"]}],[4,"bal-select-option",{"label":[513],"disabled":[4],"value":[513],"for":[513]}]]],["p-c6900b09e7",[[4,"bal-footer",{"hideLinks":[4,"hide-links"],"showSocialMedia":[4,"show-social-media"],"hideLanguageSelection":[4,"hide-language-selection"],"links":[32],"socialMediaLinks":[32],"language":[32],"region":[32],"allowedLanguages":[32],"configChanged":[64]}]]],["p-bffc03a66d",[[4,"bal-heading",{"level":[1],"visualLevel":[1,"visual-level"],"autoLevel":[1,"auto-level"],"noWrap":[4,"no-wrap"],"subtitle":[4],"space":[1],"color":[1],"inverted":[4],"shadow":[4],"autoFontSize":[32]},null,{"level":["levelWatcher"],"visualLevel":["visualLevelWatcher"],"autoLevel":["autoLevelWatcher"]}],[4,"bal-text",{"size":[1],"heading":[4],"noWrap":[4,"no-wrap"],"bold":[4],"inline":[4],"color":[1],"space":[1],"inverted":[4],"shadow":[4],"disabled":[4],"invalid":[4],"hovered":[4],"pressed":[4]}]]],["p-187436f671",[[4,"bal-list-item-accordion-head",{"accordionOpen":[1028,"accordion-open"],"icon":[1]},null,{"accordionOpen":["accordionOpenHandler"]}],[4,"bal-list-item-accordion-body",{"accordionGroup":[1,"accordion-group"],"contentSpace":[1,"content-space"],"contentAlignment":[1,"content-alignment"]}],[4,"bal-list-item-subtitle"],[4,"bal-list-item-title",{"level":[1],"visualLevel":[1,"visual-level"]}],[4,"bal-list",{"disabled":[4],"background":[1],"border":[4],"accordionOneLevel":[4,"accordion-one-level"],"size":[1]},null,{"accordionOneLevel":["accordionOneLevelHandler"]}],[4,"bal-list-item",{"disabled":[4],"clickable":[4],"selected":[4],"accordion":[4],"subAccordionItem":[4,"sub-accordion-item"],"href":[1],"target":[1],"download":[1],"state":[32],"configChanged":[64],"present":[64],"dismiss":[64],"toggle":[64]}],[4,"bal-list-item-content",{"contentAlignment":[1,"content-alignment"]}],[4,"bal-list-item-icon",{"right":[4]}]]],["p-8d38fe7e29",[[4,"bal-popover",{"autoTrigger":[4,"auto-trigger"],"hint":[4],"hover":[4],"arrow":[4],"backdrop":[4],"tooltip":[4],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"padding":[2],"position":[1],"active":[1540],"mobileTop":[4,"mobile-top"],"isTouch":[32],"isInMainNav":[32],"backdropHeight":[32],"present":[64],"dismiss":[64],"toggle":[64]},[[16,"balPopoverPrepare","handlePopoverPrepare"],[4,"click","clickOnOutside"],[8,"keydown","handleKeyUp"],[4,"keyup","tabOutside"]],{"active":["activeChanged"]}],[4,"bal-popover-content",{"spaceless":[4],"scrollable":[2],"contentWidth":[2,"content-width"],"contentMinWidth":[2,"content-min-width"],"color":[1],"expanded":[4],"radius":[1],"noShadow":[4,"no-shadow"],"mobileTop":[4,"mobile-top"],"contentHeightOnTop":[32]}]]],["p-c34504aa32",[[0,"bal-spinner",{"inverted":[4],"deactivated":[4],"color":[1],"small":[4]},null,{"deactivated":["deactivatedWatcher"]}]]],["p-e6f257c59c",[[4,"bal-button-group",{"position":[1],"direction":[1],"reverse":[4]}],[4,"bal-button",{"color":[1],"elementType":[1,"element-type"],"disabled":[516],"size":[513],"href":[1],"target":[1],"rel":[1],"download":[1],"shadow":[4],"square":[4],"isActive":[4,"is-active"],"expanded":[4],"flat":[4],"outlined":[4],"inverted":[4],"loading":[4],"rounded":[4],"icon":[1],"iconTurn":[4,"icon-turn"],"iconRight":[1,"icon-right"],"noWrap":[4,"no-wrap"],"name":[1],"value":[8],"aria":[16]},[[6,"click","listenOnClick"]]]]],["p-4b978cbe64",[[0,"bal-pagination",{"align":[1],"size":[1],"interface":[1],"disabled":[4],"value":[2],"totalPages":[2,"total-pages"],"pageRange":[2,"page-range"],"sticky":[4],"top":[2],"_value":[32],"isMobile":[32],"language":[32],"next":[64],"previous":[64],"configChanged":[64]},null,{"value":["valueChanged"],"top":["topValueChanged"]}]]],["p-2de8a7d2f2",[[4,"bal-card-button",{"icon":[1],"elementType":[1,"element-type"],"disabled":[516],"href":[1],"target":[1],"iconRight":[1,"icon-right"],"loading":[4]}],[4,"bal-card-actions",{"position":[1]}],[4,"bal-card-subtitle",{"inverted":[4],"bold":[4],"color":[1]}],[4,"bal-card-title",{"inverted":[4]}],[4,"bal-card-content"],[4,"bal-card",{"border":[4],"flat":[4],"square":[4],"inverted":[4],"clickable":[4],"selected":[4],"fullheight":[4],"space":[1],"color":[1]}]]],["p-0cf6e25228",[[4,"bal-carousel",{"value":[1026],"steps":[2],"itemsPerView":[8,"items-per-view"],"controls":[1],"controlsOverflow":[4,"controls-overflow"],"inverted":[4],"fullHeight":[4,"full-height"],"aspectRatio":[1,"aspect-ratio"],"interface":[1],"controlsSticky":[4,"controls-sticky"],"scrollY":[4,"scroll-y"],"border":[4],"isLastSlideVisible":[32],"isMobile":[32],"language":[32],"configChanged":[64],"previous":[64],"next":[64]},[[8,"touchmove","blockVerticalScrolling"]]],[4,"bal-carousel-item",{"src":[513],"label":[513],"elementType":[1,"element-type"],"name":[513],"value":[520],"href":[1],"target":[1],"rel":[1],"download":[1],"color":[1],"getData":[64]}]]],["p-fd2173e824",[[4,"bal-tab-item",{"active":[516],"value":[513],"label":[513],"href":[513],"target":[1],"bubble":[520],"disabled":[516],"invisible":[516],"prevent":[4],"icon":[513],"isActive":[32],"getOptions":[64],"setActive":[64]}],[4,"bal-tabs",{"float":[1],"fullwidth":[4],"accordion":[4],"overflow":[4],"options":[16],"context":[1],"iconPosition":[1,"icon-position"],"expanded":[4],"spaceless":[4],"clickable":[4],"border":[4],"inverted":[4],"optionalTabSelection":[4,"optional-tab-selection"],"debounce":[2],"vertical":[8],"verticalColSize":[1,"vertical-col-size"],"selectOnMobile":[4,"select-on-mobile"],"value":[1025],"isAccordionOpen":[32],"accordionState":[32],"isNavbarOpen":[32],"inNavbar":[32],"inNavbarLight":[32],"isMobile":[32],"isTablet":[32],"store":[32],"animated":[32],"configChanged":[64],"select":[64],"getOptionByValue":[64],"renderLine":[64],"closeAccordion":[64]},[[8,"balWillAnimate","listenToWillAnimate"],[8,"balDidAnimate","listenToDidAnimate"]],{"options":["optionChanged"],"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-31613c20e2",[[4,"bal-nav",{"logo":[16],"options":[16],"buttons":[16],"isTouch":[32],"isDesktop":[32],"language":[32],"region":[32],"isFlyoutActive":[32],"activeMetaLinkValue":[32],"activeMenuLinkValue":[32],"linkItems":[32],"metaButtons":[32],"configChanged":[64]},[[0,"balChange","listenToPopupChanges"],[5,"click","clickOnOutside"]],{"options":["optionChanged"],"buttons":["buttonChanged"]}],[4,"bal-nav-link-group",{"color":[1]}],[4,"bal-nav-link",{"variant":[1],"selected":[4],"clickable":[4],"href":[1],"target":[1]}],[4,"bal-nav-link-grid"],[4,"bal-nav-link-grid-col",{"staticCol":[4,"static-col"]}],[4,"bal-nav-menu-bar",{"invisible":[1],"position":[1],"isHidden":[32]}],[4,"bal-nav-menu-flyout",{"isHidden":[32]}],[4,"bal-nav-meta-bar",{"variant":[1],"size":[1],"invisible":[1],"position":[1],"isHidden":[32]},[[9,"scroll","handleScroll"]]]]]]'),e))));

package/dist/{design-system-components/design-system-components.js → baloise-design-system/baloise-design-system.js}

@@ -107,15 +107,15 @@ DOMTokenList
 !function(){var e="undefined"!=typeof self,n=e?self:global;var t;if("undefined"!=typeof document){var e=document.querySelector("base[href]");e&&(t=e.href)}if(!t&&"undefined"!=typeof location){var e=(t=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==e&&(t=t.slice(0,e+1))}var r=/\\/g,o="undefined"!=typeof Symbol,i=o&&Symbol.toStringTag,c=o?Symbol():"@";function u(){this[c]={}}var s=u.prototype;var l;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var o=n[c][t];if(o)return o;var u=[],s=Object.create(null);i&&Object.defineProperty(s,i,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){o.h=!0;var t=!1;if("object"!=typeof e)e in s&&s[e]===n||(s[e]=n,t=!0);else for(var n in e){var r=e[n];n in s&&s[n]===r||(s[n]=r,t=!0)}if(t)for(var e=0;e<u.length;e++)u[e](s);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return o.e=r.execute||function(){},[e[0],r.setters||[]]});var f=l.then(function(r){return Promise.all(r[0].map(function(o,i){var c=r[1][i];return Promise.resolve(n.resolve(o,t)).then(function(r){var o=e(n,r,t);return Promise.resolve(o.I).then(function(){return c&&(o.i.push(c),!o.h&&o.I||c(o.n)),o})})})).then(function(e){o.d=e})});return f.catch(function(e){o.e=null,o.er=e}),o=n[c][t]={id:t,i:u,n:s,I:l,L:f,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(r[t.id])return;if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var o;return t.d.forEach(function(t){{var i=e(n,t,r);i&&(o=o||[]).push(i)}}),o?Promise.all(o).then(i):i();function i(){try{var e=t.e.call(f);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var f=Object.freeze(Object.create(null));n.System=n.System||new u;var d=s.register;s.register=function(e,n){d.call(this,e,n)},s.instantiate=function(e,n){var t=this;return".json"===e.substr(-5)?fetch(e).then(function(e){return e.text()}).then(function(e){return[[],function(n){return{execute:function(){n("default",JSON.parse(e))}}}]}):new Promise(function(r,o){var i;function c(n){n.filename===e&&(i=n.error)}window.addEventListener("error",c);var u=document.createElement("script");u.charset="utf-8",u.async=!0,u.addEventListener("error",function(){window.removeEventListener("error",c),o(Error("Error loading "+e+(n?" from "+n:"")))}),u.addEventListener("load",function(){window.removeEventListener("error",c),document.head.removeChild(u),i?o(i):r(t.getRegister())}),u.src=e,document.head.appendChild(u)})},e&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(e,n){var o=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(r,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t=n.slice(0,n.indexOf(":")+1);var r;if(r="/"===n[t.length+1]?"file:"!==t?(r=n.slice(t.length+2)).slice(r.indexOf("/")+1):n.slice(8):n.slice(t.length+("/"===n[t.length])),"/"===e[0])return n.slice(0,n.length-r.length-1)+e;var o=r.slice(0,r.lastIndexOf("/")+1)+e,i=[];var c=-1;for(var e=0;e<o.length;e++)-1!==c?"/"===o[e]&&(i.push(o.slice(c,e+1)),c=-1):"."===o[e]?"."!==o[e+1]||"/"!==o[e+2]&&e+2!==o.length?"/"===o[e+1]||e+1===o.length?e+=1:c=e:(i.pop(),e+=2):c=e;return-1!==c&&i.push(o.slice(c)),n.slice(0,n.length-r.length)+i.join("")}}(e,n||t);if(!o){if(-1!==e.indexOf(":"))return Promise.resolve(e);throw Error('Cannot resolve "'+e+(n?'" from '+n:'"'))}return Promise.resolve(o)}}();
 
     // Figure out currentScript (for IE11, since it does not support currentScript)
-    var regex = /\/design-system-components(\.esm)?\.js($|\?|#)/;
+    var regex = /\/baloise-design-system(\.esm)?\.js($|\?|#)/;
     var scriptElm = currentScript || Array.from(document.querySelectorAll('script')).find(function(s) {
-      return regex.test(s.src) || s.getAttribute('data-stencil-namespace') === "design-system-components";
+      return regex.test(s.src) || s.getAttribute('data-stencil-namespace') === "baloise-design-system";
     });
 
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-9f5e39e1.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-fa8f56c6.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/dist/{design-system-components → baloise-design-system}/index.esm.js

@@ -1 +1 @@
-export{F as FileUploadRejectionReason}from"./p-a65bc5e2.js";export{B as BalDate,i as i18nBalDate}from"./p-12786937.js";export{i as i18nBalClose}from"./p-a0fe8d65.js";export{i as i18nBalDatepicker}from"./p-ce37dba1.js";export{i as i18nBalTimeInput}from"./p-8dc7ee30.js";export{i as i18nBalInputStepper}from"./p-ad81b8ea.js";export{i as i18nBalLabel}from"./p-09ab29d6.js";export{a as BalSnackbarController,B as BalToastController,c as balSnackbarController,b as balToastController,i as initialize,i as initializeBaloiseDesignSystem,s as setupConfig}from"./p-66904dc1.js";export{n as newBalStepOption}from"./p-06ecf846.js";export{n as newBalTabOption}from"./p-f3f5ce4f.js";import{g as t,c as r}from"./p-88f18fbc.js";export{c as componentOnReady,e as deepReady,g as getAppRoot,i as isDescendant,s as shallowReady,f as wait,b as waitAfterFramePaint,d as waitAfterIdleCallback,w as waitForComponent,a as waitForDesignSystem}from"./p-88f18fbc.js";export{s as scrollToFirstInvalidField}from"./p-f385e205.js";export{B as BalScrollHandler}from"./p-58fc8247.js";import{b as l}from"./p-a65354df.js";export{b as balBrowser}from"./p-a65354df.js";import{b as p}from"./p-96216bd1.js";export{B as BalDevice,b as balDevice}from"./p-96216bd1.js";import{g as m,a as j}from"./p-a6e7599e.js";import{B as h,b as x}from"./p-e3141def.js";export{c as BalBreakpointSubject,d as BalBreakpointsUtil,a as balBreakpointSubject,b as balBreakpoints}from"./p-e3141def.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"./p-aafb6696.js";export{d as defaultConfig}from"./p-4f4df156.js";import{S}from"./p-acf222fd.js";export{B as BalSwipeSubject}from"./p-10351b73.js";import"./p-1b76afbf.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-43e8bc5e.js";import"./p-2229e98e.js";import"./p-37c1d2f2.js";import"./p-b77e3348.js";const C={de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}},v=a=>Object.assign(Object.assign({interface:"checkbox",labelHidden:!1,flat:!1,disabled:!1,readonly:!1,required:!1,nonSubmit:!1,invalid:!1,checked:!1},a),{label:"",html:a.label}),y=a=>Object.assign(Object.assign({interface:"radio",labelHidden:!1,flat:!1,disabled:!1,readonly:!1,required:!1,nonSubmit:!1,invisible:!1,invalid:!1},a),{label:"",html:a.label}),k=(a,e,o=!1,s)=>({value:a,label:e,disabled:o,data:s}),D=(a,e=!1,o)=>k(a,a,e,o);class O extends S{constructor(){super((a=>a.orientationListener(this.state))),this.listener=new h,this.state=p.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const a=p.orientation.toObject();this.isEqual(a)||(this.state=a,this.notify(void 0))}))}attach(a){super.attach(a),a.orientationListener(this.state)}isEqual(a){return a.landscape===this.state.landscape&&a.portrait===this.state.portrait}}const R=new O;class T{constructor(){this.tag="bal-modal"}create(a){return"undefined"!=typeof customElements&&l.hasDocument?customElements.whenDefined(this.tag).then((()=>{const e=document.createElement(this.tag);return Object.assign(e,a),t(document).appendChild(e),new Promise((a=>r(e,a)))})):Promise.resolve()}async dismissAll(a,e){if(l.hasDocument){const o=m(document,this.tag);await Promise.all(o.map((o=>o.dismiss(a,e))))}}dismiss(a,e,o){if(l.hasDocument){const s=j(document,this.tag,o);return s?s.dismiss(a,e):Promise.reject("overlay does not exist")}return Promise.resolve(!1)}async getTop(){if(l.hasDocument)return j(document,this.tag)}}const A=new T,P=()=>p.hasTouchScreen,I=a=>"Safari"===a&&l.isSafari,q=()=>x.detect(),z=(a,e)=>("string"==typeof a&&(e=a),!!e&&x.detect().includes(e)),E=k,H=D;export{T as BalModalController,O as BalOrientationSubject,E as NewBalOptionValue,H as NewBalSingleOptionValue,A as balModalController,R as balOrientationSubject,q as getPlatforms,P as hasTouchSupport,C as i18nBalFieldLabel,I as isBrowser,z as isPlatform,v as newBalCheckboxOption,k as newBalOptionValue,y as newBalRadioOption,D as newBalSingleOptionValue}
+export{F as FileUploadRejectionReason}from"./p-a65bc5e2.js";export{B as BalDate,i as i18nBalDate}from"./p-12786937.js";export{i as i18nBalClose}from"./p-a0fe8d65.js";export{i as i18nBalDatepicker}from"./p-ce37dba1.js";export{i as i18nBalTimeInput}from"./p-8dc7ee30.js";export{i as i18nBalInputStepper}from"./p-ad81b8ea.js";export{i as i18nBalLabel}from"./p-09ab29d6.js";export{a as BalSnackbarController,B as BalToastController,c as balSnackbarController,b as balToastController,i as initialize,i as initializeBaloiseDesignSystem,s as setupConfig}from"./p-9e4fcb76.js";export{n as newBalStepOption}from"./p-06ecf846.js";export{n as newBalTabOption}from"./p-f3f5ce4f.js";import{g as t,c as r}from"./p-88f18fbc.js";export{c as componentOnReady,e as deepReady,g as getAppRoot,i as isDescendant,s as shallowReady,f as wait,b as waitAfterFramePaint,d as waitAfterIdleCallback,w as waitForComponent,a as waitForDesignSystem}from"./p-88f18fbc.js";export{s as scrollToFirstInvalidField}from"./p-f385e205.js";export{B as BalScrollHandler}from"./p-58fc8247.js";import{b as l}from"./p-a65354df.js";export{b as balBrowser}from"./p-a65354df.js";import{b as p}from"./p-96216bd1.js";export{B as BalDevice,b as balDevice}from"./p-96216bd1.js";import{g as m,a as j}from"./p-a6e7599e.js";import{B as h,b as x}from"./p-7efd49a9.js";export{c as BalBreakpointSubject,d as BalBreakpointsUtil,a as balBreakpointSubject,b as balBreakpoints}from"./p-7efd49a9.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"./p-aafb6696.js";export{d as defaultConfig}from"./p-4f4df156.js";import{S}from"./p-acf222fd.js";export{B as BalSwipeSubject}from"./p-10351b73.js";import"./p-1b76afbf.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-d7c752c6.js";import"./p-2229e98e.js";import"./p-14ba1cc7.js";import"./p-b77e3348.js";const C={de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}},v=a=>Object.assign(Object.assign({interface:"checkbox",labelHidden:!1,flat:!1,disabled:!1,readonly:!1,required:!1,nonSubmit:!1,invalid:!1,checked:!1},a),{label:"",html:a.label}),y=a=>Object.assign(Object.assign({interface:"radio",labelHidden:!1,flat:!1,disabled:!1,readonly:!1,required:!1,nonSubmit:!1,invisible:!1,invalid:!1},a),{label:"",html:a.label}),k=(a,e,o=!1,s)=>({value:a,label:e,disabled:o,data:s}),D=(a,e=!1,o)=>k(a,a,e,o);class O extends S{constructor(){super((a=>a.orientationListener(this.state))),this.listener=new h,this.state=p.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const a=p.orientation.toObject();this.isEqual(a)||(this.state=a,this.notify(void 0))}))}attach(a){super.attach(a),a.orientationListener(this.state)}isEqual(a){return a.landscape===this.state.landscape&&a.portrait===this.state.portrait}}const R=new O;class T{constructor(){this.tag="bal-modal"}create(a){return"undefined"!=typeof customElements&&l.hasDocument?customElements.whenDefined(this.tag).then((()=>{const e=document.createElement(this.tag);return Object.assign(e,a),t(document).appendChild(e),new Promise((a=>r(e,a)))})):Promise.resolve()}async dismissAll(a,e){if(l.hasDocument){const o=m(document,this.tag);await Promise.all(o.map((o=>o.dismiss(a,e))))}}dismiss(a,e,o){if(l.hasDocument){const s=j(document,this.tag,o);return s?s.dismiss(a,e):Promise.reject("overlay does not exist")}return Promise.resolve(!1)}async getTop(){if(l.hasDocument)return j(document,this.tag)}}const A=new T,P=()=>p.hasTouchScreen,I=a=>"Safari"===a&&l.isSafari,q=()=>x.detect(),z=(a,e)=>("string"==typeof a&&(e=a),!!e&&x.detect().includes(e)),E=k,H=D;export{T as BalModalController,O as BalOrientationSubject,E as NewBalOptionValue,H as NewBalSingleOptionValue,A as balModalController,R as balOrientationSubject,q as getPlatforms,P as hasTouchSupport,C as i18nBalFieldLabel,I as isBrowser,z as isPlatform,v as newBalCheckboxOption,k as newBalOptionValue,y as newBalRadioOption,D as newBalSingleOptionValue}

package/dist/{design-system-components/p-c6ac2c70a1.entry.js → baloise-design-system/p-06e959a11a.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as a,g as e}from"./p-43e8bc5e.js";import{_ as o,a as n}from"./p-43c9f5e9.js";import{x as p}from"./p-1b76afbf.js";import{B as r}from"./p-ae86d0a0.js";import{b as h}from"./p-a65354df.js";import{s as l}from"./p-ad9a7657.js";import{h as c}from"./p-88f18fbc.js";import{L as d}from"./p-b77e3348.js";import{f as u}from"./p-ca119357.js";import{a as b,c as v,s as m,f as w,o as g,b as f}from"./p-b80d9e4d.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class y{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class x extends y{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl||!t.backdropEl||(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class k extends y{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl||!t.trigger||(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),this.showBackdropElement(t),this.showContainerElement(t),this.showArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),!0)}}class _ extends y{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){if(!t.trigger&&h.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&h.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i||t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=b(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a="bottom-end"===this.placement&&this.triggerEl!==t.trigger,e=null===(i=this.triggerEl)||void 0===i?void 0:i.getBoundingClientRect(),o=null===(s=t.trigger)||void 0===s?void 0:s.getBoundingClientRect();let n=!1;return h.hasWindow&&(n=!!window.frameElement),v(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[n?void 0:m(),w(),g(this.arrow?16:this.offset),f({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:n,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(n.arrow&&t.arrowEl){const p=n.arrow;Object.assign(t.arrowEl.style,a?{right:e.right-o.right-4+o.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class j{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const $=class{constructor(s){t(this,s),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.popupId="bal-pu-"+O++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new j(new _),this.fullscreenVariantRenderer=new j(new k),this.drawerVariantRenderer=new j(new x),this.lastVariant="popover",this.initialActive=this.active,this.debouncedGlobalClick=c((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()},this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.trigger=void 0,this.lastTrigger=void 0,this.minContainerWidth=0,this.label="",this.reference=void 0,this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.contentWidth=void 0,this.demo=!1}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target.closest("[bal-popup]");if(s&&h.hasWindow){const t=(null===(i=s.attributes.getNamedItem("bal-popup"))||void 0===i?void 0:i.nodeValue)||"";this.el.id===t&&this.debouncedGlobalClick(s)}}async listenOnKeyDown(t){this.activeClosable&&this.presented&&p(t)&&(l(t),this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=t)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){h.hasDocument&&(this.lastFocus=document.activeElement||void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)||void 0===t||t.focus()),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)||s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value||"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(h.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const{el:t}=this,i=t.querySelector(u);i?i.focus():t.focus()}render(){const t=r.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),p=n.element("head"),h=n.element("content");return s(a,{class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:`${this.minContainerWidth}px`}},s("div",{class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class())},this.label?s("bal-stack",{space:"auto",class:Object.assign({},p.class())},s("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-test":"bal-popup-content"},s("slot",null)))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],$.prototype,"createLogger",null);let O=0;$.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{$ as bal_popup}
+import{r as t,c as i,h as s,H as a,g as e}from"./p-d7c752c6.js";import{_ as o,a as n}from"./p-43c9f5e9.js";import{x as p}from"./p-1b76afbf.js";import{B as r}from"./p-ae86d0a0.js";import{b as h}from"./p-a65354df.js";import{s as l}from"./p-ad9a7657.js";import{h as c}from"./p-88f18fbc.js";import{L as d}from"./p-b77e3348.js";import{f as u}from"./p-ca119357.js";import{a as b,c as v,s as m,f as w,o as g,b as f}from"./p-b80d9e4d.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class y{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class x extends y{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl||!t.backdropEl||(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class k extends y{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl||!t.trigger||(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),this.showBackdropElement(t),this.showContainerElement(t),this.showArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),!0)}}class _ extends y{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){if(!t.trigger&&h.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&h.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i||t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=b(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a="bottom-end"===this.placement&&this.triggerEl!==t.trigger,e=null===(i=this.triggerEl)||void 0===i?void 0:i.getBoundingClientRect(),o=null===(s=t.trigger)||void 0===s?void 0:s.getBoundingClientRect();let n=!1;return h.hasWindow&&(n=!!window.frameElement),v(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[n?void 0:m(),w(),g(this.arrow?16:this.offset),f({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:n,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(n.arrow&&t.arrowEl){const p=n.arrow;Object.assign(t.arrowEl.style,a?{right:e.right-o.right-4+o.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class j{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const $=class{constructor(s){t(this,s),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.popupId="bal-pu-"+O++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new j(new _),this.fullscreenVariantRenderer=new j(new k),this.drawerVariantRenderer=new j(new x),this.lastVariant="popover",this.initialActive=this.active,this.debouncedGlobalClick=c((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()},this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.trigger=void 0,this.lastTrigger=void 0,this.minContainerWidth=0,this.label="",this.reference=void 0,this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.contentWidth=void 0,this.demo=!1}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target.closest("[bal-popup]");if(s&&h.hasWindow){const t=(null===(i=s.attributes.getNamedItem("bal-popup"))||void 0===i?void 0:i.nodeValue)||"";this.el.id===t&&this.debouncedGlobalClick(s)}}async listenOnKeyDown(t){this.activeClosable&&this.presented&&p(t)&&(l(t),this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=t)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){h.hasDocument&&(this.lastFocus=document.activeElement||void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)||void 0===t||t.focus()),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)||s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value||"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(h.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const{el:t}=this,i=t.querySelector(u);i?i.focus():t.focus()}render(){const t=r.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),p=n.element("head"),h=n.element("content");return s(a,{class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:`${this.minContainerWidth}px`}},s("div",{class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class())},this.label?s("bal-stack",{space:"auto",class:Object.assign({},p.class())},s("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-test":"bal-popup-content"},s("slot",null)))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],$.prototype,"createLogger",null);let O=0;$.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{$ as bal_popup}

package/dist/{design-system-components/p-db72afae43.entry.js → baloise-design-system/p-09c9dcdf39.entry.js}

@@ -1 +1 @@
-import{r as a,h as e,H as l,g as r}from"./p-43e8bc5e.js";import{B as b}from"./p-ae86d0a0.js";const o=class{constructor(e){a(this,e),this.icon=void 0,this.size="",this.color="",this.position=""}render(){const a=b.block("badge"),r=a.element("label"),o=a.element("icon"),t=""!==this.color,d=""!==this.size,g=""!==this.position,n=!!this.icon||"small"===this.size;return e(l,{class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`background-${this.color}`).class(t)),a.modifier(`position-${this.position}`).class(g)),a.modifier(`size-${this.size}`).class(d))},e("span",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class(t)),r.modifier("hidden").class(n)),"data-testid":"bal-badge-label"},e("slot",null)),"small"!==this.size?e("bal-icon",{class:Object.assign(Object.assign({},o.class()),o.modifier("hidden").class(!n)),size:""===this.size?"small":"",name:this.icon,color:"grey"===this.color?"grey":"primary"}):"")}get el(){return r(this)}};o.style=":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";export{o as bal_badge}
+import{r as a,h as e,H as l,g as r}from"./p-d7c752c6.js";import{B as b}from"./p-ae86d0a0.js";const o=class{constructor(e){a(this,e),this.icon=void 0,this.size="",this.color="",this.position=""}render(){const a=b.block("badge"),r=a.element("label"),o=a.element("icon"),t=""!==this.color,d=""!==this.size,g=""!==this.position,n=!!this.icon||"small"===this.size;return e(l,{class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`background-${this.color}`).class(t)),a.modifier(`position-${this.position}`).class(g)),a.modifier(`size-${this.size}`).class(d))},e("span",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class(t)),r.modifier("hidden").class(n)),"data-testid":"bal-badge-label"},e("slot",null)),"small"!==this.size?e("bal-icon",{class:Object.assign(Object.assign({},o.class()),o.modifier("hidden").class(!n)),size:""===this.size?"small":"",name:this.icon,color:"grey"===this.color?"grey":"primary"}):"")}get el(){return r(this)}};o.style=":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";export{o as bal_badge}

package/dist/{design-system-components/p-943a57952b.entry.js → baloise-design-system/p-0ce86357bd.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as a,g as l}from"./p-43e8bc5e.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{g as n,i as d,e as b,f as h,s as c,b as u,j as p,c as m,d as v}from"./p-ad9a7657.js";import{m as f}from"./p-88f18fbc.js";import{i as g}from"./p-dd5e13d1.js";import{i as _,N as k,A as y}from"./p-ec1efe3d.js";import{B as w}from"./p-ae86d0a0.js";import{i as x}from"./p-8dc7ee30.js";import{d as j}from"./p-f385e205.js";import{L as C}from"./p-b77e3348.js";import{d as F}from"./p-4f4df156.js";import{L}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const O=class{constructor(i){e(this,i),this.balInput=t(this,"balInput",7),this.balChange=t(this,"balChange",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.balKeyPress=t(this,"balKeyPress",7),this.balClick=t(this,"balClick",7),this.inputId="bal-time-input-"+B++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue="",this.onInput=e=>{const t=n(e);t&&(this.inputValue=t.value),this.balInput.emit(this.inputValue)},this.onFocus=e=>{d(this,e)},this.onBlur=e=>{b(this,e);const t=e.target;t&&(t.value=this.getFormattedValue(),h(this))},this.onKeydown=e=>{if(!r(e)&&!_(e)&&!this.getAllowedKeys().includes(e.key))return c(e)},this.focused=!1,this.language=F.language,this.region=F.region,this.ariaForm=j,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(e){this.log=e}debounceChanged(){this.balChange=f(this.balChange,this.debounce)}listenOnClick(e){u(this,e)}resetHandler(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&p(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label","tabindex","title"])}async configChanged(e){this.language=e.language,this.region=e.region,!this.focused&&this.nativeInput&&(this.nativeInput.value=this.getFormattedValue())}async setFocus(){m(this)}async setBlur(){v(this)}async getInputElement(){return this.nativeInput}async setAriaForm(e){this.ariaForm=Object.assign({},e)}getAllowedKeys(){return[...k,...y,":"]}getRawValue(){return(this.value||"").toString()}getFormattedValue(){return this.getRawValue()}render(){const e=this.focused?this.getRawValue():this.getFormattedValue(),t=w.block("time-input"),l=t.element("native");return i(a,{"aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},i("input",Object.assign({type:"time",class:Object.assign({input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(""===this.value||void 0===this.value),"has-value":""!==this.value&&void 0!==this.value},l.class()),ref:e=>this.nativeInput=e,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:`${x[this.language].hours}:${x[this.language].minutes}`,value:e,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeydown(e),onKeyPress:e=>this.balKeyPress.emit(e)},this.inheritedAttributes)),i("bal-icon",{"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))}get el(){return l(this)}static get watchers(){return{debounce:["debounceChanged"]}}};s([C("bal-time-input"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],O.prototype,"createLogger",null),s([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],O.prototype,"configChanged",null);let B=0;O.style=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-ampm-field{display:none}.bal-time-input__native.has-focus::-webkit-datetime-edit-text,.bal-time-input__native.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-hour-field,.bal-time-input__native.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-minute-field,.bal-time-input__native.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native.show-placeholder.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native.show-placeholder.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native.show-placeholder:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native.show-placeholder::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";export{O as bal_time_input}
+import{r as e,c as t,h as i,H as a,g as l}from"./p-d7c752c6.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{g as n,i as d,e as b,f as h,s as c,b as u,j as p,c as m,d as v}from"./p-ad9a7657.js";import{m as f}from"./p-88f18fbc.js";import{i as g}from"./p-dd5e13d1.js";import{i as _,N as k,A as y}from"./p-ec1efe3d.js";import{B as w}from"./p-ae86d0a0.js";import{i as x}from"./p-8dc7ee30.js";import{d as j}from"./p-f385e205.js";import{L as C}from"./p-b77e3348.js";import{d as F}from"./p-4f4df156.js";import{L}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const O=class{constructor(i){e(this,i),this.balInput=t(this,"balInput",7),this.balChange=t(this,"balChange",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.balKeyPress=t(this,"balKeyPress",7),this.balClick=t(this,"balClick",7),this.inputId="bal-time-input-"+B++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue="",this.onInput=e=>{const t=n(e);t&&(this.inputValue=t.value),this.balInput.emit(this.inputValue)},this.onFocus=e=>{d(this,e)},this.onBlur=e=>{b(this,e);const t=e.target;t&&(t.value=this.getFormattedValue(),h(this))},this.onKeydown=e=>{if(!r(e)&&!_(e)&&!this.getAllowedKeys().includes(e.key))return c(e)},this.focused=!1,this.language=F.language,this.region=F.region,this.ariaForm=j,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(e){this.log=e}debounceChanged(){this.balChange=f(this.balChange,this.debounce)}listenOnClick(e){u(this,e)}resetHandler(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&p(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label","tabindex","title"])}async configChanged(e){this.language=e.language,this.region=e.region,!this.focused&&this.nativeInput&&(this.nativeInput.value=this.getFormattedValue())}async setFocus(){m(this)}async setBlur(){v(this)}async getInputElement(){return this.nativeInput}async setAriaForm(e){this.ariaForm=Object.assign({},e)}getAllowedKeys(){return[...k,...y,":"]}getRawValue(){return(this.value||"").toString()}getFormattedValue(){return this.getRawValue()}render(){const e=this.focused?this.getRawValue():this.getFormattedValue(),t=w.block("time-input"),l=t.element("native");return i(a,{"aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},i("input",Object.assign({type:"time",class:Object.assign({input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(""===this.value||void 0===this.value),"has-value":""!==this.value&&void 0!==this.value},l.class()),ref:e=>this.nativeInput=e,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:`${x[this.language].hours}:${x[this.language].minutes}`,value:e,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeydown(e),onKeyPress:e=>this.balKeyPress.emit(e)},this.inheritedAttributes)),i("bal-icon",{"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))}get el(){return l(this)}static get watchers(){return{debounce:["debounceChanged"]}}};s([C("bal-time-input"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],O.prototype,"createLogger",null),s([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],O.prototype,"configChanged",null);let B=0;O.style=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-ampm-field{display:none}.bal-time-input__native.has-focus::-webkit-datetime-edit-text,.bal-time-input__native.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-hour-field,.bal-time-input__native.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-minute-field,.bal-time-input__native.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native.show-placeholder.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native.show-placeholder.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native.show-placeholder:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native.show-placeholder::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";export{O as bal_time_input}