@baloise/ds-core 19.8.1 → 19.8.2-nightly.20251024

package/components/bal-dropdown.js

@@ -8,7 +8,7 @@ import { L as ListenToConfig } from './config.decorator.js';
 import { a as areArraysEqual } from './array.js';
 import { s as stopEventBubbling } from './form-input.js';
 import { F as FOCUS_KEYS } from './focus-visible.js';
-import { m as rIC, a as waitAfterFramePaint, p as addEventListener, q as removeEventListener, b as waitAfterIdleCallback } from './helpers.js';
+import { n as rIC, a as waitAfterFramePaint, o as addEventListener, p as removeEventListener, b as waitAfterIdleCallback } from './helpers.js';
 import { D as DropdownOptionUtil } from './option.js';
 import { b as balFloatingUi } from './floating-ui.js';
 import { i as isNil } from './index2.js';

package/components/bal-footer.js

@@ -5,7 +5,7 @@ import { B as BEM } from './bem.js';
 import { d as defaultConfig } from './config.default.js';
 import { L as ListenToConfig } from './config.decorator.js';
 import { e as updateBalLanguage } from './config.utils.js';
-import { m as rIC } from './helpers.js';
+import { n as rIC } from './helpers.js';
 import { L as Logger } from './log.js';
 import { s as sanitizeSvg } from './svg.js';
 import { d as defineCustomElement$3 } from './bal-icon2.js';

package/components/bal-input-stepper.js

@@ -8,7 +8,7 @@ import { d as defaultConfig } from './config.default.js';
 import { L as ListenToConfig } from './config.decorator.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling, j as inputListenOnClick } from './form-input.js';
-import { m as rIC, k as debounceEvent } from './helpers.js';
+import { n as rIC, k as debounceEvent } from './helpers.js';
 import { L as Logger } from './log.js';
 import { f as formatLocaleNumber } from './number.js';
 import { i as i18nBalInputStepper } from './bal-input-stepper.i18n.js';

package/components/bal-list-item-accordion-body2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { b as balBreakpoints } from './breakpoints.subject.js';
 import { L as ListenToBreakpoints } from './breakpoints.decorator.js';
-import { r as raf, l as debounce } from './helpers.js';
+import { r as raf, q as debounce } from './helpers.js';
 import { L as Logger } from './log.js';
 import './window-resize.subject.js';
 import { L as ListenToResize } from './resize.decorator.js';

package/components/bal-list-item2.js

@@ -3,7 +3,7 @@ import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { B as BEM } from './bem.js';
 import { L as Logger } from './log.js';
 import { L as ListenToConfig } from './config.decorator.js';
