@baloise/ds-core 19.9.2 → 19.9.3-nightly.20260403

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

@@ -0,0 +1,248 @@
+import * as balIcons from "../../../../../../icons/src/index";
+import { h, Host } from "@stencil/core";
+import globalScript from "../../../global";
+import { balBrowser } from "../../../utils/browser";
+import { updateBalIcons } from "../../../utils/config";
+/**
+ * @internal
+ */
+export class DocApp {
+    constructor() {
+        this.logComponents = '';
+        this.logLifecycle = true;
+        this.logEvents = true;
+        this.logRender = true;
+        this.logCustom = true;
+        this.stickyFooter = false;
+        /**
+         * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        this.animated = true;
+    }
+    connectedCallback() {
+        globalScript();
+        updateBalIcons(balIcons);
+    }
+    componentDidRender() {
+        const logConfig = {
+            components: this.logComponents
+                .split(',')
+                .map(c => c.trim())
+                .filter(c => c !== ''),
+            lifecycle: this.logLifecycle,
+            event: this.logEvents,
+            render: this.logRender,
+            custom: this.logCustom,
+        };
+        if (balBrowser.hasWindow) {
+            if (this.logComponents) {
+                ;
+                window.BaloiseDesignSystem.config.logger = logConfig;
+            }
+            if (this.region) {
+                ;
+                window.BaloiseDesignSystem.config.region = this.region;
+            }
+            if (this.language) {
+                ;
+                window.BaloiseDesignSystem.config.language = this.language;
+            }
+        }
+    }
+    render() {
+        return (h(Host, { key: 'bd48063fae2ad02a89fac43457aa8d58aa2c5b29' }, h("bal-app", { key: 'e99d6db063d21649f8cb310b4a3da4c9861a8c82', animated: this.animated }, h("div", { key: 'ae13f6acd39003afa2c0ab22dec4455d09544dea', class: { 'has-sticky-footer': this.stickyFooter } }, h("slot", { key: '9929e0ec4a2718860ec0f57a7adbd1442a268237' })))));
+    }
+    static get is() { return "bal-doc-app"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bal-doc-app.sass"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bal-doc-app.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "logComponents": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "log-components",
+                "defaultValue": "''"
+            },
+            "logLifecycle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "log-lifecycle",
+                "defaultValue": "true"
+            },
+            "logEvents": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "log-events",
+                "defaultValue": "true"
+            },
+            "logRender": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "log-render",
+                "defaultValue": "true"
+            },
+            "logCustom": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "log-custom",
+                "defaultValue": "true"
+            },
+            "stickyFooter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sticky-footer",
+                "defaultValue": "false"
+            },
+            "region": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "region"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "language"
+            },
+            "animated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables all animation inside the bal-app. Can be used for simplify e2e testing."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "animated",
+                "defaultValue": "true"
+            }
+        };
+    }
+}

package/dist/collection/utils/constants/version.constant.js

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '19.9.2';
+export const VERSION = '19.9.3-nightly.20260403';

package/dist/esm/app-globals-CIj5uAPM.js

@@ -0,0 +1,5 @@
+import { g as globalScript } from './global-Llrc69_N.js';
+
+const globalScripts = globalScript;
+
+export { globalScripts as g };

package/dist/esm/bal-accordion_4.entry.js

@@ -20,6 +20,7 @@ const Accordion = class {
         this.balWillAnimate = createEvent(this, "balWillAnimate");
         this.balDidAnimate = createEvent(this, "balDidAnimate");
         this.componentId = `bal-accordion-${accordionIds++}`;
+        this.animationGeneration = 0;
         this.state = 1 /* AccordionState.Collapsed */;
         this.animated = true;
         /**
@@ -101,6 +102,17 @@ const Accordion = class {
                 summaryElement.active = this.active;
             }
         };
+        this.cancelAnimation = () => {
+            if (this.currentRaf !== undefined) {
+                cancelAnimationFrame(this.currentRaf);
+                this.currentRaf = undefined;
+            }
+            if (this.currentRafInner !== undefined) {
+                cancelAnimationFrame(this.currentRafInner);
+                this.currentRafInner = undefined;
+            }
+            this.animationGeneration++;
+        };
         this.expand = (initialUpdate = false) => {
             this.active = true;
             const detailsElement = this.detailsElement;
@@ -112,18 +124,23 @@ const Accordion = class {
             if (this.state === 4 /* AccordionState.Expanded */) {
                 return this.active;
             }
-            if (this.currentRaf !== undefined) {
-                cancelAnimationFrame(this.currentRaf);
-            }
+            this.cancelAnimation();
+            const generation = this.animationGeneration;
             if (this.shouldAnimate()) {
-                raf(() => {
+                this.currentRaf = raf(() => {
+                    if (generation !== this.animationGeneration)
+                        return;
                     this.setState(8 /* AccordionState.Expanding */);
                     this.balWillAnimate.emit(this.active);
-                    this.currentRaf = raf(async () => {
+                    this.currentRafInner = raf(async () => {
+                        if (generation !== this.animationGeneration)
+                            return;
                         const contentHeight = detailsWrapperElement.offsetHeight;
                         const waitForTransition = transitionEndAsync(detailsElement, 300);
                         detailsElement.style.setProperty('max-height', `${contentHeight}px`);
                         await waitForTransition;
+                        if (generation !== this.animationGeneration)
+                            return;
                         this.setState(4 /* AccordionState.Expanded */);
                         detailsElement.style.removeProperty('max-height');
                         this.balDidAnimate.emit(this.active);
@@ -147,18 +164,23 @@ const Accordion = class {
             if (this.state === 1 /* AccordionState.Collapsed */) {
                 return this.active;
             }
-            if (this.currentRaf !== undefined) {
-                cancelAnimationFrame(this.currentRaf);
-            }
+            this.cancelAnimation();
+            const generation = this.animationGeneration;
             if (this.shouldAnimate()) {
                 this.currentRaf = raf(async () => {
+                    if (generation !== this.animationGeneration)
+                        return;
                     const contentHeight = detailsElement.offsetHeight;
                     detailsElement.style.setProperty('max-height', `${contentHeight}px`);
-                    raf(async () => {
+                    this.currentRafInner = raf(async () => {
+                        if (generation !== this.animationGeneration)
+                            return;
                         const waitForTransition = transitionEndAsync(detailsElement, 300);
                         this.setState(2 /* AccordionState.Collapsing */);
-                        this.balDidAnimate.emit(this.active);
+                        this.balWillAnimate.emit(this.active);
                         await waitForTransition;
+                        if (generation !== this.animationGeneration)
+                            return;
                         this.setState(1 /* AccordionState.Collapsed */);
                         detailsElement.style.removeProperty('max-height');
                         this.balDidAnimate.emit(this.active);
@@ -166,7 +188,7 @@ const Accordion = class {
                 });
             }
             else {
-                this.balDidAnimate.emit(this.active);
+                this.balWillAnimate.emit(this.active);
                 this.setState(1 /* AccordionState.Collapsed */);
                 this.balDidAnimate.emit(this.active);
             }

package/dist/esm/bal-carousel_2.entry.js

@@ -1,14 +1,14 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-BdVwMG9u.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-D8tyvKfl.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-DiyER4G8.js';
 import { s as stopEventBubbling } from './form-input-DYvzaBlM.js';
 import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
 import { t as toKebabCase, S as SwiperUtil } from './string-Dk4PnSfl.js';
 import { L as ListenToMutation } from './mutation.decorator-DhVeNnnY.js';
 import { L as ListenToSwipe } from './swipe.decorator-B_Ghrp1o.js';
 import { L as ListenToResize } from './resize.decorator-ZKPOJfw5.js';
-import { b as balBreakpoints } from './breakpoints.subject-C7sMRxmL.js';
+import { b as balBreakpoints } from './breakpoints.subject-C7x4XnK0.js';
 import { d as defaultConfig } from './config.default-RE8-gLMQ.js';
 import { L as ListenToVisibility } from './visibility.decorator-zTjPC2du.js';
 import { L as ListenToConfig } from './config.decorator-3bfyZ-0Y.js';
@@ -20,7 +20,7 @@ import './listener-CClDIhvK.js';
 import './browser-B1u-Mq75.js';
 import './swipe.subject-T0VStuOK.js';
 import './device-TtMibDFL.js';
-import './tokens.esm-CggbMUrI.js';
+import './tokens.esm-CVJxXAEJ.js';
 import './config.utils-B7jugjyM.js';
 import './log-CwssmmaV.js';
 import './_commonjsHelpers-BFTU3MAI.js';