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

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: 'f03e1f45113bde8eb77ca4d5582c4fb2ffc214b4' }, h("bal-app", { key: 'ef7e6764d6c8b8cb92305be017ad4d0eccaaab91', animated: this.animated }, h("div", { key: '18a7d115b0fcd3fc48e71a93373dcd28072b22a5', class: { 'has-sticky-footer': this.stickyFooter } }, h("slot", { key: 'bee6be8bfcce72dfa95602ad15505640fd4a10f2' })))));
+    }
+    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/test/css-border.visual.play.js

@@ -0,0 +1,23 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = [
+    'border-none',
+    'border-primary',
+    'border-grey',
+    'border-grey-dark',
+    'border-warning',
+    'border-success',
+    'border-danger',
+    'border-primary-light',
+    'border-white',
+];
+useDesktop();
+const image = screenshot('css-border');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-border.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-color.visual.play.js

@@ -0,0 +1,27 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = [
+    'basic',
+    'grey',
+    'blue',
+    'light-blue',
+    'purple',
+    'green',
+    'yellow',
+    'red',
+    'info',
+    'success',
+    'warning',
+    'danger',
+    'primary',
+];
+useDesktop();
+const image = screenshot('css-color');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-color.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-core.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = ['basic'];
+useDesktop();
+const image = screenshot('css-core');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-core.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-display.visual.play.js

@@ -0,0 +1,19 @@
+import { expect, screenshot, test } from "../../../../playwright/src/index";
+const VARIANTS = [
+    'display-block',
+    'display-flex',
+    'display-inline',
+    'display-inline-block',
+    'display-inline-flex',
+    'hidden',
+];
+const image = screenshot('css-display');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-display.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-flex.visual.play.js

@@ -0,0 +1,21 @@
+import { expect, screenshot, test } from "../../../../playwright/src/index";
+const VARIANTS = [
+    'flex-direction',
+    'flex-wrap',
+    'justify-content',
+    'align-content',
+    'align-items',
+    'align-self',
+    'flex-operators',
+    'flex-gap',
+];
+const image = screenshot('css-flex');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-flex.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-grid.visual.play.js

@@ -0,0 +1,23 @@
+import { expect, screenshot, test } from "../../../../playwright/src/index";
+const VARIANTS = [
+    'basic',
+    'column-sizes',
+    'column-offset',
+    'rows',
+    'nested',
+    'space',
+    'breakpoint',
+    'vertical-alignment',
+    'horizontal-alignment',
+    'stratch',
+];
+const image = screenshot('css-grid');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-grid.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-inheritance.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = ['colors', 'border', 'display', 'opacity', 'shadow'];
+useDesktop();
+const image = screenshot('css-inheritance');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-inheritance.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-opacity.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = ['basic'];
+useDesktop();
+const image = screenshot('css-opacity');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-opacity.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-radius.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = ['radius-none', 'radius-normal', 'radius-large', 'radius-rounded'];
+useDesktop();
+const image = screenshot('css-radius');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-radius.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-shadow.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = ['basic', 'text-shadow'];
+useDesktop();
+const image = screenshot('css-shadow');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-shadow.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-spacing.visual.play.js

@@ -0,0 +1,27 @@
+import { expect, screenshot, test } from "../../../../playwright/src/index";
+const VARIANTS = [
+    'padding',
+    'padding-top',
+    'padding-bottom',
+    'padding-left',
+    'padding-right',
+    'padding-x',
+    'padding-y',
+    'margin',
+    'margin-top',
+    'margin-bottom',
+    'margin-left',
+    'margin-right',
+    'margin-x',
+    'margin-y',
+];
+const image = screenshot('css-spacing');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-spacing.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-structure.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = ['basic', 'inheritance'];
+useDesktop();
+const image = screenshot('css-structure');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-structure.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/css-typography.visual.play.js

@@ -0,0 +1,12 @@
+import { expect, screenshot, test } from "../../../../playwright/src/index";
+const VARIANTS = ['display', 'title', 'text', 'colors', 'styles', 'alignment'];
+const image = screenshot('css-typography');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/css-typography.visual.html`, 'CSS');
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/test/theme-compact.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, useDesktop } from "../../../../playwright/src/index";
+const VARIANTS = ['navbar', 'typography', 'buttons', 'tags', 'card', 'table', 'form'];
+useDesktop();
+const image = screenshot('theme-compact');
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/test/theme-compact.visual.html`);
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

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

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '19.8.2';
+export const VERSION = '19.8.3-nightly.20251110';

package/dist/collection/utils/dropdown/value.js

