@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
-var mutation_decorator = require('./mutation.decorator-C3JICFwA.js');
 var form = require('./form-BSlIiqcR.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var mutation_decorator = require('./mutation.decorator-BolUYaKD.js');
 var bem = require('./bem-p0PWVN8n.js');
-require('./bal-file-upload.type-BzNkF3YQ.js');
-var breakpoints_subject = require('./breakpoints.subject-DyM7928g.js');
-var breakpoints_decorator = require('./breakpoints.decorator-Bcx5bHdk.js');
-require('./date-CA-bG6cD.js');
-require('./window-resize.subject-AALAxaW0.js');
-require('./listener-h1eTpBYL.js');
-require('./device-CrnZOym8.js');
-require('./tokens.esm-yrgVVjY8.js');
+var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
+require('./listener-DspXpqzY.js');
+require('./device-CoogBamh.js');
+require('./tokens.esm-CNpvwEnI.js');
 
 const balFieldCss = ":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";
 
@@ -137,8 +137,8 @@ const Field = class {
         await this.syncAriaAttributes();
     }
     async syncAriaAttributes() {
-        await index.deepReady(this.el);
-        await index.waitAfterFramePaint();
+        await helpers.deepReady(this.el);
+        await helpers.waitAfterFramePaint();
         const label = this.findDirectChild('bal-field-label bal-label');
         const message = this.findDirectChild('bal-field-message');
         const controls = this.findDirectChildren([
@@ -203,12 +203,12 @@ const Field = class {
         components.forEach(c => callback(c));
     }
     render() {
-        return (index.h(index.Host, { key: '2d5f00847eed504077334ab0a99e7d8ec2d5e933', id: this.fieldId, class: {
+        return (index.h(index.Host, { key: 'ce893d29bd46dbe6b7646c28410a86b9171661b9', id: this.fieldId, class: {
                 'bal-field': true,
                 'field': true,
                 'bal-field--invalid': this.invalid === true,
                 'bal-field--horizontal': this.horizontal === true,
-            } }, index.h("slot", { key: '7e84f2c3b7a5070c3d44616d4f61c798ed201708' }), index.h("span", { key: 'b7999bd90707cf04144c23ee94cf6ef5e8605ba1', class: "bal-field-hidden" })));
+            } }, index.h("slot", { key: '9ed0398262848664e0b6e4491bb7c0af45da341d' }), index.h("span", { key: '6cddb052cb69b66ccb29f3c9e2f70723557da014', class: "bal-field-hidden" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-file-upload.cjs.entry.js

@@ -1,16 +1,20 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
+var aria = require('./aria-BzkqcV7W.js');
 var array = require('./array-Db63Hhl1.js');
-var formInput = require('./form-input-DBZuEpuy.js');
+var form = require('./form-BSlIiqcR.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var log = require('./log-CXDMiw7o.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var bem = require('./bem-p0PWVN8n.js');
 var balFileUpload_type = require('./bal-file-upload.type-BzNkF3YQ.js');
-var form = require('./form-BSlIiqcR.js');
-var aria = require('./aria-BzkqcV7W.js');
 require('./index-BZ67Dcnb.js');
 require('./index-BobQkZjn.js');
+require('./helpers-HuaiWXrB.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
 
 var lib = {};
 
@@ -69,18 +73,9 @@ var fileSize = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(libExports)
 
 const bemListEl = bem.BEM.block('file-upload').element('list');
 const FileListComponent = ({ files, disabled, subTitle, onRemoveFile, }) => {
-    return (index.h("bal-card", { class: Object.assign({}, bemListEl.class()), flat: true },
-        index.h("bal-list", { disabled: disabled, border: true, size: "large" }, files.map((file, index$1) => (index.h("bal-list-item", { key: file.name, disabled: disabled },
-            index.h("bal-list-item-icon", null,
-                index.h("bal-icon", { name: "document" })),
-            index.h("bal-list-item-content", null,
-                index.h("bal-list-item-title", null, file.name),
-                index.h("bal-list-item-subtitle", null, subTitle ? subTitle(file) : fileSize(file.size))),
-            index.h("bal-list-item-icon", { right: true, class: {
-                    'file-remove': true,
-                } },
-                index.h("button", { class: "button is-square is-danger", disabled: disabled, onClick: event => onRemoveFile(event, index$1) },
-                    index.h("bal-icon", { name: "trash", color: disabled ? 'grey' : 'danger' })))))))));
+    return (index.h("bal-card", { class: Object.assign({}, bemListEl.class()), flat: true }, index.h("bal-list", { disabled: disabled, border: true, size: "large" }, files.map((file, index$1) => (index.h("bal-list-item", { key: file.name, disabled: disabled }, index.h("bal-list-item-icon", null, index.h("bal-icon", { name: "document" })), index.h("bal-list-item-content", null, index.h("bal-list-item-title", null, file.name), index.h("bal-list-item-subtitle", null, subTitle ? subTitle(file) : fileSize(file.size))), index.h("bal-list-item-icon", { right: true, class: {
+            'file-remove': true,
+        } }, index.h("button", { class: "button is-square is-danger", disabled: disabled, onClick: event => onRemoveFile(event, index$1) }, index.h("bal-icon", { name: "trash", color: disabled ? 'grey' : 'danger' })))))))));
 };
 
 /**
@@ -383,16 +378,16 @@ const FileUpload = class {
      */
     render() {
         const id = this.ariaForm.controlId || this.fileUploadId;
-        return (index.h(index.Host, { key: 'dc5b0ffa01094b304728a6bd20e8364ee410c877', onClick: this.onHostClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: {
+        return (index.h(index.Host, { key: '438044d74c8a20cee269a65e7492a19c800c8f60', onClick: this.onHostClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: {
                 'bal-file-upload': true,
-            } }, index.h("div", { key: 'fa20226a3185331523ede065a729410b7a1469d6', class: {
+            } }, index.h("div", { key: 'ea6316e2f4765d3385c0fc38d1dd6e9b55d711d0', class: {
                 'file': true,
                 'is-disabled': this.disabled || this.readonly || this.loading,
                 'is-danger': this.invalid,
-            } }, index.h("label", { key: 'a27ba82c67898305a907a24c1a5101c78d4c0859', htmlFor: id, ref: el => (this.labelEl = el), class: {
+            } }, index.h("label", { key: 'a75f2f2f116c6c9f7672ddbbfe2d4636039d2c64', htmlFor: id, ref: el => (this.labelEl = el), class: {
                 'file-label': true,
                 'is-disabled': this.disabled || this.loading || this.readonly,
-            } }, index.h("input", { key: '7ee35dcb15d921f92a7055a4234d710253282f03', class: "file-input", type: "file", id: id, "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, multiple: this.multiple, disabled: this.disabled || this.loading || this.readonly, readonly: this.readonly, required: this.required, accept: this.accept, onClick: this.onInputClick, onChange: this.onInputChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, ref: el => (this.nativeInput = el), "data-testid": "bal-file-upload-input" }), this.loading ? (index.h("span", { class: "file-cta" }, index.h("bal-spinner", null))) : (index.h("span", { class: "file-cta" }, index.h("span", { class: "file-icon" }, index.h("bal-icon", { name: "upload", size: "medium", color: this.disabled || this.loading || this.readonly ? 'grey-light' : this.invalid ? 'danger' : 'blue' })), index.h("span", { class: "file-label", "data-testid": "bal-file-upload-label" }, this.label))))), this.hasFileList && this.files.length > 0 ? (index.h(FileListComponent, { files: this.files, disabled: this.disabled || this.readonly || this.loading, subTitle: this.subTitle, onRemoveFile: this.onRemoveFile })) : ('')));
+            } }, index.h("input", { key: '2ab53c147961166e12b4cab0fa0e0862557a325f', class: "file-input", type: "file", id: id, "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, multiple: this.multiple, disabled: this.disabled || this.loading || this.readonly, readonly: this.readonly, required: this.required, accept: this.accept, onClick: this.onInputClick, onChange: this.onInputChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, ref: el => (this.nativeInput = el), "data-testid": "bal-file-upload-input" }), this.loading ? (index.h("span", { class: "file-cta" }, index.h("bal-spinner", null))) : (index.h("span", { class: "file-cta" }, index.h("span", { class: "file-icon" }, index.h("bal-icon", { name: "upload", size: "medium", color: this.disabled || this.loading || this.readonly ? 'grey-light' : this.invalid ? 'danger' : 'blue' })), index.h("span", { class: "file-label", "data-testid": "bal-file-upload-label" }, this.label))))), this.hasFileList && this.files.length > 0 ? (index.h(FileListComponent, { files: this.files, disabled: this.disabled || this.readonly || this.loading, subTitle: this.subTitle, onRemoveFile: this.onRemoveFile })) : ('')));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -400,7 +395,7 @@ const FileUpload = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-file-upload'),
+    log.Logger('bal-file-upload'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

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

@@ -1,16 +1,21 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var index_esm = require('./index.esm-CKDqUwIC.js');
 var bem = require('./bem-p0PWVN8n.js');
-var config_decorator = require('./config.decorator-D_YTqpYj.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var log = require('./log-CXDMiw7o.js');
 var svg = require('./svg-Bw61tXih.js');
+var config_utils = require('./config.utils-Civnz2jT.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
 require('./index-BZ67Dcnb.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-BobQkZjn.js');
 require('./index-C413E-IK.js');
 require('./index-ifu9fMyU.js');
+require('./browser-BwmkTmm8.js');
 
 const i18nBalFooter = {
     en: {
@@ -53,9 +58,9 @@ const Footer = class {
         this.logoSvgContent = '';
         this.links = [];
         this.socialMediaLinks = [];
-        this.language = index.defaultConfig.language;
-        this.region = index.defaultConfig.region;
-        this.allowedLanguages = index.defaultConfig.allowedLanguages;
+        this.language = config_default.defaultConfig.language;
+        this.region = config_default.defaultConfig.region;
+        this.allowedLanguages = config_default.defaultConfig.allowedLanguages;
         /**
          * PUBLIC PROPERTY API
          * ------------------------------------------------------
@@ -121,7 +126,7 @@ const Footer = class {
      * ------------------------------------------------------
      */
     changeLanguage(language) {
-        index.updateBalLanguage(language);
+        config_utils.updateBalLanguage(language);
     }
     updateFooterLinks() {
         if (this.overrideLinks) {
@@ -130,7 +135,7 @@ const Footer = class {
         else if (!this.hideLinks && (this.region === 'CH' || this.region === 'DE')) {
             // The following footer links only apply to swiss and german applications
             const region = this.region;
-            index.rIC(() => {
+            helpers.rIC(() => {
                 index_esm.loadFooterLinks(new index_esm.Language(this.language), region).then(links => (this.links = links));
             });
         }
@@ -139,7 +144,7 @@ const Footer = class {
         if (this.showSocialMedia && (this.region === 'CH' || this.region === 'DE')) {
             // The following footer links only apply to swiss and german applications
             const region = this.region;
-            index.rIC(() => {
+            helpers.rIC(() => {
                 index_esm.loadSocialMediaLinks(new index_esm.Language(this.language), region).then(links => (this.socialMediaLinks = links));
             });
         }
@@ -179,7 +184,7 @@ const Footer = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-footer'),
+    log.Logger('bal-footer'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

package/dist/cjs/bal-form-col_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 
 const FormCol = class {
     constructor(hostRef) {
@@ -9,7 +9,7 @@ const FormCol = class {
         this.size = 'full';
     }
     render() {
-        return (index.h(index.Host, { key: 'dcafe25da97b6d53f8c70cb13ba63be2dc9214ef', class: {
+        return (index.h(index.Host, { key: 'd2157c5ff125226d4d2825f97302196de41483fd', class: {
                 [`${this.colClass}`]: true,
                 'py-none': true,
                 'touch:is-12': true,
@@ -19,7 +19,7 @@ const FormCol = class {
                 'is-8': this.size === 'two-thirds',
                 'is-3': this.size === 'one-quarter',
                 'is-9': this.size === 'three-quarters',
-            } }, index.h("slot", { key: '153dee19ecee905bd5bc7cf624a4e26ff883d50c' })));
+            } }, index.h("slot", { key: '25c2e4928d8aee7a28bb4dd554b3fb2090dd29e2' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,7 +1,10 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var form = require('./form-BSlIiqcR.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
 
 const balFormCss = ".bal-form{display:block;position:static}";
 
@@ -25,8 +28,8 @@ const Form = class {
      * Scrolls to the first invalid field inside this form component.
      */
     async scrollToFirstInvalidField() {
-        await index.waitAfterIdleCallback();
-        await index.waitAfterFramePaint();
+        await helpers.waitAfterIdleCallback();
+        await helpers.waitAfterFramePaint();
         form.scrollToFirstInvalidField({ formEl: this.el });
     }
     render() {
@@ -37,7 +40,7 @@ const Form = class {
                 novalidate: this.novalidate,
             };
         }
-        return (index.h(index.Host, { key: '1598e29d7763c06aeebe9ae70e4ad27695c9796d' }, index.h(NativeEl, Object.assign({ key: '140fa29ca7900623d52da99ffc5f9bd6db72cd97' }, attrs, { class: this.formClass }), index.h("slot", { key: '1797bdbc8f4f70b50c5d193acea0569e977d8a81' }))));
+        return (index.h(index.Host, { key: 'd25c1b6664e41d72f2d2c5b2ad6532fa184d66bf' }, index.h(NativeEl, Object.assign({ key: '37eefa8920cf3fb639d235d7b21cb7a44be6bd06' }, attrs, { class: this.formClass }), index.h("slot", { key: '7eff7f47f3fd4732988e17944be73373e6133e32' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,7 +1,8 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
+var browser = require('./browser-BwmkTmm8.js');
 
 const HEADING_TAGS = {
     'display': 'h1',
@@ -133,7 +134,7 @@ const Heading = class {
      * ------------------------------------------------------
      */
     get rows() {
-        if (this.headingEl && index.balBrowser.hasWindow) {
+        if (this.headingEl && browser.balBrowser.hasWindow) {
             const computedStyle = window.getComputedStyle(this.headingEl);
             const lineHeight = parseInt(computedStyle.lineHeight.slice(0, -2), 10);
             const height = this.headingEl.offsetHeight;
@@ -162,7 +163,7 @@ const Heading = class {
         const bemTextEl = block.element('text');
         const Heading = this.tag;
         const fontColor = this.fontColor;
-        return (index.h(index.Host, { key: 'a15674339cf53229872974b00187c69a63f03829', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== undefined)), block.modifier(`level-${this.level}`).class()) }, index.h(Heading, { key: '1fa6d0b91dba606912d6f438727391c3524b1950', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemTextEl.class()), bemTextEl.modifier('no-wrap').class(this.noWrap)), bemTextEl.modifier('subtitle').class(this.subtitle)), bemTextEl.modifier('shadow').class(this.shadow)), bemTextEl.modifier(`color-${fontColor}`).class()), bemTextEl.modifier(`size-${this.autoFontSize}`).class()), ref: (headingEl) => (this.headingEl = headingEl), "data-testid": "bal-heading" }, index.h("slot", { key: '1206631dcf9af8e2f785c6829fc033a570924943' }))));
+        return (index.h(index.Host, { key: '3c9251d3a1d15a8470baa6e930fe902d322ca281', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== undefined)), block.modifier(`level-${this.level}`).class()) }, index.h(Heading, { key: 'f0d7a82d43789b991e52881e7962fbf7ee6b8b2a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemTextEl.class()), bemTextEl.modifier('no-wrap').class(this.noWrap)), bemTextEl.modifier('subtitle').class(this.subtitle)), bemTextEl.modifier('shadow').class(this.shadow)), bemTextEl.modifier(`color-${fontColor}`).class()), bemTextEl.modifier(`size-${this.autoFontSize}`).class()), ref: (headingEl) => (this.headingEl = headingEl), "data-testid": "bal-heading" }, index.h("slot", { key: '9e6893fe656db354b740c3b1d040ec1c7a137883' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,21 +1,25 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
-var breakpoints_subject = require('./breakpoints.subject-DyM7928g.js');
-var breakpoints_decorator = require('./breakpoints.decorator-Bcx5bHdk.js');
-var config_decorator = require('./config.decorator-D_YTqpYj.js');
-var keyboard_helpers = require('./keyboard.helpers-BkZpVT-9.js');
-var scroll = require('./scroll-DU1EZHWg.js');
+var scroll = require('./scroll-B_kvfDui.js');
 var utils = require('./utils-Bl0u6rg1.js');
-require('./device-CrnZOym8.js');
-require('./listener-h1eTpBYL.js');
-require('./tokens.esm-yrgVVjY8.js');
+var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var keyboard_helpers = require('./keyboard.helpers-BkZpVT-9.js');
+var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
+var browser = require('./browser-BwmkTmm8.js');
+var log = require('./log-CXDMiw7o.js');
 require('./index-BZ67Dcnb.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
+require('./helpers-HuaiWXrB.js');
+require('./config.utils-Civnz2jT.js');
+require('./device-CoogBamh.js');
+require('./listener-DspXpqzY.js');
+require('./tokens.esm-CNpvwEnI.js');
 
-const balHintCss = "@media (hover: hover)and (pointer: fine){.bal-hint__icon:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-hint-content-background:var(--bal-color-grey-2);--bal-hint-content-border-color:var(--bal-color-grey-2);--bal-hint-icon-color-hover:var(--bal-color-light-blue-5)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle{fill:var(--bal-hint-icon-color-hover)}.bal-hint .bal-popup__container{z-index:var(--bal-z-index-popup);background:var(--bal-hint-content-background);border:8px solid var(--bal-hint-content-border-color)}.bal-hint__content{width:auto;max-width:30rem;min-width:16.25rem;display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";
+const balHintCss = "@media (hover: hover)and (pointer: fine){.bal-hint__icon:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-hint-content-background:var(--bal-color-grey-2);--bal-hint-content-border-color:var(--bal-color-grey-2);--bal-hint-icon-color-hover:var(--bal-color-light-blue-5)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;z-index:var(--bal-z-index-popup) !important}.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle{fill:var(--bal-hint-icon-color-hover)}.bal-hint .bal-popup__container{z-index:var(--bal-z-index-popup);background:var(--bal-hint-content-background);border:8px solid var(--bal-hint-content-border-color)}.bal-hint__content{width:auto;max-width:30rem;min-width:16.25rem;display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";
 
 const Hint = class {
     constructor(hostRef) {
@@ -2100,7 +2104,7 @@ const Popover = class {
             this.updatePopper();
         }
         // Bug fix for https://github.com/baloise/design-system/issues/551
-        if (index.balBrowser.isSafari && !this.isTouch) {
+        if (browser.balBrowser.isSafari && !this.isTouch) {
             clearTimeout(this.componentDidRenderTimer);
             this.componentDidRenderTimer = setTimeout(() => {
                 var _a;
@@ -2236,7 +2240,7 @@ const Popover = class {
         return this.el.querySelector('.bal-popover__content__inner');
     }
     getBackdropHeight() {
-        if (index.balBrowser.hasWindow) {
+        if (browser.balBrowser.hasWindow) {
             return this.isInMainNav ? (window.innerHeight - (this.isTouch ? 64 : 48)) / 16 : window.innerHeight / 16;
         }
         return 0;
@@ -2254,11 +2258,11 @@ const Popover = class {
      */
     render() {
         const block = bem.BEM.block('popover');
-        return (index.h(index.Host, { key: '68021af74493241e20669b502f69896b1f02c610', "aria-presented": this.active ? 'true' : null, "data-id": this.popoverId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('active').class(this.active)), block.modifier('tooltip').class(this.tooltip)), block.modifier('arrow').class(this.arrow)), block.modifier('hint').class(this.hint)), block.modifier('backdrop').class(this.backdrop)) }, !this.mobileTop && (index.h("div", { key: '1b92881a9b0808761b20f9f445f5a43b8cc9f1bb', ref: el => {
+        return (index.h(index.Host, { key: 'f4b281b4ca30365ec4b279c3e219a0109edc173d', "aria-presented": this.active ? 'true' : null, "data-id": this.popoverId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('active').class(this.active)), block.modifier('tooltip').class(this.tooltip)), block.modifier('arrow').class(this.arrow)), block.modifier('hint').class(this.hint)), block.modifier('backdrop').class(this.backdrop)) }, !this.mobileTop && (index.h("div", { key: 'd40df31685649965a301ada5e1c7e7f2a629596c', ref: el => {
                 this.backdropElement = el;
             }, class: Object.assign({}, block.element('backdrop').class(this.backdrop && this.active)), style: {
                 '--bal-popover-backdrop-height': `${this.backdropHeight}rem`,
-            } })), index.h("slot", { key: 'f8aa58598f2d8a0ca7f836bd77aa0e80a1cb6b30' })));
+            } })), index.h("slot", { key: '04ec4d9a6c214d1c14a436906e80dc721349ab78' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2266,7 +2270,7 @@ const Popover = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-popover'),
+    log.Logger('bal-popover'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -2323,7 +2327,7 @@ const PopoverContent = class {
         this.contentHeightOnTop = 0;
     }
     breakpointListener(_breakpoints) {
-        if (index.balBrowser.hasWindow) {
+        if (browser.balBrowser.hasWindow) {
             this.contentHeightOnTop = window.innerHeight - 64;
         }
     }
@@ -2352,13 +2356,13 @@ const PopoverContent = class {
         return Object.assign(Object.assign(Object.assign({}, contentWidth), contentMinWidth), contentHeightOnTopNav);
     }
     componentWillLoad() {
-        if (index.balBrowser.hasWindow) {
+        if (browser.balBrowser.hasWindow) {
             this.contentHeightOnTop = window.innerHeight - 64;
         }
     }
     render() {
         const block = bem.BEM.block('popover').element('content');
-        return (index.h(index.Host, { key: 'ae764840239d3f9021044f5643785c29e348e949', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('expanded').class(this.expanded)), block.modifier('spaceless').class(this.spaceless)), block.modifier('no-shadow').class(this.noShadow)), block.modifier(`radius-${this.radius}`).class()), block.modifier(`color-${this.color}`).class()), block.modifier('on-top').class(this.mobileTop)), "data-testid": "bal-popover-content", role: "tooltip", style: this.contentStyle }, index.h("div", { key: '60c73ce1c4d003b0a3a78ec6a38e9676f806e11d', class: Object.assign({}, block.element('inner').class()), style: this.innerStyle }, index.h("slot", { key: 'd0810231279ce91786fcfccc22eb0d13a65f3b57' })), index.h("div", { key: '6d9f8e916ec085cd938dbcddfcbd316e131be0b5', class: Object.assign({}, block.element('arrow').class()), "data-popper-arrow": true })));
+        return (index.h(index.Host, { key: '3c3fb634b5c83d40b1cc5b33654ec7c67eab2353', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('expanded').class(this.expanded)), block.modifier('spaceless').class(this.spaceless)), block.modifier('no-shadow').class(this.noShadow)), block.modifier(`radius-${this.radius}`).class()), block.modifier(`color-${this.color}`).class()), block.modifier('on-top').class(this.mobileTop)), "data-testid": "bal-popover-content", role: "tooltip", style: this.contentStyle }, index.h("div", { key: 'ee3888b9bb9e125102d8721b1e0ba1a487252faa', class: Object.assign({}, block.element('inner').class()), style: this.innerStyle }, index.h("slot", { key: 'fd74aa5662fb85268cd615d8e74c8b4a8ad93e8c' })), index.h("div", { key: '52102edc41ca9da3db6d94a9ba8fb95ea9f583d8', class: Object.assign({}, block.element('arrow').class()), "data-popper-arrow": true })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,11 +1,15 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var bem = require('./bem-p0PWVN8n.js');
-var config_decorator = require('./config.decorator-D_YTqpYj.js');
 var svg = require('./svg-Bw61tXih.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
+require('./config.utils-Civnz2jT.js');
+require('./browser-BwmkTmm8.js');
+require('./log-CXDMiw7o.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -930,7 +934,7 @@ const balIconCss = ":root,:host{--bal-icon-color-grey:var(--bal-color-grey-5);--
 const Icon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.icons = index.defaultConfig.icons;
+        this.icons = config_default.defaultConfig.icons;
         this.svgContent = '';
         this.innerColor = '';
         this.innerSize = '';

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
 
 const balInputGroupCss = ".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-form-field-control-background-hover)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";
@@ -27,7 +27,7 @@ const InputGroup = class {
         const hasDanger = this.invalid;
         const disabledClass = 'is-disabled';
         const hasDisabled = this.disabled || this.readonly;
-        return (index.h(index.Host, { key: '4e70d05568802c062f5b9574eac4ec92d97ac802', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(dangerClass).class(hasDanger)), block.modifier(disabledClass).class(hasDisabled)) }, index.h("slot", { key: '66341e0036de49d244c8d6350d46c9c6c3920d35' })));
+        return (index.h(index.Host, { key: '43b94d641ce994b142e21aff354984d3eeb12b8a', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(dangerClass).class(hasDanger)), block.modifier(disabledClass).class(hasDisabled)) }, index.h("slot", { key: '81149dce6e958209e08efeaf719b2cec3f4c58c0' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,12 +1,15 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var index$1 = require('./index-BZ67Dcnb.js');
-var formInput = require('./form-input-DBZuEpuy.js');
+var aria = require('./aria-BzkqcV7W.js');
 var bem = require('./bem-p0PWVN8n.js');
 var form = require('./form-BSlIiqcR.js');
-var aria = require('./aria-BzkqcV7W.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var helpers = require('./helpers-HuaiWXrB.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
 
 const balInputSliderCss = ".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);-webkit-box-shadow:0 0 0 .75rem rgba(255,255,255,.3);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native:focus-visible::-moz-range-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";
 
@@ -99,7 +102,7 @@ const InputSlider = class {
         };
     }
     debounceChanged() {
-        this.balChange = index.debounceEvent(this.balChange, this.debounce);
+        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
     }
     listenOnClick(ev) {
         if ((this.disabled || this.readonly) && ev.target && ev.target === this.el) {
@@ -196,11 +199,11 @@ const InputSlider = class {
         const inputValueRightEl = inputValueEl.modifier('right');
         const stepsEl = block.element('steps');
         const stepsItemEl = stepsEl.element('item');
-        return (index.h(index.Host, { key: '02570c5b17b36fdc3e5ce197eac6270b628bac69', class: Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled || this.readonly) }, index.h("div", { key: 'e1740a8a9cb0332401824c3c036231641a9d9e43', class: Object.assign(Object.assign({}, backgroundEl.class()), backgroundEl.modifier('disabled').class(this.disabled || this.readonly)) }, index.h("div", { key: 'b930f0a3e5a7eb74c8b3b658827715df9c4ed75f', class: Object.assign({}, backgroundUpperEl.class()), style: {
+        return (index.h(index.Host, { key: 'a87543d5fe5c37894f5b750ea6ce5d435b35df7d', class: Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled || this.readonly) }, index.h("div", { key: '3ff7511f087493bb0aa219cc0232aeb52e045068', class: Object.assign(Object.assign({}, backgroundEl.class()), backgroundEl.modifier('disabled').class(this.disabled || this.readonly)) }, index.h("div", { key: '6ba8bb8e959688aa308d25d4e4bb6fd578b7ddc6', class: Object.assign({}, backgroundUpperEl.class()), style: {
                 width: this.cssWidth(),
-            } }, index.h("div", { key: '71934f7b3ec4e3305f6bee6e1ac9c9da0e1e217e', class: Object.assign({}, backgroundUpperInnerEl.class()) })), index.h("div", { key: '8d34702fe9de1678db528d2bb87e73b937f7668b', class: Object.assign({}, backgroundLowerEl.class()), style: {
+            } }, index.h("div", { key: 'd406cc218eb1b57271c2eadef16b0d8f78870e51', class: Object.assign({}, backgroundUpperInnerEl.class()) })), index.h("div", { key: '26bb161f03587f6882780769472bd380b5e2ba1c', class: Object.assign({}, backgroundLowerEl.class()), style: {
                 width: this.cssWidth(true),
-            } }, index.h("div", { key: '19f9c2662a5a4f9b46bcd469f81049380436c29d', class: Object.assign({}, backgroundLowerInnerEl.class()) }))), index.h("div", { key: 'ff48c0def1e78af0f92cf266d3ad92884813f6b5', class: Object.assign({}, inputEl.class()) }, index.h("div", { key: '9efa82e623ce2295c5bd47f08ced92f6c50d5b84', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueLeftEl.class()) }), index.h("input", { key: 'af08d09d8e3e5469bd87e5349240a794f77f76be', type: "range", class: Object.assign(Object.assign({}, inputNativeEl.class()), inputNativeEl.modifier('disabled').class(this.disabled || this.readonly)), ref: inputEl => (this.nativeInput = inputEl), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, readonly: this.readonly, name: this.name, required: this.required, tabIndex: this.balTabindex, step: this.step, min: this.min, max: this.max, value: this.value !== '' && this.value !== undefined ? this.value : 0, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyPress: e => this.balKeyPress.emit(e), "data-testid": "bal-input-slider" }), index.h("div", { key: '625faf29b5d671bf40319fbb152386ee5abebbfb', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueRightEl.class()) })), index.h("div", { key: '20aa70b6cd9864b1caa18aa376ef33b5d074eb31', class: Object.assign({}, stepsEl.class()), style: { display: this.hasTicks ? 'flex' : 'none' } }, this.getNumberOfSteps().map(step => (index.h("div", { key: step, class: Object.assign(Object.assign({}, stepsItemEl.class()), stepsItemEl.modifier('disabled').class(this.disabled || this.readonly)), "data-step-id": step }))))));
+            } }, index.h("div", { key: 'c50c416febf03f75fc41c9c717157932f221459c', class: Object.assign({}, backgroundLowerInnerEl.class()) }))), index.h("div", { key: '2c31725d1b6ceec56736bf07b23ee784ee4d8f8f', class: Object.assign({}, inputEl.class()) }, index.h("div", { key: 'baa9b2ef71e3163c9a594f819cf1bebbd5e1131b', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueLeftEl.class()) }), index.h("input", { key: '2d03a2b790cc97e7277f1b040415f3e2b19590c7', type: "range", class: Object.assign(Object.assign({}, inputNativeEl.class()), inputNativeEl.modifier('disabled').class(this.disabled || this.readonly)), ref: inputEl => (this.nativeInput = inputEl), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, readonly: this.readonly, name: this.name, required: this.required, tabIndex: this.balTabindex, step: this.step, min: this.min, max: this.max, value: this.value !== '' && this.value !== undefined ? this.value : 0, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyPress: e => this.balKeyPress.emit(e), "data-testid": "bal-input-slider" }), index.h("div", { key: '83596fcfc7462ed3e2045343e11d8d66e71d652b', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueRightEl.class()) })), index.h("div", { key: '7e44fea845c11cd5bb6e7e80cbb83cc4dacc2126', class: Object.assign({}, stepsEl.class()), style: { display: this.hasTicks ? 'flex' : 'none' } }, this.getNumberOfSteps().map(step => (index.h("div", { key: step, class: Object.assign(Object.assign({}, stepsItemEl.class()), stepsItemEl.modifier('disabled').class(this.disabled || this.readonly)), "data-step-id": step }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {