@baloise/ds-core 18.2.0-nightly.20250328 → 18.3.0

package/components/initialize.js

@@ -1,312 +0,0 @@
-import { setPlatformHelpers } from '@stencil/core/internal/client';
-import { b as balBrowser } from './browser.js';
-import { w as waitForComponent } from './helpers.js';
-import { d as defaultConfig } from './config.default.js';
-
-const BALOISE_SESSION_KEY = 'baloise-persist-config';
-const BALOISE_ANIMATION_KEY = 'baloise-animated';
-
-class Config {
-    constructor() {
-        this._componentObservers = [];
-        this._observers = [];
-        this._config = defaultConfig;
-    }
-    get locale() {
-        return `${this._config.language}-${this._config.region}`;
-    }
-    get region() {
-        return this._config.region;
-    }
-    set region(region) {
-        if (region !== this._config.region) {
-            this._config.region = region;
-            this._notify();
-        }
-    }
-    get language() {
-        return this._config.language;
-    }
-    set language(language) {
-        if (language !== this._config.language) {
-            if (this._config.allowedLanguages.includes(language)) {
-                this._config.language = language;
-            }
-            else {
-                this._config.language = this._config.fallbackLanguage;
-            }
-            this._notify();
-        }
-    }
-    get allowedLanguages() {
-        return this._config.allowedLanguages;
-    }
-    set allowedLanguages(allowedLanguages) {
-        if (allowedLanguages !== this._config.allowedLanguages) {
-            this._config.allowedLanguages = allowedLanguages;
-            this._notify();
-        }
-    }
-    get icons() {
-        return this._config.icons;
-    }
-    set icons(icons) {
-        this._config.icons = Object.assign(Object.assign({}, this._config.icons), icons);
-        this._notify();
-    }
-    get logger() {
-        return this._config.logger;
-    }
-    set logger(logger) {
-        this._config.logger = Object.assign({}, logger);
-        this._notify();
-    }
-    get animated() {
-        return this._config.animated;
-    }
-    set animated(animated) {
-        this._config.animated = animated;
-        this._notify();
-    }
-    get httpFormSubmit() {
-        return this._config.httpFormSubmit;
-    }
-    set httpFormSubmit(httpFormSubmit) {
-        this._config.httpFormSubmit = httpFormSubmit;
-        this._notify();
-    }
-    attach(observer) {
-        const isExist = this._observers.includes(observer);
-        if (isExist) {
-            return console.log('Subject: Observer has been attached already.');
-        }
-        this._observers.push(observer);
-        observer.configChanged(this._config);
-    }
-    detach(observer) {
-        const observerIndex = this._observers.indexOf(observer);
-        if (observerIndex === -1) {
-            return console.log('Subject: Nonexistent observer.');
-        }
-        this._observers.splice(observerIndex, 1);
-    }
-    attachComponent(observer) {
-        const isExist = this._componentObservers.includes(observer);
-        if (isExist) {
-            return console.log('Subject: Observer has been attached already.');
-        }
-        this._componentObservers.push(observer);
-        observer.configChanged(this._config);
-    }
-    detachComponent(observer) {
-        const observerIndex = this._componentObservers.indexOf(observer);
-        if (observerIndex === -1) {
-            return console.log('Subject: Nonexistent observer.');
-        }
-        this._componentObservers.splice(observerIndex, 1);
-    }
-    toString() {
-        return JSON.stringify(this._config);
-    }
-    reset(config) {
-        this._config = Object.assign(Object.assign(Object.assign({}, this._config), config), { icons: Object.assign(Object.assign({}, this._config.icons), config.icons) });
-        this._notify(false);
-    }
-    _notify(all = true) {
-        for (const observer of this._componentObservers) {
-            observer.configChanged(this._config);
-        }
-        if (all) {
-            for (const observer of this._observers) {
-                observer.configChanged(this._config);
-            }
-        }
-        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 configFromLocalStorage = (win) => {
-    try {
-        const animated = JSON.parse(win.localStorage.getItem(BALOISE_ANIMATION_KEY));
-        if (animated !== null) {
-            return {
-                animated,
-            };
-        }
-        return {};
-    }
-    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(Object.assign({}, configFromSession(win)), configFromLocalStorage(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(options);
-            const clone = this.findClone(options);
-            if (clone === undefined) {
-                const el = document.createElement(this.options.tag);
-                Object.assign(el, options);
-                el.addEventListener('balClose', ev => {
-                    this.removeFromQueue(ev.detail);
-                });
-                this.preQueue.push(el);
-                this.updateQueue();
-                return el;
-            }
-            return clone;
-        }
-    }
-    setQueue(queueLimit) {
-        this.queueLimit = queueLimit;
-    }
-    async dismissAll() {
-        var _a;
-        const elements = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.options.tag);
-        if (elements) {
-            const closingQueue = [];
-            for (let index = 0; index < elements.length; index++) {
-                const el = elements[index];
-                if (el.close) {
-                    closingQueue.push(el.close());
-                }
-            }
-            await Promise.all(closingQueue);
-        }
-    }
-    /**
-     * @deprecated use dismissAll instead
-     */
-    async clearAll() {
-        console.warn('[DEPRECATED] - use dismissAll() instead');
-        return this.dismissAll();
-    }
-    findClone(options) {
-        for (let index = 0; index < this.queue.length; index++) {
-            const el = this.queue[index];
-            if (el.message === options.message && el.color === options.color) {
-                return el;
-            }
-        }
-        return undefined;
-    }
-    setupContainer(options) {
-        if (balBrowser.hasDocument) {
-            const containerId = `${this.options.tag}-container`;
-            this.container = document.getElementById(containerId);
-            if (this.container)
-                return;
-            if (!this.container) {
-                this.container = document.createElement('bal-notices');
-                this.container.setAttribute('interface', this.options.tag.replace('bal-', ''));
-                this.container.setAttribute('animated', options.animated ? 'true' : 'false');
-                if (options.container !== undefined) {
-                    this.container.setAttribute('container', options.container === true ? '' : options.container);
-                }
-                this.container.id = containerId;
-            }
-            document.body.appendChild(this.container);
-        }
-    }
-    async updateQueue() {
-        var _a;
-        if (this.queue.length < this.queueLimit) {
-            const el = this.preQueue.shift();
-            if (el && this.container) {
-                await waitForComponent(this.container);
-                const innerEl = this.container.querySelector('.bal-notices__inner');
-                if (innerEl) {
-                    this.queue.push(el);
-                    innerEl.insertAdjacentElement('beforeend', el);
-                }
-            }
-        }
-        if (this.queue.length === 0) {
-            (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
-        }
-    }
-    removeFromQueue(toastId) {
-        this.queue = this.queue.filter(el => el.id !== toastId);
-        setTimeout(() => this.updateQueue(), 0);
-    }
-}
-
-class 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 = '18.2.0-nightly.20250328';
-
-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/dist/baloise-design-system/p-01d99206b2.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as h}from"./p-2ccbe55a.js";import{_ as r,a}from"./p-43c9f5e9.js";import{p as n}from"./p-a255c9b3.js";import{i as c}from"./p-063808d7.js";import{g as o,a as u,b as l,e as d,s as b,f,i as p,h as m,j as $,c as g,d as v}from"./p-79f6f58b.js";import{l as k}from"./p-9a3d9e17.js";import{i as y,A as j,N as w}from"./p-ec1efe3d.js";import{B as x}from"./p-ae86d0a0.js";import{L as D}from"./p-b77e3348.js";import{d as B}from"./p-5eb3fbb9.js";import{a as C}from"./p-8f2e9a7f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";function E(t){if(!t)return"";const s=`${t}`.trim().toUpperCase(),i=[s.substring(0,2),s.substring(2,8),s.substring(8,10),s.substring(10,11)].filter((t=>t.length>0));switch(i.length){case 1:return`${t}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}/${i[2]}`;default:return`${i[0]}/${i[1]}/${i[2]}.${i[3]}`}}function F(t){if(!t)return"";let s=`${t}`.trim();const i=[s.substring(0,9),s.substring(9,10)].filter((t=>t.length>0));return s=L(i[0]),i[1]?`${s}-${i[1]}`:s}function L(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,3),s.substring(3,6),s.substring(6,9)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}function K(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,4),s.substring(4,7),s.substring(7,10)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}.${i[1]}`;default:return`${i[0]}.${i[1]}.${i[2]}`}}function O(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,6),s.substring(6,10),s.substring(10,14)].filter((t=>t.length>0));switch(i.length){case 1:return`BE${s}`;case 2:return`BE${i[0]} ${i[1]}`;case 3:return`BE${i[0]} ${i[1]} ${i[2]}`;default:return`BE${i[0]} ${i[1]} ${i[2]} ${i[3]}`}}const A=class{constructor(i){t(this,i),this.balInput=s(this,"balInput",7),this.balBlur=s(this,"balBlur",7),this.balKeyPress=s(this,"balKeyPress",7),this.balFocus=s(this,"balFocus",7),this.balChange=s(this,"balChange",7),this.inputId="bal-input-"+I++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.getInputValue=()=>{var t;const s=this.nativeInput;let i="";if(s){if(this.allowedKeyPress&&s&&!this.mask){const t=new RegExp("^"+this.allowedKeyPress+"$"),i=s.value.split("").filter((s=>t.test(s))).join("");return s.value=i,i}if(s.value){if(this.mask)switch(this.mask){case"contract-number":case"be-enterprise-number":return i=s.value.replace(/\D/g,""),i.length>10&&(i=i.substring(0,10)),i;case"offer-number":return i=s.value.replace(/\D/g,""),i.length>9&&(i=i.substring(0,9)),i;case"claim-number":{i=s.value.replace(/[^\dXx]/g,"");const e=[i.substring(0,10),i.substring(10,11),i.substring(11)].filter((t=>t.length>0));switch(e.length){case 1:i=`${e[0].replace(/\D/g,"")}`;break;case 2:i=`${e[0].replace(/\D/g,"")}${e[1]}`;break;default:i=`${e[0].replace(/\D/g,"")}${e[1]}${null===(t=e[2])||void 0===t?void 0:t.replace(/\D/g,"")}`}return i.length>11&&(i=i.substring(0,11)),i}case"be-iban":return i=s.value.replace(/\D/g,""),i.length>14&&(i=i.substring(0,14)),i;default:return s.value}}else this.inputValue=s.value}return""},this.onInput=t=>{var s,i;const e=o(t),h=null===(s=t.target)||void 0===s?void 0:s.selectionStart,r=null===(i=t.target)||void 0===i?void 0:i.selectionEnd;if(this.inputValue=this.getInputValue(),e)if(e.value)switch(this.mask){case"contract-number":e.value=F(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"offer-number":e.value=L(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"claim-number":e.value=E(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"be-enterprise-number":e.value=K(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"be-iban":e.value=O(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;default:this.inputValue=e.value}else this.inputValue=e.value;this.balInput.emit(this.inputValue)},this.onFocus=t=>u(this,t),this.onBlur=t=>{l(this,t);const s=t.target;s&&(void 0===this.mask&&(s.value=this.getFormattedValue()),d(this))},this.onKeydown=t=>{if(void 0!==this.mask&&!k(t)&&!y(t)){let s=0;if(this.inputValue&&(s=this.inputValue.length),!(this.getMaskAllowedKeys().includes(t.key)||"claim-number"===this.mask&&("X"===t.key||"x"===t.key)&&s>=10))return b(t)}if(this.allowedKeyPress&&!this.mask&&!k(t)&&!y(t)&&!new RegExp("^"+this.allowedKeyPress+"$").test(t.key)&&![...j].includes(t.key))return b(t)},this.onClick=t=>f(this,t),this.handleClick=t=>p(this,t),this.focused=!1,this.ariaForm=B,this.name=this.inputId,this.invalid=!1,this.textAlign="left",this.type="text",this.accept=void 0,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder=void 0,this.max=void 0,this.maxLength=void 0,this.min=void 0,this.minLength=void 0,this.multiple=void 0,this.pattern=void 0,this.allowedKeyPress=void 0,this.required=!1,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.suffix=void 0,this.hasIconRight=!1,this.inputmode=void 0,this.value=void 0,this.mask=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=n(this.balChange,this.debounce)}listenOnClick(t){m(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&$(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}componentDidLoad(){this.inputValue=this.value}async setFocus(){g(this)}async setBlur(){v(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const t=this.getRawValue();return`${t}${void 0!==this.suffix&&void 0!==t&&""!==t?" "+this.suffix:""}`}getMaskAllowedKeys(){return[...w,...j]}render(){let t=this.focused?this.getRawValue():this.getFormattedValue();if(void 0!==this.mask)switch(this.mask){case"contract-number":t=F(t);break;case"claim-number":t=E(t);break;case"offer-number":t=L(t);break;case"be-enterprise-number":t=K(t);break;case"be-iban":t=O(t)}let s={};this.pattern&&(s={pattern:this.pattern});const h=x.block("input"),r=this.ariaForm.controlId||this.inputId;return i(e,{key:"8cd020ccf6b69c509b09081fbc2b2cfae5f9b2f0",onClick:this.handleClick,"aria-disabled":C(this.disabled),class:Object.assign({},h.class())},i("input",Object.assign({key:"723334c91009eb609f0bc09edd057cdff25912d9",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":"center"===this.textAlign,"has-text-right":"right"===this.textAlign},"data-testid":"bal-input",ref:t=>this.nativeInput=t,id:r,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":C(this.disabled),disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:t,onFocus:this.onFocus,onInput:t=>this.onInput(t),onKeyDown:t=>this.onKeydown(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},s,this.inheritedAttributes)))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"]}}};r([D("bal-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],A.prototype,"createLogger",null);let I=0;A.style=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";export{A as bal_input}

package/dist/baloise-design-system/p-095f9617f9.entry.js

@@ -1 +0,0 @@
-import{r as a,h as t,H as e,g as n,c as i}from"./p-2ccbe55a.js";import{B as l}from"./p-ae86d0a0.js";import{_ as r,a as b}from"./p-43c9f5e9.js";import{b as s}from"./p-a65354df.js";import{i as o,h as c}from"./p-a255c9b3.js";import{B as d}from"./p-c1852273.js";import{d as m}from"./p-ec375851.js";import{L as h}from"./p-20eba37f.js";import{b as p}from"./p-e8eb0e69.js";import{L as v}from"./p-4565d74a.js";import"./p-a7be57b6.js";import"./p-b77e3348.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-ba02e7c2.js";const f=class{constructor(t){a(this,t),this.light=!1,this.interface="app",this.container=""}interfaceHandler(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")}componentWillLoad(){this.interfaceHandler()}updateProps(a,t){const e=this[t];void 0!==e&&this.notifyComponents(a,(a=>a[t]=e))}notifyComponents(a,t){this.element.querySelectorAll(a.join(", ")).forEach((a=>t(a)))}render(){const a=l.block("navbar");return t(e,{key:"dddbbeaef348b9ff101743f71451f6d84ac72951",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},t("nav",{key:"ba4bb4f5ea156b0a2b4ba5f54f8d80b41477ee6b",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},t("slot",{key:"647ff400273d4cd92574d5f46aff07aad2b2c810"})))}get element(){return n(this)}static get watchers(){return{interface:["interfaceHandler"]}}};f.style=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";const g={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}},_=class{constructor(t){a(this,t),this.balNavigate=i(this,"balNavigate",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.bodyScrollHandler=new d,this.language=m.language,this.isMenuActive=!1,this.href="",this.rel=void 0,this.logoClickable=!1,this.logoLabel=void 0,this.target="_self",this.simple=!1,this.logo=void 0,this.logoSize="",this.animated=!0,this.interface="app"}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){s.hasWindow&&window.matchMedia&&window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async configChanged(a){this.language=a.language}async resetIsMenuActive(a){a.matches&&!this.simple&&this.toggle(!1)}async toggle(a){this.isMenuActive=a,this.balWillAnimate.emit(this.isMenuActive),s.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const t=this.el.closest("bal-navbar");if(t){const a=t.querySelector("bal-navbar-menu");a&&!this.simple&&await a.toggle(this.isMenuActive)}await o(300),this.balDidAnimate.emit(this.isMenuActive)}async onClick(){this.toggle(!this.isMenuActive)}render(){const a=l.block("navbar").element("brand"),n=this.logo?t("img",{class:Object.assign({},a.element("logo").class()),src:this.logo,alt:""}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize}),i=this.logoLabel?this.logoLabel:g[this.language].logoButtonLabel;return t(e,{key:"89cac098cf15e08c2d48748b6eb2cc184ed57292",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?t("a",{"aria-label":i,title:i,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):this.logoClickable?t("button",{"aria-label":i,title:i,onClick:a=>this.balNavigate.emit(a)},n):n,t("span",{key:"b5807bd115fe7e7d5f75a7d319b810ad33c1db39",class:Object.assign({},a.element("title").class())},t("slot",{key:"14741534401ef235bee19db0d4aead5ec437c501"})),t("bal-button",{key:"9104e683dd114554c8ec84f4b20abd13e2c77dfe",class:Object.assign(Object.assign({},a.element("burger").class()),a.element("burger").modifier("hidden").class("simple"===this.interface)),color:"light",inverted:!0,square:!0,icon:this.isMenuActive?"close":"menu-bars",onClick:()=>this.onClick()}))}get el(){return n(this)}};r([h(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],_.prototype,"configChanged",null);const x=class{constructor(t){a(this,t),this.isMenuActive=!1,this.isTouch=p.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const t=this.element.querySelector("bal-tabs");t&&(await c(t),t.renderLine())}render(){const a=l.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return t(e,{key:"6b0a857bff0929177b51e75b2e5e26ad51d9dc6a",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("active").class(this.isMenuActive)),a.modifier(`context-${this.interface}`).class()),{container:!0,[`is-${n}`]:""!==n})},t("slot",{key:"e7919137bb34c15bc676a1617a79aac4111460fc"}))}get element(){return n(this)}};r([v(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],x.prototype,"breakpointListener",null);const u=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("end");return t(e,{key:"10aa16f437f428adf6cb21c276aa16230aaad041",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"adadfb0d9bda6bb49613541c67bf9dced7a0ad4b"}))}},y=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("start");return t(e,{key:"1d35806afa3206d429b351b9442375cd4a41133f",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"35baeb64effd472c64a148fb77fa91a604078f36"}))}};export{f as bal_navbar,_ as bal_navbar_brand,x as bal_navbar_menu,u as bal_navbar_menu_end,y as bal_navbar_menu_start}

package/dist/baloise-design-system/p-1e142b10.system.js

@@ -1 +0,0 @@
-System.register(["./p-83512f21.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.g}],execute:function(){var s=t("g",e)}}}));

package/dist/baloise-design-system/p-294f38c2.js

@@ -1 +0,0 @@
-import{i as o}from"./p-3913c6ae.js";function a(){o()}export{a as g}

package/dist/baloise-design-system/p-309f1f7d4e.entry.js

@@ -1 +0,0 @@
-import{h as i,r as s,c as t,H as e,g as a}from"./p-2ccbe55a.js";import{_ as l,a as h}from"./p-43c9f5e9.js";import{a as o}from"./p-00b37ea2.js";import{s as r,i as d,a as n,b,c,d as p}from"./p-79f6f58b.js";import{L as u}from"./p-b77e3348.js";import{B as f}from"./p-ae86d0a0.js";import{F as m}from"./p-a65bc5e2.js";import{d as v}from"./p-5eb3fbb9.js";import{a as g}from"./p-8f2e9a7f.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-a255c9b3.js";import"./p-a65354df.js";import"./p-a7be57b6.js";var j={},y={};Object.defineProperty(y,"__esModule",{value:!0}),y.SPECS={si:{radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]},iec:{radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]},jedec:{radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]}},Object.defineProperty(j,"__esModule",{value:!0});var k=y,F=j.default=function(i,s,t){void 0===s&&(s=1),i=Math.abs(i);for(var e=k.SPECS[t]||k.SPECS.jedec,a=e.radix,l=e.unit,h=0;i>=a;)i/=a,++h;return i.toFixed(s)+" "+l[h]};const C=f.block("file-upload").element("list"),_=({files:s,disabled:t,subTitle:e,onRemoveFile:a})=>i("bal-card",{class:Object.assign({},C.class()),flat:!0},i("bal-list",{disabled:t,border:!0,size:"large"},s.map(((s,l)=>i("bal-list-item",{key:s.name,disabled:t},i("bal-list-item-icon",null,i("bal-icon",{name:"document"})),i("bal-list-item-content",null,i("bal-list-item-title",null,s.name),i("bal-list-item-subtitle",null,e?e(s):F(s.size))),i("bal-list-item-icon",{right:!0,class:{"file-remove":!0,"is-clickable":!t},onClick:i=>a(i,l)},i("bal-icon",{name:"trash",color:t?"grey":"danger"}))))))),T=i=>{const s=new DataTransfer;return i&&i.length>0&&i.forEach((i=>s.items.add(i))),s.files},w=class{constructor(i){s(this,i),this.balChange=t(this,"balChange",7),this.balFilesAdded=t(this,"balFilesAdded",7),this.balFilesRemoved=t(this,"balFilesRemoved",7),this.balRejectedFile=t(this,"balRejectedFile",7),this.balInputClick=t(this,"balInputClick",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.fileUploadId="bal-file-upload-"+x++,this.initialValue=this.value||[],this.addEventListenerDragAndDrop=()=>{this.labelEl&&(this.labelEl.addEventListener("dragenter",this.onDragenter,!1),this.labelEl.addEventListener("dragover",this.onDragover,!1),this.labelEl.addEventListener("drop",this.onDrop,!1))},this.removeEventListenerDragAndDrop=()=>{this.labelEl&&(this.labelEl.removeEventListener("dragenter",this.onDragenter,!1),this.labelEl.removeEventListener("dragover",this.onDragover,!1),this.labelEl.removeEventListener("drop",this.onDrop,!1))},this.handleFiles=i=>{const s=Array.from(i||[]),t=((i,s,t)=>{const e=[],a=[...i],l=[];for(let h=0;h<s.length;h++){const o=s[h];if(o){const s=[];t.accept&&-1===t.accept.split(" ").join("").split(",").indexOf(o.type)&&s.push(m.BAD_EXTENSION),void 0!==t.maxFileSize&&o.size>t.maxFileSize&&s.push(m.FILE_TOO_BIG);const h=a.map((i=>i.size)).reduce(((i,s)=>i+s),0);void 0!==t.maxBundleSize&&h+o.size>t.maxBundleSize&&s.push(m.FILE_SIZE_SUM_TOO_BIG),void 0!==t.maxFiles&&a.length+1>t.maxFiles&&s.push(m.TOO_MANY_FILES);const r=(i,s)=>i.size===s.size&&i.name===s.name&&i.type===s.type&&i.lastModified===s.lastModified;i.filter((i=>r(i,o))).length>0&&s.push(m.DUPLICATED_FILE),s.length>0?l.push({file:o,reasons:s}):(a.push(o),e.push(o))}}return{validFiles:e,invalidFiles:l}})(this.files,s,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});t.invalidFiles.length>0&&this.balRejectedFile.emit(t.invalidFiles[0]),t.validFiles.length>0&&(this.files=[...this.files,...t.validFiles],this.balChange.emit(this.files),this.balFilesAdded.emit(t.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{var i;(null===(i=this.nativeInput)||void 0===i?void 0:i.files)&&(this.nativeInput.files=T(this.files))},this.onDragenter=i=>{r(i)},this.onDragover=i=>{r(i)},this.onDrop=i=>{if(r(i),!this.disabled&&!this.readonly&&!this.loading){const s=i.dataTransfer;s&&this.handleFiles(s.files)}},this.onInputChange=()=>{var i;this.disabled||this.readonly||this.loading||(null===(i=this.nativeInput)||void 0===i?void 0:i.files)&&this.handleFiles(this.nativeInput.files)},this.onRemoveFile=(i,s)=>{if(r(i),s>=0&&s<this.files.length){const i=this.files,t=i.splice(s,1);this.balFilesRemoved.emit(t),this.files=[...i],this.balChange.emit(this.files),this.updateFileInput()}},this.onHostClick=i=>d(this,i),this.onInputFocus=i=>n(this,i),this.onInputBlur=i=>b(this,i),this.onInputClick=i=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.balInputClick.emit(i)},this.files=[],this.focused=!1,this.ariaForm=v,this.name=this.fileUploadId,this.value=[],this.label="Choose or drop a file...",this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept=void 0,this.maxFiles=void 0,this.maxFileSize=void 0,this.maxBundleSize=void 0,this.hasFileList=!0,this.invalid=!1,this.subTitle=void 0,this.autoInvalidOff=!1}createLogger(i){this.log=i}onValueChange(){o(this.files,this.value)||(this.files=this.value)}componentWillLoad(){this.onValueChange()}connectedCallback(){this.initialValue=this.value||[],this.addEventListenerDragAndDrop()}componentDidLoad(){this.addEventListenerDragAndDrop()}disconnectedCallback(){this.removeEventListenerDragAndDrop()}resetHandler(i){const s=i.target;(null==s?void 0:s.contains(this.el))&&(this.files=[...this.initialValue],clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=T(this.initialValue))})))}async clear(){this.files=[],this.updateFileInput()}async setFocus(){c(this)}async setBlur(){p(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}render(){const s=this.ariaForm.controlId||this.fileUploadId;return i(e,{key:"44488a9949dc4e6d3d470271dfff65ceb69de411",onClick:this.onHostClick,"aria-disabled":g(this.disabled),class:{"bal-file-upload":!0}},i("div",{key:"e64dd001851e3810155a9e14cbd74eb0102a93c7",class:{file:!0,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},i("label",{key:"76ba8e1bcb8837f6b07e17de62022df7cc1c1375",htmlFor:s,ref:i=>this.labelEl=i,class:{"file-label":!0,"is-disabled":this.disabled||this.loading||this.readonly}},i("input",{key:"9c60d1089a18516386813e8a6704e63883045a6a",class:"file-input",type:"file",id:s,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":g(this.disabled),name:this.name,multiple:this.multiple,disabled:this.disabled||this.loading||this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:i=>this.nativeInput=i,"data-testid":"bal-file-upload-input"}),this.loading?i("span",{class:"file-cta"},i("bal-spinner",null)):i("span",{class:"file-cta"},i("span",{class:"file-icon"},i("bal-icon",{name:"upload",size:"medium",color:this.disabled||this.loading||this.readonly?"grey-light":this.invalid?"danger":"blue"})),i("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?i(_,{files:this.files,disabled:this.disabled||this.readonly||this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};l([u("bal-file-upload"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],w.prototype,"createLogger",null);let x=0;w.style=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";export{w as bal_file_upload}

package/dist/baloise-design-system/p-35ca0dde1e.entry.js

@@ -1 +0,0 @@
-import{r as a,h as i,H as s,g as t}from"./p-2ccbe55a.js";import{_ as e,a as p}from"./p-43c9f5e9.js";import{b as o}from"./p-a65354df.js";import{b as r}from"./p-96216bd1.js";import{k as n,n as c,m as d}from"./p-a255c9b3.js";import{L as l}from"./p-b77e3348.js";import{s as h}from"./p-ca119357.js";import{F as b}from"./p-a7be57b6.js";const m=class{constructor(i){a(this,i),this.debouncedNotify=n((()=>this.notifyResize()),100),this.notifyResize=async()=>{o.hasDocument&&o.hasWindow&&document.documentElement.style.setProperty("--bal-app-height",`${window.innerHeight}px`)},this.animated=!0,this.ready=!1}createLogger(a){this.log=a}connectedCallback(){!1===this.animated&&b(this.animated),o.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentDidLoad(){c((()=>{this.ready=!0,h()})),d((()=>{o.hasDocument&&o.hasWindow&&document.documentElement.classList.add("lcp-ready")}))}disconnectedCallback(){o.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(a){this.focusVisible&&this.focusVisible.setFocus(a)}render(){return i(s,{key:"e062237a5407e1f20d5ba64329e264fc0ae41f4e",class:{"bal-app":!0,"bal-app--safari":o.isSafari,"bal-app--touch":r.hasTouchScreen}},i("slot",{key:"0fdf270bb2737933ba48a2181e98897de19f66ed"}))}get el(){return t(this)}};e([l("bal-app"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],m.prototype,"createLogger",null),m.style=":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{m as bal_app}

package/dist/baloise-design-system/p-36f131eec6.entry.js

@@ -1 +0,0 @@
-import{r as a,h as s,H as t,g as i}from"./p-2ccbe55a.js";import{s as c}from"./p-5eb3fbb9.js";import{d as r,b as o}from"./p-a255c9b3.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const e=class{constructor(s){a(this,s),this.native=!1,this.novalidate=!1,this.formClass=""}async scrollToFirstInvalidField(){await r(),await o(),c({formEl:this.el})}render(){let a={};return this.native&&(a={novalidate:this.novalidate}),s(t,{key:"617338050bf82da77afdbf350ea10f1c160cba23"},s(this.native?"form":"div",Object.assign({key:"ce9e2ab2ba0a96a2c1c9c7910cf29bd571689afd"},a,{class:this.formClass}),s("slot",{key:"ace60020692031d38ae2557ad4793dcb36cac80c"})))}get el(){return i(this)}};e.style=".bal-form{display:block;position:static}";export{e as bal_form}

package/dist/baloise-design-system/p-3cfd6d7831.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as a,H as e,g as n}from"./p-2ccbe55a.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{o as r,t as c,p as d,w as l}from"./p-a255c9b3.js";import{B as h}from"./p-ae86d0a0.js";import{L as b}from"./p-b77e3348.js";import{L as m}from"./p-20eba37f.js";import{s as p}from"./p-79f6f58b.js";import{b as g,d as u}from"./p-dc98854c.js";import{a as v}from"./p-8f2e9a7f.js";import{d as f}from"./p-ec375851.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const _=class{constructor(a){t(this,a),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.componentId="bal-accordion-"+y++,this.updateState=(t=!1)=>{this.active?this.expand(t):this.collapse(t)},this.setState=t=>{this.state=t,2===this.version&&(this.updateTriggerElement(),this.updateDetailsElement(),this.updateSummaryElement())},this.updateDetailsElement=()=>{const t=this.detailsElement;t&&(t.state=this.state,t.active=this.active,t.animated=this.animated)},this.updateTriggerElement=()=>{const t=this.triggerElement;t&&(t.state=this.state,t.active=this.active)},this.updateSummaryElement=()=>{const t=this.summaryElement;t&&(t.state=this.state,t.active=this.active)},this.expand=(t=!1)=>{this.active=!0;const i=this.detailsElement,a=this.detailsWrapperElement;return t||null===i||null===a?(this.setState(4),this.active):(4===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.setState(8),this.balWillAnimate.emit(this.active),this.currentRaf=r((async()=>{const t=a.offsetHeight,e=c(i,300);i.style.setProperty("max-height",`${t}px`),await e,this.setState(4),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balWillAnimate.emit(this.active),this.setState(4),this.balDidAnimate.emit(this.active))),this.active)},this.collapse=(t=!1)=>{this.active=!1;const i=this.detailsElement;return t||null===i?(this.setState(1),this.active):(1===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),r((async()=>{const t=c(i,300);this.setState(2),this.balDidAnimate.emit(this.active),await t,this.setState(1),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balDidAnimate.emit(this.active),this.setState(1),this.balDidAnimate.emit(this.active))),this.active)},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onTriggerClickV1=()=>{this.humanToggle()},this.state=1,this.animated=!0,this.active=!1,this.debounce=0,this.openLabel="",this.openIcon="plus",this.closeLabel="",this.closeIcon="close",this.card=!1,this.version=1}createLogger(t){this.log=t}async activeChanged(t,i){t!==i&&(this.active=t,this.updateState())}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}async connectedCallback(){this.debounceChanged(),await l(this.el),this.active&&this.activeChanged(this.active,!1),this.updateState(!0)}async configChanged(t){this.animated=t.animated}async present(){return this.expand()}async dismiss(){return this.collapse()}async toggle(){return this.active?this.collapse():this.expand()}async humanToggle(){return this.active?await this.collapse():await this.expand(),this.balChange.emit(this.active),this.active}get summaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-summary`))||null}get triggerElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-trigger`))||null}get detailsElement(){var t;return 1===this.version?this.contentEl||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details`))||null}get detailsWrapperElement(){var t;return 1===this.version?this.contentElWrapper||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details > div`))||null}render(){return 2===this.version?this.renderVersion2():this.renderVersion1()}renderVersion2(){const t=h.block("accordion");return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})}renderVersion1(){const t=this.active?this.closeLabel:this.openLabel,i=this.active?this.closeIcon:this.openIcon,n=h.block("accordion"),s=4===this.state||8===this.state,o=s?"button expanded":"button",r=s?"content expanded":"content";return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("card-v1").class(this.card)),n.modifier("active").class(this.active)),n.modifier("expanding").class(8===this.state)),n.modifier("expanded").class(4===this.state)),n.modifier("collapsing").class(2===this.state)),n.modifier("collapsed").class(1===this.state)),n.modifier("animated").class(this.animated))},a("div",{class:Object.assign({},n.element("wrapper").class())},a("div",{class:Object.assign(Object.assign({},n.element("trigger").class()),n.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},a("bal-button",{id:`${this.componentId}-button`,"aria-controls":`${this.componentId}-content`,part:o,"data-testid":"bal-accordion-trigger",expanded:!0,color:"info",icon:i,onClick:this.onTriggerClickV1},t)),a("div",{id:`${this.componentId}-content`,"aria-labelledby":`${this.componentId}-button`,role:"region",part:r,class:Object.assign(Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("card").class(this.card)),n.element("content").modifier("overflow-hidden").class(4!==this.state)),ref:t=>this.contentEl=t},a("div",{id:`${this.componentId}-content-wrapper`,"data-testid":"bal-accordion-details",class:Object.assign({},n.element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},a("slot",null)))))}get el(){return n(this)}static get watchers(){return{active:["activeChanged"],debounce:["debounceChanged"]}}};s([b("bal-accordion"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],_.prototype,"createLogger",null),s([m(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],_.prototype,"configChanged",null);let y=0;_.style=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";const x=class{constructor(i){t(this,i),this.componentId="bal-accordion-details-"+w++,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.parentAccordionId=void 0,this.state=1,this.active=!1,this.animated=!0}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=h.block("accordion").element("details"),i=t.element("container").element("wrapper"),n=this.parentAccordionId?`${this.parentAccordionId}-details`:this.componentId,s=4===this.state||8===this.state?"content expanded":"content";return a(e,{key:"b9a16e64c4d5559646cdac24e2f9cad021d66a45",id:n,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(8===this.state)),t.modifier("expanded").class(4===this.state)),t.modifier("collapsing").class(2===this.state)),t.modifier("collapsed").class(1===this.state)),t.modifier("animated").class(this.animated))},a("div",{key:"279f8c54de387926886868cf13da08b1c465d523",id:`${n}-content`,"aria-labelledby":`${this.parentAccordionId}-trigger-button`,role:"region",part:s,class:Object.assign({},i.class()),"data-testid":"bal-accordion-details"},a("slot",{key:"209b3840f44b6373c8aeb5ad6851e1bc76ec09d5"})))}get el(){return n(this)}};s([b("bal-accordion-details"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],x.prototype,"createLogger",null);let w=0;x.style=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden}.bal-accordion__details--collapsed{display:none;overflow:hidden}.bal-accordion__details--expanding{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";const j=class{constructor(i){t(this,i),this.componentId="bal-accordion-summary-"+O++,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.onKeyDown=t=>{var i;(g(t)||u(t))&&(p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle())},this.parentAccordionId=void 0,this.trigger=!1,this.active=!1,this.state=1}createLogger(t){this.log=t}connectedCallback(){const t=this.parentAccordionElement;t&&(t.version=2),this.updateAccordionId()}disconnectedCallback(){const t=this.parentAccordionElement;t&&(t.version=1),this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=h.block("accordion").element("summary");let i={};return this.trigger&&(i={"aria-controls":`${this.parentAccordionId}-details-content`,role:"button",tabindex:0,part:4===this.state||8===this.state?"button expanded":"button","data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}),a(e,Object.assign({key:"e192ab6a73d33db615d55c1ae5e82e334d5e690e",id:this.parentAccordionId?`${this.parentAccordionId}-summary`:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},i,{"data-testid":"bal-accordion-summary"}))}get el(){return n(this)}};s([b("bal-accordion-summary"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],j.prototype,"createLogger",null);let O=0;j.style="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";const k={de:{open:"Öffnen",close:"Schließen"},en:{open:"Open",close:"Close"},fr:{open:"Ouvrir",close:"Fermer"},it:{open:"Apri",close:"Chiudi"},nl:{open:"Open",close:"Sluiten"},es:{open:"Abrir",close:"Cerrar"},pl:{open:"Otwórz",close:"Zamknij"},pt:{open:"Abrir",close:"Fechar"},sv:{open:"Öppna",close:"Stäng"},fi:{open:"Avaa",close:"Sulje"}},C=class{constructor(i){t(this,i),this.componentId="bal-accordion-trigger-"+$++,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.parentAccordionId=void 0,this.language=f.language,this.button=!1,this.expanded=!0,this.openLabel="",this.openIcon="caret-down",this.closeLabel="",this.closeIcon="",this.color="info",this.size="",this.active=!1,this.state=1}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}async configChanged(t){this.language=t.language}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}get parentAccordionSummaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion-summary"))||null}render(){const t=h.block("accordion").element("trigger"),i=this.parentAccordionId?`${this.parentAccordionId}-trigger`:this.componentId,n=this.active?this.closeLabel:this.openLabel;let s=!1,o=this.active?this.closeIcon:this.openIcon;""!==this.closeIcon&&null!=this.closeIcon||(s=this.active,o=this.openIcon||"caret-down");const r=4===this.state||8===this.state?"button expanded":"button",c=this.parentAccordionSummaryElement;let d={tabindex:-1};return c&&!c.trigger&&(d={tabindex:0}),a(e,{key:"6aafc18d3f16cdfeea6c74024d4468eb52cb6c9c",id:i,class:Object.assign({},t.class())},this.button?a("bal-button",{id:`${i}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,part:r,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:o,iconTurn:s,color:this.color,size:this.size,title:this.active?k[this.language].close:k[this.language].open,"aria-label":this.active?k[this.language].close:k[this.language].open,"aria-expanded":v(this.active),onClick:this.onClick},n):a("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":c&&!c.trigger}),id:`${i}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":v(this.active),part:r,"data-testid":"bal-accordion-trigger",title:this.active?k[this.language].close:k[this.language].open,"aria-label":this.active?k[this.language].close:k[this.language].open,onClick:this.onClick},d),a("bal-icon",{turn:s,name:o})))}get el(){return n(this)}};s([b("bal-accordion-trigger"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],C.prototype,"createLogger",null),s([m(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],C.prototype,"configChanged",null);let $=0;C.style="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";export{_ as bal_accordion,x as bal_accordion_details,j as bal_accordion_summary,C as bal_accordion_trigger}