@@ -91,7 +91,7 @@ export const DropdownValue = ({ inlineLabel, filled, chips, placeholder, choices
     const block = BEM.block('dropdown');
     if (filled) {
         if (chips) {
-            return (h("div", { class: Object.assign({}, block.element('root').element('content').element('chips').class()) }, choices.map(option => (h("bal-tag", { key: option.value, "data-test": "bal-dropdown-chip", size: "small", invalid: invalid, disabled: disabled || readonly, closable: !(disabled || readonly), onBalCloseClick: () => onRemoveChip(option) }, option.label)))));
+            return (h("div", { class: Object.assign({}, block.element('root').element('content').element('chips').class()) }, choices.map(option => (h("bal-tag", { key: option.value, "data-testid": "bal-dropdown-chip", size: "small", invalid: invalid, disabled: disabled || readonly, closable: !(disabled || readonly), onBalCloseClick: () => onRemoveChip(option) }, option.label)))));
         }
         else {
             return (inlineLabel && `${inlineLabel}: `) + choices.map(option => option.label).join(', ');

package/dist/collection/utils/focus/focus.listener.js

@@ -1,5 +1,5 @@
 import { balBrowser } from "../browser";
-import { addEventListener, removeEventListener, isDescendant, waitAfterIdleCallback } from "../helpers";
+import { addEventListener, isDescendant, removeEventListener, waitAfterIdleCallback } from "../helpers";
 import { ListenerAbstract } from "../types/listener";
 export class BalFocusListener extends ListenerAbstract {
     constructor() {

package/dist/collection/utils/helpers.js

@@ -1,6 +1,6 @@
 import { balBrowser } from "./browser";
 import { useBalConfig } from "./config";
-import { balIconCaretUp, balIconCaretDown, balIconCaretLeft, balIconCaretRight, balIconCheck, balIconClose, balIconDate, balIconDocument, balIconEdit, balIconInfoCircle, balIconMenuBars, balIconMinus, balIconNavGoDown, balIconNavGoLeft, balIconNavGoRight, balIconNavGoUp, balIconPlus, balIconTrash, balIconUpload, } from "./constants/icons.constant";
+import { balIconCaretDown, balIconCaretLeft, balIconCaretRight, balIconCaretUp, balIconCheck, balIconClose, balIconDate, balIconDocument, balIconEdit, balIconInfoCircle, balIconMenuBars, balIconMinus, balIconNavGoDown, balIconNavGoLeft, balIconNavGoRight, balIconNavGoUp, balIconPlus, balIconTrash, balIconUpload, } from "./constants/icons.constant";
 /**
  * Request Largest Contentful Paint (LCP) callback
  */

package/dist/collection/utils/swipe/swipe.listener.js

@@ -1,5 +1,5 @@
-import { ListenerAbstract } from "../types/listener";
 import { rOnLoad } from "../helpers";
+import { ListenerAbstract } from "../types/listener";
 export class BalSwipeListener extends ListenerAbstract {
     async connect(el) {
         super.connect(el);

package/dist/esm/{animation.decorator-CNK3bJ6X.js → animation.decorator-zbSqKhw6.js}

@@ -1,5 +1,5 @@
-import { I as debounce, Y as isChildOfEventTarget, R as addEventListener, S as removeEventListener } from './index-BgWhYta3.js';
-import { L as ListenerAbstract, a as SingleSubject } from './listener-BCxt7kj7.js';
+import { k as debounce, u as isChildOfEventTarget, o as addEventListener, p as removeEventListener } from './helpers-BNj87EbG.js';
+import { L as ListenerAbstract, a as SingleSubject } from './listener-CClDIhvK.js';
 
 class BalAnimationListener extends ListenerAbstract {
     constructor() {

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

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

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

@@ -1,10 +1,15 @@
-import { L as Logger, H as registerInstance, P as createEvent, Q as raf, W as transitionEndAsync, T as debounceEvent, A as waitForComponent, M as h, N as Host, O as getElement, f as defaultConfig } from './index-BgWhYta3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BdVwMG9u.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
-import { L as ListenToConfig } from './config.decorator-FwS7csea.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
-import { s as stopEventBubbling } from './form-input-Dv0N9pEu.js';
-import { b as isEnterKey, d as isSpaceKey } from './keyboard.helpers-D1VPLQ5z.js';
+import { m as raf, t as transitionEndAsync, n as debounceEvent, f as waitForComponent } from './helpers-BNj87EbG.js';
+import { L as Logger } from './log-CwssmmaV.js';
+import { L as ListenToConfig } from './config.decorator-3bfyZ-0Y.js';
+import { s as stopEventBubbling } from './form-input-DYvzaBlM.js';
+import { a as isEnterKey, i as isSpaceKey } from './keyboard.helpers-BERg8BNc.js';
 import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
+import { d as defaultConfig } from './config.default-I6QXKbhg.js';
+import './browser-B1u-Mq75.js';
+import './config.utils-B7jugjyM.js';
 
 const balAccordionCss = ".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;-webkit-clip-path:border-box;clip-path:border-box}.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}}";
 
@@ -53,7 +58,7 @@ const Accordion = class {
          * @internal
          * defines the version of the component
          */
-        this.version = 1;
+        this.version = 2;
         /**
          * PRIVATE METHODS
          * ------------------------------------------------------
@@ -385,7 +390,7 @@ const AccordionDetails = class {
         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' }))));
     }
     get el() { return getElement(this); }
 };
@@ -492,7 +497,7 @@ const AccordionSummary = class {
                 '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" })));
     }
     get el() { return getElement(this); }
 };