@baloise/ds-core 19.8.2 → 19.8.3-nightly.20251107

package/dist/cjs/{swipe.decorator-B69SZ4Jn.js → swipe.decorator-BZYUlkYt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var swipe_subject = require('./swipe.subject-BbLTKDyB.js');
+var swipe_subject = require('./swipe.subject-BaKNugDQ.js');
 
 function ListenToSwipe(options = { mobileOnly: false }) {
     return function (target, _propertyKey, _descriptor) {

package/dist/cjs/{swipe.subject-BbLTKDyB.js → swipe.subject-BaKNugDQ.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var device = require('./device-CrnZOym8.js');
-var listener = require('./listener-h1eTpBYL.js');
-var index = require('./index-TwNDE7ev.js');
+var device = require('./device-CoogBamh.js');
+var listener = require('./listener-DspXpqzY.js');
+var helpers = require('./helpers-HuaiWXrB.js');
 
 class BalSwipeListener extends listener.ListenerAbstract {
     async connect(el) {
@@ -21,7 +21,7 @@ class BalSwipeListener extends listener.ListenerAbstract {
     }
     async loadLib() {
         return new Promise((resolve, reject) => {
-            index.rOnLoad(async () => {
+            helpers.rOnLoad(async () => {
                 Promise.resolve().then(function () { return require(/* @vite-ignore */ './contact-qHJM5IBh.js'); })
                     .then(module => {
                     this.PointerListenerLib = module.PointerListener;

package/dist/cjs/{tokens.esm-yrgVVjY8.js → tokens.esm-1iRLIM9J.js}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 23 Oct 2025 14:43:17 GMT
+ * Generated on Fri, 07 Nov 2025 06:17:46 GMT
  */
 
 const balColorGreen3 = "#94e3d4";

package/dist/cjs/{visibility.decorator-CC35M6Un.js → visibility.decorator-DTARY-5M.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
-var listener = require('./listener-h1eTpBYL.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var listener = require('./listener-DspXpqzY.js');
 
 class BalVisibilityListener extends listener.ListenerAbstract {
     constructor() {
@@ -21,8 +21,8 @@ class BalVisibilityListener extends listener.ListenerAbstract {
             return;
         }
         if (this.waitAfterFramePrint) {
-            await index.deepReady(el);
-            await index.waitAfterFramePaint();
+            await helpers.deepReady(el);
+            await helpers.waitAfterFramePaint();
         }
         this.destroyMutationObserver();
         this.intersectionObserver = new IntersectionObserver(this.intersectionCallback, {
@@ -48,7 +48,7 @@ class BalVisibilitySubject extends listener.SingleSubject {
         super(observer => {
             observer.visibilityListener();
         });
-        this.debouncedNotify = index.debounce(() => this.notify(), 50);
+        this.debouncedNotify = helpers.debounce(() => this.notify(), 50);
         this.listener = new BalVisibilityListener();
     }
     attach(observer) {

package/dist/cjs/window-resize.decorator-D02S2XFI.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var breakpoints_subject = require('./breakpoints.subject-DDmRE0wl.js');
+var listener = require('./listener-DspXpqzY.js');
+var browser = require('./browser-BwmkTmm8.js');
+
+class BalWindowResizeSubject extends listener.SingleSubject {
+    constructor() {
+        super((observer, _data) => {
+            observer.windowResizeListener();
+        });
+        this.listener = new breakpoints_subject.BalWindowResizeListener();
+    }
+    attach(observer) {
+        super.attach(observer);
+        if (browser.balBrowser.hasWindow) {
+            this.listener.connect(window);
+            this.listener.add(() => super.notify());
+        }
+    }
+    detach() {
+        super.detach();
+        this.listener.disconnect();
+    }
+}
+new BalWindowResizeSubject();
+
+function ListenToWindowResize() {
+    return function (target, _propertyKey, _descriptor) {
+        const { connectedCallback, disconnectedCallback } = target;
+        target.connectedCallback = function () {
+            if (!this._balWindowResizeSubject) {
+                this._balWindowResizeSubject = new BalWindowResizeSubject();
+                this._balWindowResizeSubject.attach(this);
+            }
+            return connectedCallback && connectedCallback.call(this);
+        };
+        target.disconnectedCallback = function () {
+            if (this._balWindowResizeSubject) {
+                this._balWindowResizeSubject.detach();
+                this._balWindowResizeSubject = undefined;
+            }
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}
+
+exports.ListenToWindowResize = ListenToWindowResize;

package/dist/collection/collection-manifest.json

@@ -116,12 +116,13 @@
     "components/bal-textarea/bal-textarea.js",
     "components/bal-time-input/bal-time-input.js",
     "components/bal-toast/bal-toast.js",
-    "components/bal-tooltip/bal-tooltip.js"
+    "components/bal-tooltip/bal-tooltip.js",
+    "components/docs/bal-doc-app/bal-doc-app.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.1",
-    "typescriptVersion": "5.5.4"
+    "version": "4.38.2",
+    "typescriptVersion": "5.9.3"
   },
   "collections": [],
   "bundles": [
@@ -175,11 +176,6 @@
         "bal-table"
       ]
     },
-    {
-      "components": [
-        "bal-dropdown"
-      ]
-    },
     {
       "components": [
         "bal-file-upload"
@@ -297,6 +293,7 @@
     },
     {
       "components": [
+        "bal-dropdown",
         "bal-option",
         "bal-option-list"
       ]

package/dist/collection/components/bal-accordion/bal-accordion-details/bal-accordion-details.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import { Host, h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
 import { Logger } from "../../../utils/log";
 export class AccordionDetails {
@@ -59,7 +59,7 @@ export class AccordionDetails {
         const id = this.parentAccordionId ? `${this.parentAccordionId}-details` : this.componentId;
         const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
         const contentPart = expanded ? 'content expanded' : 'content';
-        return (h(Host, { key: 'b9a16e64c4d5559646cdac24e2f9cad021d66a45', id: id, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('active').class(this.active)), block.modifier('expanding').class(this.state === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.state === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.state === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.state === 1 /* AccordionState.Collapsed */)), block.modifier('animated').class(this.animated)) }, h("div", { key: '279f8c54de387926886868cf13da08b1c465d523', id: `${id}-content`, "aria-labelledby": `${this.parentAccordionId}-trigger-button`, role: "region", part: contentPart, class: Object.assign({}, wrapperEl.class()), "data-testid": "bal-accordion-details" }, h("slot", { key: '209b3840f44b6373c8aeb5ad6851e1bc76ec09d5' }))));
+        return (h(Host, { key: '1e909c6bdc60974006159dc9eb6408d3350ea684', id: id, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('active').class(this.active)), block.modifier('expanding').class(this.state === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.state === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.state === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.state === 1 /* AccordionState.Collapsed */)), block.modifier('animated').class(this.animated)) }, h("div", { key: 'f38a2c41997e018e4226384b81dd73d7e55d16e8', id: `${id}-content`, "aria-labelledby": `${this.parentAccordionId}-trigger-button`, role: "region", part: contentPart, class: Object.assign({}, wrapperEl.class()), "data-testid": "bal-accordion-details" }, h("slot", { key: '8429dd4b9a113cade1d579d23cba01e38bb9fb9e' }))));
     }
     static get is() { return "bal-accordion-details"; }
     static get originalStyleUrls() {
@@ -76,7 +76,6 @@ export class AccordionDetails {
         return {
             "state": {
                 "type": "number",
-                "attribute": "state",
                 "mutable": false,
                 "complexType": {
                     "original": "AccordionState",
@@ -101,11 +100,11 @@ export class AccordionDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "AccordionState.Collapsed"
             },
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -124,11 +123,11 @@ export class AccordionDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -147,6 +146,7 @@ export class AccordionDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "animated",
                 "defaultValue": "true"
             }
         };

package/dist/collection/components/bal-accordion/bal-accordion-summary/bal-accordion-summary.js

@@ -1,9 +1,9 @@
 import { __decorate, __metadata } from "tslib";
-import { Host, h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
+import { isEnterKey, isSpaceKey } from "../../..//utils/keyboard";
 import { BEM } from "../../../utils/bem";
-import { Logger } from "../../../utils/log";
 import { stopEventBubbling } from "../../../utils/form-input";
-import { isEnterKey, isSpaceKey } from "../../..//utils/keyboard";
+import { Logger } from "../../../utils/log";
 export class AccordionSummary {
     constructor() {
         this.componentId = `bal-accordion-summary-${accordionSummaryIds++}`;
@@ -95,7 +95,7 @@ export class AccordionSummary {
                 'onKeyDown': this.onKeyDown,
             };
         }
-        return (h(Host, Object.assign({ key: 'e192ab6a73d33db615d55c1ae5e82e334d5e690e', id: id, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('trigger').class(this.trigger)), block.modifier('inner-trigger').class(!this.trigger)), { 'bal-focused': this.trigger }) }, attributes, { "data-testid": "bal-accordion-summary" })));
+        return (h(Host, Object.assign({ key: 'ed4f3e46644cf6288855154214126231e5b25e1d', id: id, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('trigger').class(this.trigger)), block.modifier('inner-trigger').class(!this.trigger)), { 'bal-focused': this.trigger }) }, attributes, { "data-testid": "bal-accordion-summary" })));
     }
     static get is() { return "bal-accordion-summary"; }
     static get originalStyleUrls() {
@@ -112,7 +112,6 @@ export class AccordionSummary {
         return {
             "trigger": {
                 "type": "boolean",
-                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -128,11 +127,11 @@ export class AccordionSummary {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "trigger",
                 "defaultValue": "false"
             },
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -151,11 +150,11 @@ export class AccordionSummary {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "state": {
                 "type": "number",
-                "attribute": "state",
                 "mutable": false,
                 "complexType": {
                     "original": "AccordionState",
@@ -180,6 +179,7 @@ export class AccordionSummary {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "AccordionState.Collapsed"
             }
         };

package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.js

@@ -180,7 +180,6 @@ export class AccordionTrigger {
         return {
             "button": {
                 "type": "boolean",
-                "attribute": "button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -199,11 +198,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "button",
                 "defaultValue": "false"
             },
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalAccordionTriggerVariant",
@@ -223,11 +222,11 @@ export class AccordionTrigger {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "variant"
             },
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -243,11 +242,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expanded",
                 "defaultValue": "true"
             },
             "openLabel": {
                 "type": "string",
-                "attribute": "open-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -263,11 +262,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "open-label",
                 "defaultValue": "''"
             },
             "openIcon": {
                 "type": "string",
-                "attribute": "open-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -283,11 +282,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "open-icon",
                 "defaultValue": "'caret-down'"
             },
             "closeLabel": {
                 "type": "string",
-                "attribute": "close-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -303,11 +302,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "close-label",
                 "defaultValue": "''"
             },
             "closeIcon": {
                 "type": "string",
-                "attribute": "close-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -323,11 +322,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "close-icon",
                 "defaultValue": "''"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonColor",
@@ -348,11 +347,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'info'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonSize",
@@ -373,11 +372,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "''"
             },
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -396,11 +395,11 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "state": {
                 "type": "number",
-                "attribute": "state",
                 "mutable": false,
                 "complexType": {
                     "original": "AccordionState",
@@ -425,6 +424,7 @@ export class AccordionTrigger {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "AccordionState.Collapsed"
             }
         };

package/dist/collection/components/bal-accordion/bal-accordion.js

@@ -1,9 +1,8 @@
 import { __decorate, __metadata } from "tslib";
-import { Host, h, } from "@stencil/core";
-import { debounceEvent, transitionEndAsync, waitForComponent } from "../../utils/helpers";
-import { ListenToConfig } from "../../utils/config";
+import { h, Host, } from "@stencil/core";
 import { BEM } from "../../utils/bem";
-import { raf } from "../../utils/helpers";
+import { ListenToConfig } from "../../utils/config";
+import { debounceEvent, raf, transitionEndAsync, waitForComponent } from "../../utils/helpers";
 import { Logger } from "../../utils/log";
 export class Accordion {
     constructor() {
@@ -46,7 +45,7 @@ export class Accordion {
          * @internal
          * defines the version of the component
          */
-        this.version = 1;
+        this.version = 2;
         /**
          * PRIVATE METHODS
          * ------------------------------------------------------
@@ -312,7 +311,6 @@ export class Accordion {
         return {
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -328,11 +326,11 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "debounce": {
                 "type": "number",
-                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -348,11 +346,11 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "debounce",
                 "defaultValue": "0"
             },
             "openLabel": {
                 "type": "string",
-                "attribute": "open-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -368,11 +366,11 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "open-label",
                 "defaultValue": "''"
             },
             "openIcon": {
                 "type": "string",
-                "attribute": "open-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -388,11 +386,11 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "open-icon",
                 "defaultValue": "'plus'"
             },
             "closeLabel": {
                 "type": "string",
-                "attribute": "close-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -408,11 +406,11 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "close-label",
                 "defaultValue": "''"
             },
             "closeIcon": {
                 "type": "string",
-                "attribute": "close-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -428,11 +426,11 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "close-icon",
                 "defaultValue": "'close'"
             },
             "card": {
                 "type": "boolean",
-                "attribute": "card",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -448,11 +446,11 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "card",
                 "defaultValue": "false"
             },
             "version": {
                 "type": "number",
-                "attribute": "version",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -471,7 +469,8 @@ export class Accordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "1"
+                "attribute": "version",
+                "defaultValue": "2"
             }
         };
     }

package/dist/collection/components/bal-app/bal-app.js

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from "tslib";
-import { Host, h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { balBrowser } from "../../utils/browser";
-import { balDevice } from "../../utils/device";
 import { updateBalAnimated } from "../../utils/config";
+import { balDevice } from "../../utils/device";
+import { startFocusVisible } from "../../utils/focus-visible";
 import { debounce, rIC, rOnLoad } from "../../utils/helpers";
 import { Logger } from "../../utils/log";
-import { startFocusVisible } from "../../utils/focus-visible";
 export class App {
     constructor() {
         this.debouncedNotify = debounce(() => this.notifyResize(), 100);
@@ -45,6 +45,7 @@ export class App {
             if (balBrowser.hasDocument && balBrowser.hasWindow) {
                 const doc = document.documentElement;
                 doc.classList.add('lcp-ready');
+                this.balAppReady.emit();
             }
         });
     }
@@ -59,11 +60,11 @@ export class App {
         }
     }
     render() {
-        return (h(Host, { key: '8aa3c989125e06e500597db9773fca378e4b7467', class: {
+        return (h(Host, { key: 'e6229236201fea92c4ccb1812f2f280a06130889', class: {
                 'bal-app': true,
                 'bal-app--safari': balBrowser.isSafari,
                 'bal-app--touch': balDevice.hasTouchScreen,
-            } }, h("slot", { key: 'c0e432a988e29f653198ed4eeead7f18fa447035' })));
+            } }, h("slot", { key: '7712c7609c709dbe754eaf5700fd43ca3992a39f' })));
     }
     static get is() { return "bal-app"; }
     static get originalStyleUrls() {
@@ -80,7 +81,6 @@ export class App {
         return {
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -96,11 +96,11 @@ export class App {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "animated",
                 "defaultValue": "true"
             },
             "ready": {
                 "type": "boolean",
-                "attribute": "ready",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -119,10 +119,29 @@ export class App {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "ready",
                 "defaultValue": "false"
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "balAppReady",
+                "name": "balAppReady",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when app is ready and painted."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
     static get methods() {
         return {
             "setFocus": {