-import { r as raf, t as transitionEndAsync, m as rIC } from './helpers.js';
+import { r as raf, t as transitionEndAsync, n as rIC } from './helpers.js';
 
 const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLElement {
     constructor() {

package/components/bal-logo2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { B as BEM } from './bem.js';
 import { L as Logger } from './log.js';
-import { n as rOnLoad } from './helpers.js';
+import { l as rOnLoad } from './helpers.js';
 import { b as balBreakpoints } from './breakpoints.subject.js';
 import { L as ListenToBreakpoints } from './breakpoints.decorator.js';
 import { L as ListenToConfig } from './config.decorator.js';

package/components/bal-nav.js

@@ -7,7 +7,7 @@ import { b as balBrowser } from './browser.js';
 import { d as defaultConfig } from './config.default.js';
 import { L as ListenToConfig } from './config.decorator.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { m as rIC, i as isDescendant, f as waitForComponent, b as waitAfterIdleCallback } from './helpers.js';
+import { n as rIC, i as isDescendant, f as waitForComponent, b as waitAfterIdleCallback } from './helpers.js';
 import { L as Logger } from './log.js';
 import { L as ListenToMutation } from './mutation.decorator.js';
 import { B as BalScrollHandler } from './scroll.js';
@@ -288,7 +288,7 @@ class NavMetaButton extends NavLinkItem {
             if (this.isLink) {
                 return (h("bal-button", { id: this.value, color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, href: this.href, rel: this.rel, target: this.target, a11yTitle: this.htmlTitle, a11yLabel: this.ariaLabel || this.label }, this.icon ? '' : this.label));
             }
-            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-top", color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, inverted: false, a11yTitle: this.htmlTitle, a11yLabel: this.ariaLabel || this.label, "bal-popup": this.popoverId, "bal-popup-variant": "fullscreen", "bal-popup-closable": "true", "bal-popup-offset": "64" }, this.icon ? '' : this.label));
+            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-top", color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, inverted: false, a11yTitle: this.htmlTitle, a11yLabel: this.ariaLabel || this.label, "bal-popup": this.popoverId, "bal-popup-variant": "fullscreen", "bal-popup-closable": "true", "bal-popup-offset": this.getOffset() }, this.icon ? '' : this.label));
         }
     }
     renderAtTouchBottomMetaBar() {
@@ -296,7 +296,7 @@ class NavMetaButton extends NavLinkItem {
             if (this.isLink) {
                 return (h("bal-button", { id: this.value, color: "info", inverted: false, icon: this.icon, square: !this.label || this.label.length < 3, a11yTitle: this.htmlTitle, a11yLabel: this.ariaLabel || this.label, href: this.href, target: this.target }, this.label));
             }
-            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-bottom", icon: this.icon, square: !this.label || this.label.length < 3, color: "info", inverted: false, a11yTitle: this.htmlTitle, a11yLabel: this.ariaLabel || this.label, "bal-popup": this.popoverId, "bal-popup-variant": "drawer", "bal-popup-closable": "true", "bal-popup-backdrop": "true", "bal-popup-backdrop-dismiss": "true", "bal-popup-offset": "64" }, this.label));
+            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-bottom", icon: this.icon, square: !this.label || this.label.length < 3, color: "info", inverted: false, a11yTitle: this.htmlTitle, a11yLabel: this.ariaLabel || this.label, "bal-popup": this.popoverId, "bal-popup-variant": "drawer", "bal-popup-closable": "true", "bal-popup-backdrop": "true", "bal-popup-backdrop-dismiss": "true", "bal-popup-offset": this.getOffset() }, this.label));
         }
     }
     resetTouchBottomMetaBar() {
@@ -315,6 +315,21 @@ class NavMetaButton extends NavLinkItem {
             }
         }
     }
+    getOffset() {
+        const baseOffset = 64;
+        const value = getComputedStyle(document.documentElement).getPropertyValue('--bal-nav-top').trim();
+        // If the value is already in px, return it directly
+        if (value.endsWith('px')) {
+            return parseFloat(value) + baseOffset;
+        }
+        // If the value is in rem, convert it to px
+        if (value.endsWith('rem')) {
+            const remInPx = parseFloat(getComputedStyle(document.documentElement).fontSize);
+            return parseFloat(value) * remInPx + baseOffset;
+        }
+        // Default fallback
+        return baseOffset;
+    }
 }
 let NavMetaButtonIDs = 0;
 

package/components/bal-popup2.js

@@ -3,7 +3,7 @@ import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { B as BEM } from './bem.js';
 import { b as balBrowser } from './browser.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { l as debounce, i as isDescendant } from './helpers.js';
+import { q as debounce, i as isDescendant } from './helpers.js';
 import { d as isEscapeKey } from './keyboard.helpers.js';
 import { L as Logger } from './log.js';
 import { b as balFloatingUi } from './floating-ui.js';

package/components/bal-radio-group.js

@@ -6,7 +6,7 @@ import { B as BEM } from './bem.js';
 import { L as ListenToFocus } from './focus.decorator.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { i as isDescendant, o as hasTagName } from './helpers.js';
+import { i as isDescendant, m as hasTagName } from './helpers.js';
 import { L as Logger } from './log.js';
 import { L as ListenToMutation } from './mutation.decorator.js';
 import { d as defineCustomElement$3 } from './bal-radio2.js';

