@baloise/ds-core 19.4.0 → 19.5.0

package/dist/cjs/bal-shape.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var bem = require('./bem-p0PWVN8n.js');
-var tokens_esm = require('./tokens.esm-DU04pfsc.js');
+var tokens_esm = require('./tokens.esm-DDxoq3-N.js');
 
 const balShapeCss = ".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";
 
@@ -57,11 +57,11 @@ const Shape = class {
     render() {
         const block = bem.BEM.block('shape');
         const shapes = [
-            index.h("g", { key: 'bd098f8a0d60a01a901d6c7e0041945de00f7c84', id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, index.h("g", { key: '7ae53a770a1f0f915dcfee5836350fb43f43c83c', id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, index.h("path", { key: '27730d24993bf8f4ebb2180113d927f08d86c295', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
-            index.h("g", { key: 'a39bebf5119896bb95137f99b31bd091461e4187', id: "b949d602-8478-437e-a171-ad3f26649cb4" }, index.h("g", { key: '8e9872fc0469e4227b39ce648713a79a0409d5c2', id: "ae3574e0-2065-4681-8937-4318b8656147" }, index.h("path", { key: '08e8eecb7e5da4cf009cf1ff82219faedb82f3fa', class: "b9f37b2d-094d-4f18-b17c-7c5acf36f9a6", d: "M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z" }))),
-            index.h("g", { key: '1176953bc3ee0cc6a799222c13b065d3ebc5eaf1', id: "e827a936-cbcd-43b3-971a-aa8f8714fdff" }, index.h("g", { key: '51e40727714bc0adf3667d6769fe51611adbbcb4', id: "e540dca8-23ca-45dc-b462-df9071c1317d" }, index.h("path", { key: '5d09a1cbc57fc21b1e62ddd4e263c18a7278c556', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66" }))),
+            index.h("g", { key: '7ffce26f2f8ff376d6f4a4281293b0cbce3d455e', id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, index.h("g", { key: '7f37e580d4a84007d6cec7b29850252a71fbd7db', id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, index.h("path", { key: '7e655256f9c76c6ed82b5dc1628d25065dc16161', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
+            index.h("g", { key: '8720ba7f09f080a1e94475e8db5b465d280cd1cc', id: "b949d602-8478-437e-a171-ad3f26649cb4" }, index.h("g", { key: 'a471219e03f4af9f3b72ac7548e8a234fd798b41', id: "ae3574e0-2065-4681-8937-4318b8656147" }, index.h("path", { key: 'a0f545ab74264f3389f45ca3fbd8544427046216', class: "b9f37b2d-094d-4f18-b17c-7c5acf36f9a6", d: "M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z" }))),
+            index.h("g", { key: '3aabfd5d30f05b9ca4c03970a539bd4fce699d40', id: "e827a936-cbcd-43b3-971a-aa8f8714fdff" }, index.h("g", { key: 'cb78639d0529e2df4f8028c8838d3251ecdec578', id: "e540dca8-23ca-45dc-b462-df9071c1317d" }, index.h("path", { key: 'b891158c547001cf3a2af9a6752739d2002b2ad2', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66" }))),
         ];
-        return (index.h(index.Host, { key: '5aa4927f8682c07a13ab2fa9b56f1248141d7cd7', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-rotation-${this.rotation}`).class()) }, index.h("svg", { key: '99ee4d77c26e1cc4b84052907ef6d628f94b3937', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true", fill: this.getHex() }, shapes[parseInt(this.variation) - 1])));
+        return (index.h(index.Host, { key: '12322c170148297bfb743e359817b27490530d9a', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-rotation-${this.rotation}`).class()) }, index.h("svg", { key: '701ece673d80f3096f3a447de10904f2f5560a37', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true", fill: this.getHex() }, shapes[parseInt(this.variation) - 1])));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-sheet.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var bem = require('./bem-p0PWVN8n.js');
 
 const balSheetCss = ":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";
@@ -18,7 +18,7 @@ const Sheet = class {
         const container = block.element('container');
         const containerInner = container.element('inner');
         const containerModifier = this.containerSize !== '' ? `is-${this.containerSize}` : '';
-        return (index.h(index.Host, { key: 'e38d3e613314a1502b6b1a6eb77e212de467af3c', class: Object.assign({}, block.class()) }, index.h("div", { key: '7d71e2959eb213f6cc243d9b8e91d1c69a5f9e1a', class: Object.assign(Object.assign({}, container.class()), { container: true, [containerModifier]: true }) }, index.h("div", { key: '7712cfd94666fc628912db7b7f786bab530030e3', class: Object.assign({}, containerInner.class()) }, index.h("slot", { key: '0eebab4aa2bc379b4c7dd4fa0cd5a9f0ad2b76eb' })))));
+        return (index.h(index.Host, { key: '75dd6a91f8ac6d45412ae20453935668cb571e7f', class: Object.assign({}, block.class()) }, index.h("div", { key: '75aa66d83f6a6330b9e3d36a703fb82ab11bd015', class: Object.assign(Object.assign({}, container.class()), { container: true, [containerModifier]: true }) }, index.h("div", { key: 'd6a97321e5db3a2c8ba252fb845228ba6371de67', class: Object.assign({}, containerInner.class()) }, index.h("slot", { key: 'f16331a11a842d719d494fb72db56fe0423aeb05' })))));
     }
 };
 Sheet.style = balSheetCss;

package/dist/cjs/bal-spinner.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
-var config_decorator = require('./config.decorator-CDkNZ1Fo.js');
+var config_decorator = require('./config.decorator-CQRDZ01U.js');
 
 const balSpinnerCss = "bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
 
@@ -156,7 +156,7 @@ const Spinner = class {
      */
     render() {
         const block = bem.BEM.block('spinner');
-        return (index.h(index.Host, { key: '5604f6e34571f92e51972754c5bb6d3cc894afbf', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
+        return (index.h(index.Host, { key: '61330569cf09ee4964ef809792f354d060419b62', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-stack.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
 
@@ -83,7 +83,7 @@ const Stack = class {
         if (alignment) {
             alignValue = this.alignment.split(' ').join('-');
         }
-        return (index.h(index.Host, { key: '8ad1e4d017a753e16e7aa4b2aeae237557294345', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`use-wrap`).class(useWrap)), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`space-row-${this.spaceRow}`).class(spaceRow)), block.modifier(`space-row-${this.spaceColumn}`).class(spaceColumn)), block.modifier(`px-${this.px}`).class(px)), block.modifier(`py-${this.py}`).class(py)), block.modifier(`fit-content`).class(fitContent)) }, index.h("slot", { key: '7b42c4eb98bf8936a5c23934858b3a41b763bba5' })));
+        return (index.h(index.Host, { key: '221668cc1bec71015c1616e156bd7805dc583c6c', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`use-wrap`).class(useWrap)), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`space-row-${this.spaceRow}`).class(spaceRow)), block.modifier(`space-row-${this.spaceColumn}`).class(spaceColumn)), block.modifier(`px-${this.px}`).class(px)), block.modifier(`py-${this.py}`).class(py)), block.modifier(`fit-content`).class(fitContent)) }, index.h("slot", { key: '2cd538d3e31d76403cbc1bd61ac518a5f2dcc6a5' })));
     }
 };
 tslib_es6.__decorate([

package/dist/cjs/bal-stage_6.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var bem = require('./bem-p0PWVN8n.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 
@@ -58,7 +58,7 @@ const Stage = class {
     render() {
         const block = bem.BEM.block('stage');
         const element = bem.BEM.block('stage-content');
-        return (index.h(index.Host, { key: '4a58b984bc3bd0603b2d6941ded244c9d3c851f7', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.size === '' ? 'medium' : this.size}`).class()), block.modifier(`is-${this.color}`).class(!!this.color)), block.modifier('has-shape').class(!!this.shape)), style: { '--bal-stage-container-width': this.getContainerWidth() } }, index.h("section", { key: 'a7a7774a676224d6c6b42b38b649c98d5ca52e6e', class: Object.assign(Object.assign({}, element.class()), { container: true, [`${this.containerClass}`]: this.containerSize !== '' }) }, index.h("slot", { key: 'cf39f71e8a50bb22011b708226154f0ddd93fe6a' }), this.shape && (index.h("div", { key: '570123c02e53b5845efeec8ba5fe9e01423f9d36', class: { container: true, [`${this.containerClass}`]: this.containerSize !== '' } }, index.h("bal-shape", { key: '85157c5c0b9fec1d3780dac60234842ad9654cef', color: this.color, variation: this.shapeVariation, rotation: this.shapeRotation }))))));
+        return (index.h(index.Host, { key: '0a0f187c1f276c239346ce3f8cebcc0dbb78aafb', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.size === '' ? 'medium' : this.size}`).class()), block.modifier(`is-${this.color}`).class(!!this.color)), block.modifier('has-shape').class(!!this.shape)), style: { '--bal-stage-container-width': this.getContainerWidth() } }, index.h("section", { key: '74dee713cafc1bb4bc420b8614f6a3cd5e938600', class: Object.assign(Object.assign({}, element.class()), { container: true, [`${this.containerClass}`]: this.containerSize !== '' }) }, index.h("slot", { key: 'db3dcfa410828da23c0fcc888f53cd110992a847' }), this.shape && (index.h("div", { key: '586c8b26d0d00d7073bd4dde471302037f0446ea', class: { container: true, [`${this.containerClass}`]: this.containerSize !== '' } }, index.h("bal-shape", { key: 'cf707bdfc9937d0fbe2a62080dbe2eda2771973d', color: this.color, variation: this.shapeVariation, rotation: this.shapeRotation }))))));
     }
 };
 Stage.style = balStageCss;
@@ -77,10 +77,10 @@ const StageBackLink = class {
     }
     render() {
         const block = bem.BEM.block('stage-back-link');
-        return (index.h(index.Host, { key: 'ebc6bf193fec51360b0d6fdd7c60a7edff47a1f7', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, index.h("a", { key: '7504839dfd241c55cd2744db3da98f13dadc23f0', class: {
+        return (index.h(index.Host, { key: '8a96e969901e8dbb9e29587c7bfac3aa475331f3', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, index.h("a", { key: '488c839fe831fbaf64703a0e3ad3fe80caef2968', class: {
                 'link': true,
                 'is-inverted': this.inverted,
-            }, href: this.href, rel: this.rel }, index.h("bal-icon", { key: '8729a6d1227e15163242008bc27e94f275799b25', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), index.h("slot", { key: 'bc3f85fd7cd1b1b86320e16c2dc3626c608bf606' }))));
+            }, href: this.href, rel: this.rel }, index.h("bal-icon", { key: '12ced75ad0f38cb7a7ef0f70b9cf5babbaf13842', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), index.h("slot", { key: 'f9bb274429697778e37dab9d89f91315230c93f3' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -91,7 +91,7 @@ const StageBody = class {
     }
     render() {
         const block = bem.BEM.block('stage-body');
-        return (index.h(index.Host, { key: 'fc3fafba94f4c87b7e88494e43acf9c5b080a375', class: Object.assign({}, block.class()) }, index.h("slot", { key: '4433e37642c9851fe966cedc3a19e310bd6d01e9' })));
+        return (index.h(index.Host, { key: '02186af6d627121ecd4f6e1ed64fe02f31f39c38', class: Object.assign({}, block.class()) }, index.h("slot", { key: '0c48731c5a7e2bbcdaddaf984dfa89e282ac437e' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -101,7 +101,7 @@ const StageFoot = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1d3ba006d2d6aafe5795cdb2f59d9cb02822c927', class: "hero-foot" }, index.h("slot", { key: '2c24fa40d9505b5b7b673d99d7b831161372e35b' })));
+        return (index.h(index.Host, { key: '04004ec95c9a7698132f56c9efa511c02d157965', class: "hero-foot" }, index.h("slot", { key: '1bdac86f51886901490c1a8fe74fb53f1eb3568f' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -111,7 +111,7 @@ const StageHead = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '833e55891f0d094860fe8b748f3021b79a026ad6', class: "hero-head" }, index.h("slot", { key: 'da91f59134b4ff29cd2a234875733ffd83213973' })));
+        return (index.h(index.Host, { key: '77f405fb5a84be341f5709ea9451fd5b01eae1a5', class: "hero-head" }, index.h("slot", { key: '7b93751fe0fd796422cdf0d669404bf22f1312c8' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -133,7 +133,7 @@ const StageImage = class {
     render() {
         const block = bem.BEM.block('stage-image');
         const imageSrc = this.fallback ? this.fallback : this.srcSet.split(',')[0];
-        return (index.h(index.Host, { key: 'ff992ad8c9c0481c5f75670eecd472ca0e972bb5', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (index.h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
+        return (index.h(index.Host, { key: 'b587dc5614e4d0a355712bc09fd28d2848469ca5', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (index.h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-step-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 
 const StepItem = class {
@@ -85,10 +85,10 @@ const StepItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '1aafa11a4ca3f70e99d4ae73ae57b5a97044a757', role: "tabpanel", class: {
+        return (index.h(index.Host, { key: '2345808b69d02adaa4c8398e9826accb724f0571', role: "tabpanel", class: {
                 'bal-step-item': true,
                 'bal-step-item--active': this.isActive,
-            } }, index.h("slot", { key: 'bed7fb1b783d7ab29c32d49c29e5143bbf1f0147' })));
+            } }, index.h("slot", { key: 'a79cdedd49fdac1b556a92e5c905b124a9583128' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-steps.cjs.entry.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
 var array = require('./array-Db63Hhl1.js');
-var formInput = require('./form-input-BUGd2Bkz.js');
+var formInput = require('./form-input-C8gIh4D6.js');
 var balStep_util = require('./bal-step.util-DQcaqybX.js');
-var mutation_decorator = require('./mutation.decorator-DyFafPfX.js');
-var breakpoints_subject = require('./breakpoints.subject-CidQD5zH.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DLXGwQpP.js');
+var mutation_decorator = require('./mutation.decorator-DPig03Ej.js');
+var breakpoints_subject = require('./breakpoints.subject-DsbiTElZ.js');
+var breakpoints_decorator = require('./breakpoints.decorator-BSEpzMB7.js');
 require('./index-BZ67Dcnb.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-BobQkZjn.js');
-require('./listener-t3ifJtK5.js');
-require('./device-CoI0V6AY.js');
-require('./tokens.esm-DU04pfsc.js');
+require('./listener-uDpu-o5_.js');
+require('./device-CGF-jwuI.js');
+require('./tokens.esm-DDxoq3-N.js');
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = bem.BEM.block('steps').element('nav').element('item').element('icon');

package/dist/cjs/bal-switch.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var bem = require('./bem-p0PWVN8n.js');
 
 const balSwitchCss = ":root{--bal-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-border-primary-pressed);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-pressed-after:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-checkbox-switch-label-background-invalid-checked-hovered-before:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-checked-pressed-before:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white)}.bal-switch{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:start;justify-content:flex-start;-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:2.5rem;height:1.5rem;padding:.25rem;border-radius:var(--bal-radius-rounded);overflow:hidden;background:var(--bal-checkbox-switch-label-background-before)}@media (hover: hover)and (pointer: fine){.bal-switch--hovered,.bal-switch:hover{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--hovered .bal-switch__toggle,.bal-switch:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-hover-after)}}.bal-switch--pressed,.bal-switch:active{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--pressed .bal-switch__toggle,.bal-switch:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-pressed-after)}.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-checked-before)}.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}@media (hover: hover)and (pointer: fine){.bal-switch--checked.bal-switch--hovered,.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-checked-hover-before)}.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}}.bal-switch--checked.bal-switch--pressed,.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-checked-active-before)}.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch--invalid{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-after)}@media (hover: hover)and (pointer: fine){.bal-switch--invalid.bal-switch--hovered,.bal-switch--invalid:hover{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-hover-after)}}.bal-switch--invalid.bal-switch--pressed,.bal-switch--invalid:active{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-pressed-after)}.bal-switch--invalid.bal-switch--checked.bal-switch,.bal-switch--invalid.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-invalid-checked-before)}.bal-switch--invalid.bal-switch--checked.bal-switch .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered,.bal-switch--invalid.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-invalid-checked-hovered-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed,.bal-switch--invalid.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-invalid-checked-pressed-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--disabled,.bal-switch--disabled:hover,.bal-switch--disabled:active{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-before)}.bal-switch--disabled .bal-switch__toggle,.bal-switch--disabled:hover .bal-switch__toggle,.bal-switch--disabled:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-after)}.bal-switch--disabled.bal-switch--checked,.bal-switch--disabled.bal-switch--checked:hover,.bal-switch--disabled.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-switch--disabled.bal-switch--checked .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:hover .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-after);border-radius:50%;position:absolute;top:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}.bal-switch__toggle--checked{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-icon{position:absolute}.bal-icon .bal-switch__icon--checked{opacity:1}.bal-icon .bal-switch__icon{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}";

package/dist/cjs/bal-tab-item_2.cjs.entry.js

@@ -1,31 +1,31 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
-var animation_decorator = require('./animation.decorator-BeUy1FNI.js');
+var animation_decorator = require('./animation.decorator-BQs2AITt.js');
 var array = require('./array-Db63Hhl1.js');
 var bem = require('./bem-p0PWVN8n.js');
-var breakpoints_subject = require('./breakpoints.subject-CidQD5zH.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DLXGwQpP.js');
-var config_decorator = require('./config.decorator-CDkNZ1Fo.js');
-var formInput = require('./form-input-BUGd2Bkz.js');
-var mutation_decorator = require('./mutation.decorator-DyFafPfX.js');
-require('./window-resize.subject-GSXXkOcC.js');
-var resize_decorator = require('./resize.decorator-B_NiBCMZ.js');
-var swiper_util = require('./swiper.util-nyFqwHcs.js');
-var swipe_decorator = require('./swipe.decorator-CNDcaR9i.js');
-var visibility_decorator = require('./visibility.decorator-C7uDX3Z3.js');
+var breakpoints_subject = require('./breakpoints.subject-DsbiTElZ.js');
+var breakpoints_decorator = require('./breakpoints.decorator-BSEpzMB7.js');
+var config_decorator = require('./config.decorator-CQRDZ01U.js');
+var formInput = require('./form-input-C8gIh4D6.js');
+var mutation_decorator = require('./mutation.decorator-DPig03Ej.js');
+require('./window-resize.subject-BT9wsOzd.js');
+var resize_decorator = require('./resize.decorator-BCRm5MT8.js');
+var swiper_util = require('./swiper.util-ovY-Y7w8.js');
+var swipe_decorator = require('./swipe.decorator-CL9n3sPQ.js');
+var visibility_decorator = require('./visibility.decorator-BG3QR7oi.js');
 var balTab_util = require('./bal-tab.util-DFGwGbfr.js');
 var aria = require('./aria-BzkqcV7W.js');
-require('./listener-t3ifJtK5.js');
+require('./listener-uDpu-o5_.js');
 require('./index-BZ67Dcnb.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-BobQkZjn.js');
-require('./device-CoI0V6AY.js');
-require('./tokens.esm-DU04pfsc.js');
+require('./device-CGF-jwuI.js');
+require('./tokens.esm-DDxoq3-N.js');
 require('./keyboard.helpers-BkZpVT-9.js');
-require('./swipe.subject-DtAxEK8t.js');
+require('./swipe.subject-C6ExuqLB.js');
 
 const TabItem = class {
     constructor(hostRef) {
@@ -142,10 +142,10 @@ const TabItem = class {
     render() {
         const hasPanel = !this.noPanel;
         const noPanelOrInactive = !this.isActive || this.noPanel;
-        return (index.h(index.Host, { key: '404225fa81eca41461e3815c6aebf4140fef9d6f', id: this.tabPanelID, class: {
+        return (index.h(index.Host, { key: 'ea8b57f4e18fa578890557272a49df5923aff8f9', id: this.tabPanelID, class: {
                 'bal-tab-item': true,
                 'bal-tab-item--active': this.isActive,
-            }, role: hasPanel ? 'tabpanel' : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', "aria-labelledby": this.tabsId ? `${this.tabsId}-button-${this.value}` : undefined, tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, index.h("slot", { key: '8c97e95d9b6a836d3abeb3f5fe205039e0449cc4' })));
+            }, role: hasPanel ? 'tabpanel' : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', "aria-labelledby": this.tabsId ? `${this.tabsId}-button-${this.value}` : undefined, tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, index.h("slot", { key: 'acfd6ce55e564b140706e6f087e839017c782d1f' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -930,9 +930,9 @@ const Tabs = class {
             .filter(t => this.isTabActive(t))
             .map(t => t.label)
             .join(',');
-        return (index.h(index.Host, { key: '69d96a45fe17ef7cf2c6acf7a59acb080f434f37', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated && this.isTabList)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (index.h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (index.h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, ariaLabel: this.inheritAttributes['aria-label'], accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated && this.isTabList, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), index.h("div", { key: 'e0f122fe69cde2029ef069fa99b7c08176e62a31', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
+        return (index.h(index.Host, { key: '3267a20023f5e0c323745180e026915aec06f080', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated && this.isTabList)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (index.h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (index.h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, ariaLabel: this.inheritAttributes['aria-label'], accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated && this.isTabList, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), index.h("div", { key: '682917aa8bc4da273c75c56c687dc7c77d9e1196', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
                 .modifier('hidden')
-                .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, index.h("div", { key: 'bbbaad45e23863e488b6f7246f7112596ba50f1d', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, index.h("slot", { key: 'e5dfe7d80380bc1f3eff95d5391375af110a1440' })))));
+                .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, index.h("div", { key: '3fadfdec8130d22f895bb8b79d223b2efc69c40c', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, index.h("slot", { key: '48fa51c202f8b400f2b2f3e0df2eae96c752cede' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-table.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var bem = require('./bem-p0PWVN8n.js');
 
 const balTableCss = ".bal-table{display:block;position:static}.bal-table--is-fullwidth{display:-ms-flexbox;display:flex;width:100%}bal-checkbox .bal-checkbox__label::before{top:0}bal-checkbox .bal-checkbox__label::after{margin-top:0px}";
@@ -17,7 +17,7 @@ const Table = class {
         const block = bem.BEM.block('table');
         const fullwidthClass = 'is-fullwidth';
         const hasFullwidth = this.expanded;
-        return (index.h(index.Host, { key: '21e3f6eb26b7cfb05a6fdf94a3ba32ca62052e4c', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, index.h("slot", { key: 'd5c278f8453e5b2795d32c2f0d18971a1b63203d' })));
+        return (index.h(index.Host, { key: 'c3666abb26f5837aa6c7b3beda7cb86b12c513a6', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, index.h("slot", { key: 'b5c6c626cefffe3f170ebc1125ac7b26fff63b8b' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-tag_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var bem = require('./bem-p0PWVN8n.js');
 var aria = require('./aria-BzkqcV7W.js');
@@ -62,7 +62,7 @@ const Tag = class {
         const hasDisabled = this.disabled;
         const positionClass = `is-${this.position}`;
         const hasPosition = this.position !== undefined;
-        return (index.h(index.Host, Object.assign({ key: '3871533f1c7f6decbaa5b4f64f76fe8f216cfff0', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), index.h("span", { key: 'acc42dcb6273fe49f6d094cd6a2ced41d81e8555', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, index.h("slot", { key: '2a25dd578fe0694ea90e71167ee1f98b0298dea5' })), index.h("bal-close", Object.assign({ key: 'ac645b9a82109c39e9e509b78bd856b986699e9d', class: Object.assign({}, block.element('close').class()), style: {
+        return (index.h(index.Host, Object.assign({ key: 'b3dd6ad7f05f23340c3df01bd4f184edfb5ce37d', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), index.h("span", { key: '910e9044e5747f04dfc03e08adb1e2a76eaf8987', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, index.h("slot", { key: '89969c3a499afe92277d50d98305069661cb0eb9' })), index.h("bal-close", Object.assign({ key: 'b56f1ade26b9b3225948a40b0f47b966477169cd', class: Object.assign({}, block.element('close').class()), style: {
                 display: this.closable && !this.disabled ? 'flex' : 'none',
             }, size: this.size === 'small' ? 'small' : '', inverted: (['blue', 'primary', 'info', 'success', 'warning', 'danger', 'red', 'purple', 'yellow', 'green'].includes(this.color) &&
                 !this.light) ||
@@ -77,7 +77,7 @@ const TagGroup = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2f70efec055a3d379dd24376bd2f899b89475b0e', class: "bal-tag-group" }, index.h("slot", { key: '1d823341b709ae48b9b706644756f9729021c78d' })));
+        return (index.h(index.Host, { key: '0ab0e65bef811da56fe8acea596100fa62a0167a', class: "bal-tag-group" }, index.h("slot", { key: '405f949e333e3e0995a1ec4eb4160b8513d20785' })));
     }
 };
 

package/dist/cjs/bal-textarea.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
-var formInput = require('./form-input-BUGd2Bkz.js');
+var index = require('./index-wO-C-tKN.js');
+var formInput = require('./form-input-C8gIh4D6.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var bem = require('./bem-p0PWVN8n.js');
 var form = require('./form-BSlIiqcR.js');
@@ -146,7 +146,7 @@ const Textarea = class {
         const value = this.getValue();
         const block = bem.BEM.block('textarea');
         const elNative = block.element('native');
-        return (index.h(index.Host, { key: '58fb6cd0932b1ddedc979d160ad17c836b5f8af3', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("textarea", Object.assign({ key: 'c30549a4a89ebd2f0f26eb1d79fca74a3ed0fd31', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, index.h("slot", { key: '3e42186b43bb6b7d535c008c74b03ef4981f2fd8' }))));
+        return (index.h(index.Host, { key: 'a01f3beba2e446382ad3c9119fc60557fb47b079', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("textarea", Object.assign({ key: '0564a24c6cf54e62c1943ee0c3f1c50a0ad20c7b', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, index.h("slot", { key: 'fef46b6265d2662e61f14bebcecc2f95a89ae735' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-time-input.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var index$1 = require('./index-BZ67Dcnb.js');
-var config_decorator = require('./config.decorator-CDkNZ1Fo.js');
-var formInput = require('./form-input-BUGd2Bkz.js');
+var config_decorator = require('./config.decorator-CQRDZ01U.js');
+var formInput = require('./form-input-C8gIh4D6.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var keys_constant = require('./keys.constant-LnwxHAZo.js');
 var bem = require('./bem-p0PWVN8n.js');
@@ -166,7 +166,7 @@ const TimeInput = class {
         const value = this.focused ? this.getRawValue() : this.getFormattedValue();
         const block = bem.BEM.block('time-input');
         const native = block.element('native');
-        return (index.h(index.Host, { key: '861d334de5dff26f7140820beeefbdaac4124dae', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: '68257b5929a1014a9d00a417d17e8a1c6968269b', disabled: this.disabled || this.readonly, invalid: this.invalid }, index.h("input", Object.assign({ key: 'f4c1f2754aaabf8dacc047c6901aea70310520d4', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${balTimeInput_i18n.i18nBalTimeInput[this.language].hours}:${balTimeInput_i18n.i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), index.h("bal-icon", { key: 'f1854a2f66fe680b5a36466b5158b9be1f72fa3c', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
+        return (index.h(index.Host, { key: '08e84d662869b2be26f27b063cc0d6557965f067', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: 'b0eff519cc558bc6294c42690196f28c4320888a', disabled: this.disabled || this.readonly, invalid: this.invalid }, index.h("input", Object.assign({ key: 'be986e3a300ecfb91bf76fc12b5efb372e9d6809', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${balTimeInput_i18n.i18nBalTimeInput[this.language].hours}:${balTimeInput_i18n.i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), index.h("bal-icon", { key: '87b4d33a7e9e46d5ae6b719a7b0f4d1c145606e1', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-tooltip.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-COfbtsc7.js');
+var index = require('./index-wO-C-tKN.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
-var device = require('./device-CoI0V6AY.js');
-var floatingUi = require('./floating-ui-BEMfzblh.js');
+var device = require('./device-CGF-jwuI.js');
+var floatingUi = require('./floating-ui-m-JX9fOD.js');
 
 const showContainerElement = (containerEl) => {
     if (containerEl) {
@@ -256,7 +256,7 @@ const Tooltip = class {
         const arrowBlock = block.element('arrow');
         const innerBlock = block.element('inner');
         const innerContentBlock = innerBlock.element('content');
-        return (index.h(index.Host, { key: '0d4c212b2fc53455951d404533f2edee8032a022', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, index.h("div", { key: '33331b2e7e10c448fd3ee2031d15ac6e328237d8', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, index.h("div", { key: 'e85f45f6f548350d35c11ad4bbf287022daba636', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: '33445925363c46f16f06c160a90ea811f2abdc60', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '71a9d997a4fdcd5081bd69a3922918c109278377', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, index.h("slot", { key: 'df311a2293e02dfe52234ee77815f6e996647736' }))))));
+        return (index.h(index.Host, { key: '0226fd1bc2a64d663243786b4be6ed70a0409b74', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, index.h("div", { key: 'c8ddbe4d151910bf2440aebdd949c3060ddee149', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, index.h("div", { key: '5e9971cdb3094856cd682f5788da4fbd0be2dec8', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: '081f529a6776eaa2a490fa6c48e490f656756e87', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '4556d2ed17990884b0ea62c83c087548b36410ab', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, index.h("slot", { key: '5effb4345fed840fce006489ad1004eae0764369' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {