@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from "tslib";
-import { h, Host, } from "@stencil/core";
-import { Logger } from "../../utils/log";
+import { Host, h, } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 import { balBrowser } from "../../utils/browser";
 import { balDevice } from "../../utils/device";
-import { showContainerElement, showArrowElement, hideContainerElement, hideArrowElement } from "./bal-tooltip.util";
 import { balFloatingUi } from "../../utils/floating-ui";
+import { Logger } from "../../utils/log";
+import { hideArrowElement, hideContainerElement, showArrowElement, showContainerElement } from "./bal-tooltip.util";
 export class Tooltip {
     constructor() {
         this.tooltipId = `bal-to-${tooltipIds++}`;
@@ -213,7 +213,7 @@ export class Tooltip {
         const arrowBlock = block.element('arrow');
         const innerBlock = block.element('inner');
         const innerContentBlock = innerBlock.element('content');
-        return (h(Host, { key: '8a590dae8eddc3aba2700a72f040af70ac4dd3e6', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, h("div", { key: 'c27651c603f1dda66783bbf9fc57f9b84f29465e', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, h("div", { key: '9e8bb710979992265e4b3938b03500f332fd76f8', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '8986da10e482c79939711244189613b601bbac60', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, h("div", { key: '0f7ff54deee83d4dc00d95655b0f3d0e0a5ce4ed', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, h("slot", { key: '6abe4c290c6974b1b6b075f7ddee9834949cdba8' }))))));
+        return (h(Host, { key: '02cb6bd433580340afae9201c14b98e78c9c37ad', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, h("div", { key: '2f5a536123df97f387c094297a5c735c3645575a', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, h("div", { key: 'd084a2ecd2f8f920b180a833bbb2c80fb4850b83', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: 'f5245be9dbfb32546d4273140de8dfc1e5c68b69', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, h("div", { key: 'bd3b5bc24f24aa70f54f1fd6d3a572d8e57fc971', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, h("slot", { key: '13f425d634613314bc59c37488bc7d3d9a0e6f64' }))))));
     }
     static get is() { return "bal-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -231,7 +231,6 @@ export class Tooltip {
         return {
             "reference": {
                 "type": "string",
-                "attribute": "reference",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -247,11 +246,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "reference",
                 "defaultValue": "''"
             },
             "placement": {
                 "type": "string",
-                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTooltipPlacement",
@@ -272,11 +271,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placement",
                 "defaultValue": "'bottom'"
             },
             "offset": {
                 "type": "number",
-                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -292,11 +291,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "offset",
                 "defaultValue": "0"
             },
             "demo": {
                 "type": "boolean",
-                "attribute": "demo",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -315,11 +314,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "demo",
                 "defaultValue": "false"
             },
             "contentWidth": {
                 "type": "number",
-                "attribute": "content-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -334,7 +333,8 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "content-width"
             }
         };
     }

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';

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-BRqdW0lU.js

@@ -0,0 +1,9 @@
+import { i as initializeBaloiseDesignSystem } from './initialize-pdWsVO-c.js';
+
+function appGlobalScript () {
+    initializeBaloiseDesignSystem();
+}
+
+const globalScripts = appGlobalScript;
+
+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); }
 };

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

@@ -1,13 +1,18 @@
-import { L as Logger, H as registerInstance, I as debounce, a as balBrowser, j as updateBalAnimated, J as rIC, K as rOnLoad, M as h, N as Host, O as getElement } 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 { b as balDevice } from './device-CWdcsnSc.js';
+import { b as balBrowser } from './browser-B1u-Mq75.js';
+import { b as balDevice } from './device-TtMibDFL.js';
 import { s as startFocusVisible } from './focus-visible-DqCbGYzv.js';
+import { k as debounce, r as rIC, l as rOnLoad } from './helpers-BNj87EbG.js';
+import { L as Logger } from './log-CwssmmaV.js';
+import { b as updateBalAnimated } from './config.utils-B7jugjyM.js';
 
 const balAppCss = ":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";
 
 const App = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.balAppReady = createEvent(this, "balAppReady");
         this.debouncedNotify = debounce(() => this.notifyResize(), 100);
         /**
          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
@@ -45,6 +50,7 @@ const App = class {
             if (balBrowser.hasDocument && balBrowser.hasWindow) {
                 const doc = document.documentElement;
                 doc.classList.add('lcp-ready');
+                this.balAppReady.emit();
             }
         });
     }
@@ -59,11 +65,11 @@ const App = class {
         }
     }
     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' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { H as registerInstance, M as h, N as Host, O as getElement } from './index-BgWhYta3.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-BdVwMG9u.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
 
 const balBadgeCss = ":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";
@@ -27,7 +27,7 @@ const Badge = class {
         const size = this.size !== '';
         const position = this.position !== '';
         const labelHidden = !!this.icon || this.size === 'small';
-        return (h(Host, { key: '811cf1c81df29b916af366fa68f3af34e3c7c13e', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.color}`).class(color)), block.modifier(`position-${this.position}`).class(position)), block.modifier(`size-${this.size}`).class(size)) }, h("span", { key: 'fe39cc5bd17ec12ba43b10af15e5200020d3a15e', class: Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier(`color-${this.color}`).class(color)), labelEl.modifier(`hidden`).class(labelHidden)), "data-testid": "bal-badge-label" }, h("slot", { key: '8160cdc9d7adc06c360d9cfb9ebad0e5ca785758' })), this.size !== 'small' ? (h("bal-icon", { class: Object.assign(Object.assign({}, iconEl.class()), iconEl.modifier(`hidden`).class(!labelHidden)), size: this.size === '' ? 'small' : '', name: this.icon, color: this.color === 'grey' ? 'grey' : 'primary' })) : ('')));
+        return (h(Host, { key: 'b705f8e38629cf8b549982aee4cdb37eaddd59de', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.color}`).class(color)), block.modifier(`position-${this.position}`).class(position)), block.modifier(`size-${this.size}`).class(size)) }, h("span", { key: '8ce1e8ecef96a6fd74365fd28d825e40f1ca43a8', class: Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier(`color-${this.color}`).class(color)), labelEl.modifier(`hidden`).class(labelHidden)), "data-testid": "bal-badge-label" }, h("slot", { key: '4153dcd8209ef3bfb88792110ca25bc2ff874395' })), this.size !== 'small' ? (h("bal-icon", { class: Object.assign(Object.assign({}, iconEl.class()), iconEl.modifier(`hidden`).class(!labelHidden)), size: this.size === '' ? 'small' : '', name: this.icon, color: this.color === 'grey' ? 'grey' : 'primary' })) : ('')));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,7 +1,10 @@
-import { H as registerInstance, P as createEvent, K as rOnLoad, M as h, N as Host, O as getElement } from './index-BgWhYta3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BdVwMG9u.js';
 import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
 import { i as inheritAttributes } from './attributes-C4sZQbkT.js';
+import { l as rOnLoad } from './helpers-BNj87EbG.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
+import './browser-B1u-Mq75.js';
+import './config.utils-B7jugjyM.js';
 
 const balButtonCss = "bal-button,.bal-button{display:inline-block;position:static}bal-button.is-fullwidth,.bal-button.is-fullwidth{width:100%;-ms-flex:1 1 100%;flex:1 1 100%}bal-button[disabled] bal-icon,.bal-button[disabled] bal-icon{pointer-events:none}.bal-button .button-label.has-no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-button-group{display:-ms-flexbox;display:flex}.bal-button-group--position-center{-ms-flex-pack:center;justify-content:center}.bal-button-group--position-left{-ms-flex-pack:start;justify-content:flex-start}.bal-button-group--position-right{-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){.bal-button-group--direction-auto .field.is-grouped,.bal-button-group--direction-auto .bal-button,.bal-button-group--direction-auto .bal-button .button{width:100% !important}}@media screen and (max-width: 768px){.bal-button-group--direction-column .field.is-grouped,.bal-button-group--direction-column .bal-button,.bal-button-group--direction-column .bal-button .button{width:100% !important}}";
 

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

@@ -1,4 +1,4 @@
-import { H as registerInstance, M as h, N as Host } from './index-BgWhYta3.js';
+import { r as registerInstance, h, H as Host } from './index-BdVwMG9u.js';
 import { i as isEmpty } from './index-dYcsHLfj.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
 import './_commonjsHelpers-BFTU3MAI.js';

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

@@ -1,36 +1,38 @@
-import { M as h, H as registerInstance, P as createEvent, f as defaultConfig, N as Host, O as getElement, K as rOnLoad, x as waitAfterFramePaint } from './index-BgWhYta3.js';
+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-B1jmHb1D.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 './swiper.util-vb9wIkyd.js';
-import { s as stopEventBubbling } from './form-input-Dv0N9pEu.js';
-import { b as balBreakpoints } from './breakpoints.subject-Dpu4Jjc3.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-CB70vvLx.js';
-import { L as ListenToSwipe } from './swipe.decorator-Bk0DXvq0.js';
-import { L as ListenToConfig } from './config.decorator-FwS7csea.js';
-import { L as ListenToMutation } from './mutation.decorator-DVnSOGDK.js';
-import './window-resize.subject-BfRcRWok.js';
-import { L as ListenToResize } from './resize.decorator-xO0LVkHO.js';
-import { L as ListenToVisibility } from './visibility.decorator-C5quU420.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-CLkQ75F0.js';
+import { d as defaultConfig } from './config.default-I6QXKbhg.js';
+import { L as ListenToVisibility } from './visibility.decorator-zTjPC2du.js';
+import { L as ListenToConfig } from './config.decorator-3bfyZ-0Y.js';
 import { s as sanitizeSvg } from './svg-DUNB4kTY.js';
 import { i as inheritAttributes } from './attributes-C4sZQbkT.js';
-import './keyboard.helpers-D1VPLQ5z.js';
-import './device-CWdcsnSc.js';
-import './listener-BCxt7kj7.js';
-import './tokens.esm-4RggM_kM.js';
-import './swipe.subject-CCKruupP.js';
+import { l as rOnLoad, a as waitAfterFramePaint } from './helpers-BNj87EbG.js';
+import './keyboard.helpers-BERg8BNc.js';
+import './listener-CClDIhvK.js';
+import './browser-B1u-Mq75.js';
+import './swipe.subject-T0VStuOK.js';
+import './device-TtMibDFL.js';
+import './tokens.esm-Crri2rlL.js';
+import './config.utils-B7jugjyM.js';
+import './log-CwssmmaV.js';
 
 const TabControl = ({ value, items, containerId, onControlChange }) => {
     const block = BEM.block('carousel');
     const controls = block.element('controls');
-    return (h("div", { class: Object.assign(Object.assign({}, controls.class()), controls.modifier('tabs').class()) },
-        h("bal-card", null,
-            h("bal-card-content", { role: "tabs" }, items.map(item => (h("button", { class: {
-                    'button': true,
-                    'is-fullwidth': true,
-                    'is-primary': value === item.value,
-                    'is-light': value !== item.value,
-                }, role: "tab", "aria-selected": ariaBooleanToString(value === item.value), "aria-controls": containerId + '-' + toKebabCase(item.label), key: item.value, onClick: () => onControlChange(item) }, item.label)))))));
+    return (h("div", { class: Object.assign(Object.assign({}, controls.class()), controls.modifier('tabs').class()) }, h("bal-card", null, h("bal-card-content", { role: "tabs" }, items.map(item => (h("button", { class: {
+            'button': true,
+            'is-fullwidth': true,
+            'is-primary': value === item.value,
+            'is-light': value !== item.value,
+        }, role: "tab", "aria-selected": ariaBooleanToString(value === item.value), "aria-controls": containerId + '-' + toKebabCase(item.label), key: item.value, onClick: () => onControlChange(item) }, item.label)))))));
 };
 
 const balCarouselCss = ":root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:\"\";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:\"\";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}";
@@ -219,7 +221,7 @@ const Carousel = class {
         const block = BEM.block('carousel');
         const inner = block.element('inner');
         const container = inner.element('container');
-        return (h(Host, { key: '8d3018d668a5ee7d7f6db4f2c2546e720ad48577', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiper()), block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-tabs`).class(this.controls === 'tabs')) }, this.controls === 'tabs' ? (h(TabControl, { value: this.value, items: this.swiper.getAllControlItems(), containerId: this.swiper.containerId, onControlChange: item => this.swiper.onControlChange(item.value) })) : (''), h("div", { key: 'd4fdd5af148e4fdcb1c4f0c49966398a8fa0fcd2', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssInnerSwiper()), inner.class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), ref: el => (this.swiper.innerEl = el) }, h("div", { key: 'acb3aa06b89dcb97bd3c3a489f5143752cd35568', id: this.swiper.containerId, role: this.controls === 'tabs' ? '' : 'list', class: Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiperContainer()), container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.swiper.containerEl = el) }, h("slot", { key: '73052ff64fa0423cb88bf96aaa771064ca3aadea' }), this.border ? (h("div", { id: `${this.swiper.id}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.swiper.borderEl = el) })) : (''))), this.swiper.renderControls()));
+        return (h(Host, { key: '561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiper()), block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-tabs`).class(this.controls === 'tabs')) }, this.controls === 'tabs' ? (h(TabControl, { value: this.value, items: this.swiper.getAllControlItems(), containerId: this.swiper.containerId, onControlChange: item => this.swiper.onControlChange(item.value) })) : (''), h("div", { key: '6adb9641efe5f488a940ffac297bcc7b3932c92a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssInnerSwiper()), inner.class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), ref: el => (this.swiper.innerEl = el) }, h("div", { key: 'fb4083afd4a967761c25200e8630f171b02a6c2d', id: this.swiper.containerId, role: this.controls === 'tabs' ? '' : 'list', class: Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiperContainer()), container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.swiper.containerEl = el) }, h("slot", { key: 'c46d996cc3904bcdc38951f155e3a49f73f284f8' }), this.border ? (h("div", { id: `${this.swiper.id}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.swiper.borderEl = el) })) : (''))), this.swiper.renderControls()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { H as registerInstance, M as h, N as Host } from './index-BgWhYta3.js';
+import { r as registerInstance, h, H as Host } from './index-BdVwMG9u.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
 
 const balCheckCss = ":root{--bal-check-size:1.5rem;--bal-check-border-width:2px;--bal-check-border-radius:var(--bal-radius-normal);--bal-check-color-inverted:var(--bal-color-white);--bal-check-border-color:var(--bal-color-primary);--bal-check-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-checked:var(--bal-color-primary);--bal-check-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-background:transparent;--bal-check-background-hovered:var(--bal-color-grey-2);--bal-check-background-pressed:var(--bal-color-grey-2);--bal-check-background-checked:var(--bal-color-primary);--bal-check-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-invalid:var(--bal-color-border-danger);--bal-check-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-check-border-color-invalid-checked:var(--bal-color-border-danger);--bal-check-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-invalid:transparent;--bal-check-background-invalid-hovered:var(--bal-color-danger-1);--bal-check-background-invalid-pressed:var(--bal-color-danger-1);--bal-check-background-invalid-checked:var(--bal-color-border-danger);--bal-check-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-disabled:var(--bal-color-grey-2);--bal-check-border-color-disabled:var(--bal-color-border-grey-dark);--bal-check-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-check-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-check{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-check-size);max-width:var(--bal-check-size);height:var(--bal-check-size);max-height:var(--bal-check-size);border-radius:var(--bal-check-border-radius);overflow:hidden;border:var(--bal-check-border-width) solid var(--bal-check-border-color);background-color:var(--bal-check-background)}@media (hover: hover)and (pointer: fine){.bal-check--hovered,.bal-check:hover{background:var(--bal-check-background-hovered);border-color:var(--bal-check-border-color-hovered)}}.bal-check--pressed,.bal-check:active{background:var(--bal-check-background-pressed);border-color:var(--bal-check-border-color-pressed)}.bal-check bal-icon{opacity:0}.bal-check--checked{background-color:var(--bal-check-background-checked);border-color:var(--bal-check-border-color-checked)}.bal-check--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-check--checked.bal-check--hovered,.bal-check--checked:hover{background:var(--bal-check-background-checked-hovered);border-color:var(--bal-check-border-color-checked-hovered)}}.bal-check--checked.bal-check--pressed,.bal-check--checked:active{background:var(--bal-check-background-checked-pressed);border-color:var(--bal-check-border-color-checked-pressed)}.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--invalid{border-color:var(--bal-check-border-color-invalid);background-color:var(--bal-check-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--hovered,.bal-check--invalid:hover{background-color:var(--bal-check-background-invalid-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--pressed,.bal-check--invalid:active{background-color:var(--bal-check-background-invalid-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked{border-color:var(--bal-check-border-color-invalid);background:var(--bal-check-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--checked.bal-check--hovered,.bal-check--invalid.bal-check--checked:hover{background-color:var(--bal-check-background-invalid-checked-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--checked.bal-check--pressed,.bal-check--invalid.bal-check--checked:active{background-color:var(--bal-check-background-invalid-checked-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--disabled{cursor:default !important;background:var(--bal-check-background-disabled) !important;border-color:var(--bal-check-border-color-disabled) !important}.bal-check--disabled.bal-check--checked{background-color:var(--bal-check-background-checked-disabled) !important;border-color:var(--bal-check-border-color-checked-disabled) !important}.bal-check--disabled.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted) !important}";

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

@@ -1,17 +1,21 @@
-import { L as Logger, H as registerInstance, P as createEvent, t as isDescendant, M as h, N as Host, O as getElement, Z as hasTagName } 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 { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
 import { i as inheritAttributes } from './attributes-C4sZQbkT.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
-import { L as ListenToElementStates } from './element-states.decorator-BPErBZif.js';
 import { F as FOCUS_KEYS } from './focus-visible-DqCbGYzv.js';
 import { d as defaultBalAriaForm } from './form-FCLKfv6B.js';
-import { s as stopEventBubbling, c as inputSetFocus, d as inputSetBlur } from './form-input-Dv0N9pEu.js';
-import { d as isSpaceKey } from './keyboard.helpers-D1VPLQ5z.js';
+import { s as stopEventBubbling, c as inputSetFocus, d as inputSetBlur } from './form-input-DYvzaBlM.js';
+import { i as isDescendant, v as hasTagName } from './helpers-BNj87EbG.js';
+import { L as Logger } from './log-CwssmmaV.js';
+import { L as ListenToElementStates } from './element-states.decorator-B68ANq1p.js';
+import { i as isSpaceKey } from './keyboard.helpers-BERg8BNc.js';
 import { a as areArraysEqual } from './array-CDfSqLEo.js';
-import { L as ListenToFocus } from './focus.decorator-BBUVspZX.js';
-import { L as ListenToMutation } from './mutation.decorator-DVnSOGDK.js';
-import './listener-BCxt7kj7.js';
+import { L as ListenToFocus } from './focus.decorator-C1s3OoqI.js';
+import { L as ListenToMutation } from './mutation.decorator-DhVeNnnY.js';
+import './browser-B1u-Mq75.js';
+import './config.utils-B7jugjyM.js';
+import './listener-CClDIhvK.js';
 import './index-zWZxKBfo.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './index-B4k_dH6V.js';

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

@@ -1,8 +1,12 @@
-import { H as registerInstance, f as defaultConfig, M as h, N as Host, O as getElement } from './index-BgWhYta3.js';
+import { r as registerInstance, h, 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 ListenToConfig } from './config.decorator-FwS7csea.js';
 import { i as i18nBalClose } from './bal-close.i18n-Ct27z6g9.js';
+import { d as defaultConfig } from './config.default-I6QXKbhg.js';
+import { L as ListenToConfig } from './config.decorator-3bfyZ-0Y.js';
+import './config.utils-B7jugjyM.js';
+import './browser-B1u-Mq75.js';
+import './log-CwssmmaV.js';
 
 const balCloseCss = "@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";
 
@@ -32,7 +36,7 @@ const Close = class {
         const buttonEl = blockEl.element('button');
         const iconEl = buttonEl.element('icon');
         const label = i18nBalClose[this.language].close;
-        return (h(Host, { key: '25b3dc4132060a98148ec87bab88ae7a15c0ed9e', class: Object.assign({}, blockEl.class()) }, h("button", { key: '2854252b5452659558e445dfb17f8b1fd7f8fc5c', type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, h("bal-icon", { key: '9cdc282c9d9839263d6254ba75751a333517c966', name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
+        return (h(Host, { key: '087ee2337aa7bf8828fbcf32b3a8aa1ae74de0c7', class: Object.assign({}, blockEl.class()) }, h("button", { key: 'ff78161fb93ebc2e8c5855e3ca734f32a78db700', type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, h("bal-icon", { key: '6f69b61b7ddbd9c0d2c2c532e3115e3429d9acf3', name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,8 @@
-import { L as Logger, H as registerInstance, M as h, N as Host } from './index-BgWhYta3.js';
+import { r as registerInstance, h, H as Host } 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 Logger } from './log-CwssmmaV.js';
+import './browser-B1u-Mq75.js';
 
 const balContentCss = ".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";
 

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

@@ -1,8 +1,11 @@
-import { H as registerInstance, M as h, N as Host, O as getElement, P as createEvent } from './index-BgWhYta3.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-BdVwMG9u.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
 import { i as isNil } from './index-zWZxKBfo.js';
-import { s as stopEventBubbling } from './form-input-Dv0N9pEu.js';
+import { s as stopEventBubbling } from './form-input-DYvzaBlM.js';
 import './_commonjsHelpers-BFTU3MAI.js';
+import './helpers-BNj87EbG.js';
+import './browser-B1u-Mq75.js';
+import './config.utils-B7jugjyM.js';
 
 const balDataCss = ":root{--bal-data-item-border-color:var(--bal-color-grey-2);--bal-data-item-border-style:solid;--bal-data-item-border-width:var(--bal-border-width-normal);--bal-data-horizontal-border-bottom-width:var(--bal-border-width-normal);--bal-data-horizontal-border-color:var(--bal-color-primary-2);--bal-data-item-border-bottom:none;--bal-data-item-text-color-disabled:var(--bal-color-text-grey-dark);--bal-data-label-text-color:var(--bal-color-text-primary)}.bal-data{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:100%;outline:none;text-decoration:none;overflow-wrap:break-word;white-space:normal}.bal-data>*{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data-item{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;min-height:3rem;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0}.bal-data-item.is-disabled .bal-data-label,.bal-data-item.is-disabled .bal-data-value{color:var(--bal-data-item-text-color-disabled)}.bal-data-item--has-border{border-bottom:var(--bal-data-item-border-width) var(--bal-data-item-border-style) var(--bal-data-item-border-color)}.bal-data-label{position:relative;display:block;color:var(--bal-data-label-text-color);-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-data-label .bal-hint{margin-left:.5rem;position:absolute;top:-3px;font-weight:var(--bal-font-weight-regular)}.bal-data-value{display:block;-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:.25rem;min-height:1.5rem;overflow:visible !important;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal)}.bal-data-value,.bal-data-value>div{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);line-height:1.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:2px}.bal-data-value>ul,.bal-data-value>div>ul{margin-bottom:0 !important;margin-left:1.5rem !important}.bal-data-value .bal-button{display:none}.bal-data-value--is-multiline,.bal-data-value--is-multiline>div{white-space:normal}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div>bal-input input.input{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value--is-editable .bal-data-value__button{display:block}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>bal-button{margin-left:.5rem}@media screen and (min-width: 769px),print{.bal-data>*{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}.bal-data .bal-data-item{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:.5rem 0}.bal-data .bal-data-item .bal-data-label{-ms-flex-preferred-size:0;flex-basis:0}.bal-data .bal-data-item .bal-data-value{-ms-flex-preferred-size:0;flex-basis:0}.bal-data:not(.bal-data--is-horizontal) .bal-data-label{font-size:var(--bal-text-size-normal)}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{margin-top:2px}.bal-data.bal-data--is-horizontal{-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-data.bal-data--is-horizontal.has-border{border-bottom:var(--bal-data-horizontal-border-bottom-width) var(--bal-data-item-border-style) var(--bal-data-horizontal-border-color)}.bal-data.bal-data--is-horizontal>*{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data.bal-data--is-horizontal .bal-data-item{-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:5rem;-ms-flex-align:start;align-items:flex-start;border-bottom:var(--bal-data-item-border-bottom)}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{min-height:100%}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-label,.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;-ms-flex-item-align:start;align-self:flex-start}}";
 
@@ -107,7 +110,7 @@ const DataValue = class {
     render() {
         const block = BEM.block('data-value');
         const buttonEl = block.element('button');
-        return (h(Host, { key: '1407b2c714f532e06ffcba50e1c21a06d33f34fe', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('is-editable').class(this.editable)), block.modifier('is-multiline').class(this.multiline)) }, h("div", { key: '71427202ef765e83e32b631eb277b9432b80c8c3' }, h("slot", { key: '0bbe71b9ebe87bc23941aab4f9643f5d58ea31c6' })), h("bal-button", { key: '5ba17c254646c82d8e6d8d9c8e5a229326542b12', class: Object.assign({}, buttonEl.class()), "data-testid": "bal-data-value-button", square: true, outlined: true, color: "text", size: "small", icon: "edit", disabled: this.disabled, onBalBlur: _ => this.balBlur.emit(), onBalFocus: _ => this.balFocus.emit(), onBalClick: ev => this.onClickHandler(ev) })));
+        return (h(Host, { key: '9510a2a23f5823645d757dccb57f533c735b07b3', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('is-editable').class(this.editable)), block.modifier('is-multiline').class(this.multiline)) }, h("div", { key: '3b09f43f14e28b62d36aa7435a213edc1ad8dbde' }, h("slot", { key: '34ac8848b363263f64e5821e66c43985930bf0a9' })), h("bal-button", { key: '1327e889226e14588eb0d62ab63b0f767fde6413', class: Object.assign({}, buttonEl.class()), "data-testid": "bal-data-value-button", square: true, outlined: true, color: "text", size: "small", icon: "edit", disabled: this.disabled, onBalBlur: _ => this.balBlur.emit(), onBalFocus: _ => this.balFocus.emit(), onBalClick: ev => this.onClickHandler(ev) })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/bal-date-calendar-cell.entry.js

@@ -1,7 +1,10 @@
-import { H as registerInstance, P as createEvent, M as h, N as Host } from './index-BgWhYta3.js';
-import { s as stopEventBubbling } from './form-input-Dv0N9pEu.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BdVwMG9u.js';
+import { s as stopEventBubbling } from './form-input-DYvzaBlM.js';
 import { B as BEM } from './bem-ByiN-QjD.js';
 import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
+import './helpers-BNj87EbG.js';
+import './browser-B1u-Mq75.js';
+import './config.utils-B7jugjyM.js';
 
 const DateCalendarCell = class {
     constructor(hostRef) {