package/components/bal-segment-item.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { i as inheritAttributes } from './attributes.js';
 import { B as BEM } from './bem.js';
 import { d as defaultBalAriaForm } from './form.js';
-import { p as addEventListener, r as raf, q as removeEventListener } from './helpers.js';
+import { o as addEventListener, r as raf, p as removeEventListener } from './helpers.js';
 import { d as defineCustomElement$5 } from './bal-content2.js';
 import { d as defineCustomElement$4 } from './bal-icon2.js';
 import { d as defineCustomElement$3 } from './bal-label2.js';

package/components/bal-select2.js

@@ -7,7 +7,7 @@ import { i as inheritAttributes } from './attributes.js';
 import { B as BEM } from './bem.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { m as rIC, l as debounce, b as waitAfterIdleCallback, d as deepReady, i as isDescendant } from './helpers.js';
+import { n as rIC, q as debounce, b as waitAfterIdleCallback, d as deepReady, i as isDescendant } from './helpers.js';
 import { a as isSpaceKey, b as isArrowDownKey, c as isArrowUpKey, i as isEnterKey, d as isEscapeKey, f as isBackspaceKey } from './keyboard.helpers.js';
 import { L as Logger } from './log.js';
 import { r as removeValue, p as preventDefault, l as length, g as getValues, i as includes, s as startsWith, a as addValue, f as findLabelByValue, b as findOptionByLabel, v as validateAfterBlur } from './utils.js';

package/components/bal-spinner2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { r as raf, n as rOnLoad } from './helpers.js';
+import { r as raf, l as rOnLoad } from './helpers.js';
 import { L as Logger } from './log.js';
 import { B as BEM } from './bem.js';
 import { d as defaultConfig } from './config.default.js';

package/components/bal-stage-image.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { B as BEM } from './bem.js';
 import { i as inheritAttributes } from './attributes.js';
-import { n as rOnLoad } from './helpers.js';
+import { l as rOnLoad } from './helpers.js';
 
 const StageImage = /*@__PURE__*/ proxyCustomElement(class StageImage extends HTMLElement {
     constructor() {

package/components/bal-tabs2.js

@@ -9,7 +9,7 @@ import { L as ListenToBreakpoints } from './breakpoints.decorator.js';
 import { d as defaultConfig } from './config.default.js';
 import { L as ListenToConfig } from './config.decorator.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { r as raf, d as deepReady, t as transitionEndAsync, l as debounce, k as debounceEvent, u as hasParent, n as rOnLoad, i as isDescendant, a as waitAfterFramePaint } from './helpers.js';
+import { r as raf, d as deepReady, t as transitionEndAsync, q as debounce, k as debounceEvent, u as hasParent, l as rOnLoad, i as isDescendant, a as waitAfterFramePaint } from './helpers.js';
 import { L as Logger } from './log.js';
 import { L as ListenToMutation } from './mutation.decorator.js';
 import './window-resize.subject.js';

package/components/bal-tag2.js

@@ -5,7 +5,7 @@ import { a as ariaBooleanToString } from './aria.js';
 import { d as defineCustomElement$2 } from './bal-close2.js';
 import { d as defineCustomElement$1 } from './bal-icon2.js';
 
-const balTagCss = ":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";
+const balTagCss = ":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-large);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";
 
 const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends HTMLElement {
     constructor() {

package/components/bal-toast.controller.js

@@ -124,4 +124,4 @@ class BalToastController extends BalNoticeController {
 }
 const balToastController = new BalToastController();
 
-export { BalSnackbarController as B, balSnackbarController as a, balToastController as b, BalToastController as c };
+export { BalSnackbarController as B, BalToastController as a, balSnackbarController as b, balToastController as c };

package/components/breakpoints.subject.js

@@ -2,7 +2,7 @@ import { B as BalWindowResizeListener } from './window-resize.listener.js';
 import { b as balBrowser } from './browser.js';
 import { b as balBreakpointFullhd$1, a as balBreakpointWidescreen, c as balBreakpointHighDefinition, d as balBreakpointTablet, e as balBreakpointDesktop } from './tokens.esm.js';
 import { S as Subject } from './listener.js';
-import { l as debounce } from './helpers.js';
+import { q as debounce } from './helpers.js';
 
 const toNumber = (pixel) => parseInt(pixel.slice(0, -2), 10);
 const breakpointTablet = toNumber(balBreakpointTablet);

package/components/element-states.decorator.js

@@ -1,6 +1,6 @@
 import { L as ListenerAbstract, a as SingleSubject } from './listener.js';
 import { b as balBrowser } from './browser.js';
-import { p as addEventListener, q as removeEventListener } from './helpers.js';
+import { o as addEventListener, p as removeEventListener } from './helpers.js';
 
 class BalElementStateListener extends ListenerAbstract {
     constructor() {

package/components/floating-ui.js

@@ -1,4 +1,4 @@
-import { n as rOnLoad } from './helpers.js';
+import { l as rOnLoad } from './helpers.js';
 
 class BalFloatingUiInternal {
     constructor() {

package/components/focus.decorator.js

@@ -1,6 +1,6 @@
 import { L as ListenerAbstract, a as SingleSubject } from './listener.js';
 import { b as balBrowser } from './browser.js';
-import { b as waitAfterIdleCallback, i as isDescendant, p as addEventListener, q as removeEventListener } from './helpers.js';
+import { b as waitAfterIdleCallback, i as isDescendant, o as addEventListener, p as removeEventListener } from './helpers.js';
 
 class BalFocusListener extends ListenerAbstract {
     constructor() {

package/components/helpers.js

@@ -304,4 +304,4 @@ const runHighPrioritizedTask = (callback) => {
     }
 };
 
-export { waitAfterFramePaint as a, waitAfterIdleCallback as b, componentOnReady as c, deepReady as d, waitAfterLargestContentfulPaintCallback as e, waitForComponent as f, getAppRoot as g, waitForDesignSystem as h, isDescendant as i, waitOnLoadEventCallback as j, debounceEvent as k, debounce as l, rIC as m, rOnLoad as n, hasTagName as o, addEventListener as p, removeEventListener as q, raf as r, shallowReady as s, transitionEndAsync as t, hasParent as u, isChildOfEventTarget as v, wait as w };
+export { waitAfterFramePaint as a, waitAfterIdleCallback as b, componentOnReady as c, deepReady as d, waitAfterLargestContentfulPaintCallback as e, waitForComponent as f, getAppRoot as g, waitForDesignSystem as h, isDescendant as i, waitOnLoadEventCallback as j, debounceEvent as k, rOnLoad as l, hasTagName as m, rIC as n, addEventListener as o, removeEventListener as p, debounce as q, raf as r, shallowReady as s, transitionEndAsync as t, hasParent as u, isChildOfEventTarget as v, wait as w };

package/components/index.js

@@ -1,7 +1,6 @@
-import { setPlatformHelpers } from '@stencil/core/internal/client';
 export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-import { b as balBrowser } from './browser.js';
-import { d as defaultConfig } from './config.default.js';
+export { i as initialize, i as initializeBaloiseDesignSystem, s as setupConfig } from './initialize.js';
+export { d as defaultConfig } from './config.default.js';
 export { a as attachToConfig, d as detachFromConfig, o as onBalConfigChange, u as updateBalAllowedLanguages, b as updateBalAnimated, c as updateBalIcons, e as updateBalLanguage, f as updateBalRegion, g as useBalConfig } from './config.utils.js';
 export { F as FileUploadRejectionReason } from './bal-file-upload.type.js';
 export { i as i18nBalClose } from './bal-close.i18n.js';
@@ -11,10 +10,9 @@ export { i as i18nBalLabel } from './bal-label.i18n.js';
 export { i as i18nBalTimeInput } from './bal-time-input.i18n.js';
 export { n as newBalStepOption } from './bal-step.util.js';
 export { n as newBalTabOption } from './bal-tab.util.js';
-import { b as balToastController, a as balSnackbarController } from './bal-toast.controller.js';
-export { B as BalSnackbarController, c as BalToastController } from './bal-toast.controller.js';
 import { b as balBreakpoints } from './breakpoints.subject.js';
 export { B as BalBreakpointSubject, c as BalBreakpointsUtil, a as balBreakpointSubject } from './breakpoints.subject.js';
+import { b as balBrowser } from './browser.js';
 export { B as BalDate } from './date.js';
 import { b as balDevice } from './device.js';
 export { B as BalDevice } from './device.js';
@@ -29,150 +27,7 @@ import { S as Subject } from './listener.js';
 export { B as BalScrollHandler } from './scroll.js';
 export { B as BalSwipeSubject } from './swipe.subject.js';
 import { g as getOverlays, a as getOverlay } from './overlays.js';
-
-const BALOISE_ANIMATION_KEY = 'baloise-animated';
-
-class Config {
-    constructor() {
-        this._componentObservers = [];
-        this._observers = [];
-        this._config = defaultConfig;
-    }
-    get locale() {
-        return `${this._config.language}-${this._config.region}`;
-    }
-    get region() {
-        return this._config.region;
-    }
-    set region(region) {
-        if (region !== this._config.region) {
-            this._config.region = region;
-            this._notify();
-        }
-    }
-    get language() {
-        return this._config.language;
-    }
-    set language(language) {
-        if (language !== this._config.language) {
-            if (this._config.allowedLanguages.includes(language)) {
-                this._config.language = language;
-            }
-            else {
-                this._config.language = this._config.fallbackLanguage;
-            }
-            this._notify();
-        }
-    }
-    get allowedLanguages() {
-        return this._config.allowedLanguages;
-    }
-    set allowedLanguages(allowedLanguages) {
-        if (allowedLanguages !== this._config.allowedLanguages) {
-            this._config.allowedLanguages = allowedLanguages;
-            this._notify();
-        }
-    }
-    get icons() {
-        return this._config.icons;
-    }
-    set icons(icons) {
-        this._config.icons = Object.assign(Object.assign({}, this._config.icons), icons);
-        this._notify();
-    }
-    get logger() {
-        return this._config.logger;
-    }
-    set logger(logger) {
-        this._config.logger = Object.assign({}, logger);
-        this._notify();
-    }
-    get animated() {
-        return this._config.animated;
-    }
-    set animated(animated) {
-        this._config.animated = animated;
-        this._notify();
-    }
-    get httpFormSubmit() {
-        return this._config.httpFormSubmit;
-    }
-    set httpFormSubmit(httpFormSubmit) {
-        this._config.httpFormSubmit = httpFormSubmit;
-        this._notify();
-    }
-    attach(observer) {
-        const isExist = this._observers.includes(observer);
-        if (isExist) {
-            return console.log('Subject: Observer has been attached already.');
-        }
-        this._observers.push(observer);
-        observer.configChanged(this._config);
-    }
-    detach(observer) {
-        const observerIndex = this._observers.indexOf(observer);
-        if (observerIndex === -1) {
-            return console.log('Subject: Nonexistent observer.');
-        }
-        this._observers.splice(observerIndex, 1);
-    }
-    attachComponent(observer) {
-        const isExist = this._componentObservers.includes(observer);
-        if (isExist) {
-            return console.log('Subject: Observer has been attached already.');
-        }
-        this._componentObservers.push(observer);
-        observer.configChanged(this._config);
-    }
-    detachComponent(observer) {
-        const observerIndex = this._componentObservers.indexOf(observer);
-        if (observerIndex === -1) {
-            return console.log('Subject: Nonexistent observer.');
-        }
-        this._componentObservers.splice(observerIndex, 1);
-    }
-    toString() {
-        return JSON.stringify(this._config);
-    }
-    reset(config) {
-        this._config = Object.assign(Object.assign(Object.assign({}, this._config), config), { icons: Object.assign(Object.assign({}, this._config.icons), config.icons) });
-        this._notify(false);
-    }
-    _notify(all = true) {
-        for (const observer of this._componentObservers) {
-            observer.configChanged(this._config);
-        }
-        if (all) {
-            for (const observer of this._observers) {
-                observer.configChanged(this._config);
-            }
-        }
-    }
-}
-const config = /*@__PURE__*/ new Config();
-const configFromLocalStorage = (win) => {
-    try {
-        const animated = JSON.parse(win.localStorage.getItem(BALOISE_ANIMATION_KEY));
-        if (animated !== null) {
-            return {
-                animated,
-            };
-        }
-        return {};
-    }
-    catch (e) {
-        return {};
-    }
-};
-
-const setupConfig = (userConfig = {}, win = {}) => {
-    if (Object.keys(win).length === 0 && balBrowser.hasWindow) {
-        win = window;
-    }
-    win.BaloiseDesignSystem = win.BaloiseDesignSystem || {};
-    config.reset(Object.assign(Object.assign(Object.assign({}, configFromLocalStorage(win)), userConfig), { icons: Object.assign({}, userConfig.icons) }));
-    win.BaloiseDesignSystem.config = config;
-};
+export { B as BalSnackbarController, a as BalToastController, b as balSnackbarController, c as balToastController } from './bal-toast.controller.js';
 
 const i18nBalFieldLabel = {
     de: {
@@ -227,174 +82,6 @@ const newBalSingleOptionValue = (valueAndLabel, disabled = false, data) => {
     return newBalOptionValue(valueAndLabel, valueAndLabel, disabled, data);
 };
 
-const tags = [
-    "bal-accordion",
-    "bal-accordion-details",
-    "bal-accordion-summary",
-    "bal-accordion-trigger",
-    "bal-app",
-    "bal-badge",
-    "bal-button",
-    "bal-button-group",
-    "bal-card",
-    "bal-card-actions",
-    "bal-card-button",
-    "bal-card-content",
-    "bal-card-subtitle",
-    "bal-card-title",
-    "bal-carousel",
-    "bal-carousel-item",
-    "bal-check",
-    "bal-checkbox",
-    "bal-checkbox-group",
-    "bal-close",
-    "bal-content",
-    "bal-data",
-    "bal-data-item",
-    "bal-data-label",
-    "bal-data-value",
-    "bal-date",
-    "bal-date-calendar",
-    "bal-date-calendar-cell",
-    "bal-divider",
-    "bal-dropdown",
-    "bal-field",
-    "bal-field-control",
-    "bal-field-hint",
-    "bal-field-label",
-    "bal-field-message",
-    "bal-file-upload",
-    "bal-footer",
-    "bal-form",
-    "bal-form-col",
-    "bal-form-grid",
-    "bal-heading",
-    "bal-hint",
-    "bal-hint-text",
-    "bal-hint-title",
-    "bal-icon",
-    "bal-input",
-    "bal-input-date",
-    "bal-input-group",
-    "bal-input-slider",
-    "bal-input-stepper",
-    "bal-label",
-    "bal-list",
-    "bal-list-item",
-    "bal-list-item-accordion-body",
-    "bal-list-item-accordion-head",
-    "bal-list-item-content",
-    "bal-list-item-icon",
-    "bal-list-item-subtitle",
-    "bal-list-item-title",
-    "bal-logo",
-    "bal-modal",
-    "bal-modal-body",
-    "bal-modal-header",
-    "bal-nav",
-    "bal-nav-link",
-    "bal-nav-link-grid",
-    "bal-nav-link-grid-col",
-    "bal-nav-link-group",
-    "bal-nav-menu-bar",
-    "bal-nav-menu-flyout",
-    "bal-nav-meta-bar",
-    "bal-navbar",
-    "bal-navbar-brand",
-    "bal-navbar-menu",
-    "bal-navbar-menu-end",
-    "bal-navbar-menu-start",
-    "bal-notices",
-    "bal-notification",
-    "bal-number-input",
-    "bal-option",
-    "bal-option-list",
-    "bal-pagination",
-    "bal-popover",
-    "bal-popover-content",
-    "bal-popup",
-    "bal-progress-bar",
-    "bal-radio",
-    "bal-radio-group",
-    "bal-radio-icon",
-    "bal-segment",
-    "bal-segment-item",
-    "bal-select",
-    "bal-select-option",
-    "bal-shape",
-    "bal-sheet",
-    "bal-snackbar",
-    "bal-spinner",
-    "bal-stack",
-    "bal-stage",
-    "bal-stage-back-link",
-    "bal-stage-body",
-    "bal-stage-foot",
-    "bal-stage-head",
-    "bal-stage-image",
-    "bal-step-item",
-    "bal-steps",
-    "bal-switch",
-    "bal-tab-item",
-    "bal-table",
-    "bal-tabs",
-    "bal-tag",
-    "bal-tag-group",
-    "bal-text",
-    "bal-textarea",
-    "bal-time-input",
-    "bal-toast",
-    "bal-tooltip"
-];
-
-// generated by .build/version.js
-const VERSION = '19.8.1';
-
-const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
-    if (Object.keys(win).length === 0 && balBrowser.hasWindow) {
-        win = window;
-    }
-    win.BaloiseDesignSystem = win.BaloiseDesignSystem || {};
-    if (platformConfig) {
-        setPlatformHelpers(platformConfig);
-    }
-    setupConfig(Object.assign(Object.assign({}, userConfig), platformConfig), win);
-    win.BaloiseDesignSystem.toastController = balToastController;
-    win.BaloiseDesignSystem.snackbarController = balSnackbarController;
-    win.BaloiseDesignSystem.initialize = () => setupConfig(win.BaloiseDesignSystem.config, win);
-    win.BaloiseDesignSystem.version = VERSION;
-    if (userConfig._generateHydrateForCustomElementsOutput) {
-        generateHydrateForCustomElementsOutput(tags);
-    }
-};
-/**
- * This function generates the CSS needed for custom elements hydration and inserts it into the document head.
- * The CSS rules include styles for slot fallback and the hydrated class.
- *
- * This is copied from the Stencil core library.
- * src/runtime/bootstrap-lazy.ts
- */
-const generateHydrateForCustomElementsOutput = (cmpTags = []) => {
-    const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
-    const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
-    const win = typeof window !== 'undefined' ? window : {};
-    if (!win.document) {
-        console.warn('Stencil: No document found. Skipping bootstrapping lazy components.');
-        return;
-    }
-    const head = win.document.head;
-    const metaCharset = /* @__PURE__ */ head.querySelector('meta[charset]');
-    const dataStyles = /* @__PURE__ */ win.document.createElement('style');
-    if (cmpTags.length > 0) {
-        dataStyles.textContent += SLOT_FB_CSS;
-        dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
-        if (dataStyles.innerHTML.length) {
-            dataStyles.setAttribute('data-styles', '');
-            head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
-        }
-    }
-};
-
 class BalOrientationSubject extends Subject {
     constructor() {
         super(observer => observer.orientationListener(this.state));
@@ -492,4 +179,4 @@ const isPlatform = (winOrPlatform, platform) => {
 const NewBalOptionValue = newBalOptionValue;
 const NewBalSingleOptionValue = newBalSingleOptionValue;
 
-export { BalModalController, BalOrientationSubject, NewBalOptionValue, NewBalSingleOptionValue, balBreakpoints, balBrowser, balDevice, balModalController, balOrientationSubject, balSnackbarController, balToastController, componentOnReady, defaultConfig, getAppRoot, getPlatforms, hasTouchSupport, i18nBalFieldLabel, initializeBaloiseDesignSystem as initialize, initializeBaloiseDesignSystem, isBrowser, isPlatform, newBalCheckboxOption, newBalOptionValue, newBalRadioOption, newBalSingleOptionValue, setupConfig };
+export { BalModalController, BalOrientationSubject, NewBalOptionValue, NewBalSingleOptionValue, balBreakpoints, balBrowser, balDevice, balModalController, balOrientationSubject, componentOnReady, getAppRoot, getPlatforms, hasTouchSupport, i18nBalFieldLabel, isBrowser, isPlatform, newBalCheckboxOption, newBalOptionValue, newBalRadioOption, newBalSingleOptionValue };