@baloise/ds-core 17.2.1 → 17.2.2

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

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const formInput = require('./form-input-35653e8f.js');
-const helpers = require('./helpers-393c2183.js');
+const formInput = require('./form-input-e4fdf58e.js');
+const helpers = require('./helpers-94660ab2.js');
 const attributes = require('./attributes-9f366716.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const focusVisible = require('./focus-visible-264bd9b8.js');
 const form = require('./form-2279fb2f.js');
 const aria = require('./aria-c8955a5c.js');
-const listen = require('./listen-b42a4134.js');
-const keyboard_helpers = require('./keyboard.helpers-3c105b0c.js');
+const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
 const array = require('./array-ae164ca3.js');
-const focus_decorator = require('./focus.decorator-ec3a858c.js');
-const mutation_decorator = require('./mutation.decorator-5ac1e198.js');
+const focus_decorator = require('./focus.decorator-b93456af.js');
+const mutation_decorator = require('./mutation.decorator-a000b7ef.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
@@ -290,7 +289,7 @@ const Checkbox = class {
             labelAttributes.id = `${id}-lbl`;
             labelAttributes.htmlFor = id;
         }
-        return (index.h(index.Host, { key: 'ecce7f9cb60f37a738f18f72a2735c853ae02985', "aria-checked": `${this.checked}`, "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-hidden": aria.ariaBooleanToString(this.disabled || this.nonSubmit), "aria-focused": focused ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('checkbox').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('switch').class(this.interface === 'switch')), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('invisible').class(this.invisible)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier('inline').class(this.inline)), onKeypress: this.onKeypress, onClick: this.onClick }, index.h("input", Object.assign({ key: '7a7fe32e829fb5fb68de8a2bb7705db0465792ae', class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-checkbox-input", type: "checkbox", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-checked": `${this.checked}`, "aria-hidden": aria.ariaBooleanToString(this.nonSubmit), name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (index.h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('checkbox').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)), labelEl.modifier('switch').class(this.interface === 'switch')) }, labelAttributes, { "data-testid": "bal-checkbox-label" }), this.interface === 'switch' ? (index.h("bal-icon", { class: Object.assign({}, iconEl.class()), name: "check", color: "white", size: "x-small", "aria-hidden": "true" })) : (''), index.h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-checkbox-text" }, this.label, index.h("slot", null)))) : ('')));
+        return (index.h(index.Host, { key: 'c8750cdbfdcacaad3f9732df1b6f41737d8161c6', "aria-checked": `${this.checked}`, "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-hidden": aria.ariaBooleanToString(this.disabled || this.nonSubmit), "aria-focused": focused ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('checkbox').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('switch').class(this.interface === 'switch')), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('invisible').class(this.invisible)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier('inline').class(this.inline)), onKeypress: this.onKeypress, onClick: this.onClick }, index.h("input", Object.assign({ key: '3ca5dba1459ca35a59463ced5cdc7f14a227110d', class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-checkbox-input", type: "checkbox", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-checked": `${this.checked}`, "aria-hidden": aria.ariaBooleanToString(this.nonSubmit), name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (index.h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('checkbox').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)), labelEl.modifier('switch').class(this.interface === 'switch')) }, labelAttributes, { "data-testid": "bal-checkbox-label" }), this.interface === 'switch' ? (index.h("bal-icon", { class: Object.assign({}, iconEl.class()), name: "check", color: "white", size: "x-small", "aria-hidden": "true" })) : (''), index.h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-checkbox-text" }, this.label, index.h("slot", null)))) : ('')));
     }
     get el() { return index.getElement(this); }
 };
@@ -300,18 +299,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
 ], Checkbox.prototype, "createLogger", null);
-tslib_es6.__decorate([
-    listen.ListenTo('click', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], Checkbox.prototype, "listenOnClick", null);
-tslib_es6.__decorate([
-    listen.ListenTo('reset', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], Checkbox.prototype, "resetHandler", null);
 let checkboxIds = 0;
 Checkbox.style = BalCheckboxStyle0;
 
@@ -621,30 +608,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", []),
     tslib_es6.__metadata("design:returntype", void 0)
 ], CheckboxGroup.prototype, "mutationListener", null);
-tslib_es6.__decorate([
-    listen.ListenTo('balChange', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], CheckboxGroup.prototype, "listenOnClick", null);
-tslib_es6.__decorate([
-    listen.ListenTo('reset', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], CheckboxGroup.prototype, "resetHandler", null);
-tslib_es6.__decorate([
-    listen.ListenTo('balFocus', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [CustomEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], CheckboxGroup.prototype, "checkboxFocusListener", null);
-tslib_es6.__decorate([
-    listen.ListenTo('balBlur', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [CustomEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], CheckboxGroup.prototype, "checkboxBlurListener", null);
 let checkboxGroupIds = 0;
 
 exports.bal_checkbox = Checkbox;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const balClose_i18n = require('./bal-close.i18n-56dddd35.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const bem = require('./bem-81bc6a2d.js');
 const index$1 = require('./index-e6a233be.js');
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
-const formInput = require('./form-input-35653e8f.js');
+const index = require('./index-84f42282.js');
+const formInput = require('./form-input-e4fdf58e.js');
 const bem = require('./bem-81bc6a2d.js');
-require('./helpers-393c2183.js');
+require('./helpers-94660ab2.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');

package/dist/cjs/bal-date-calendar_2.cjs.entry.js

@@ -2,28 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$2 = require('./index-96c178a6.js');
+const index$2 = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const index = require('./index-758765f7.js');
 const index$1 = require('./index-e6a233be.js');
 const date = require('./date-c2a815e4.js');
 const log = require('./log-33398c2a.js');
-const helpers = require('./helpers-393c2183.js');
+const helpers = require('./helpers-94660ab2.js');
 const bem = require('./bem-81bc6a2d.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
-const swipe_decorator = require('./swipe.decorator-391a0941.js');
+const swipe_decorator = require('./swipe.decorator-447ae00e.js');
 const attributes = require('./attributes-9f366716.js');
-const formInput = require('./form-input-35653e8f.js');
+const formInput = require('./form-input-e4fdf58e.js');
 const form = require('./form-2279fb2f.js');
-const listen = require('./listen-b42a4134.js');
 const keys_constant = require('./keys.constant-b53da545.js');
 const maskUtil = require('./mask-util-19c28b4a.js');
 require('./_commonjsHelpers-68cdf74f.js');
 require('./config.utils-e4cd49d6.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
-require('./swipe.subject-48bf62a1.js');
+require('./swipe.subject-6deb82da.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
 
@@ -1456,14 +1455,14 @@ const InputDate = class {
     render() {
         const block = bem.BEM.block('input-date');
         const native = block.element('native');
-        return (index$2.h(index$2.Host, { key: '14148968dbe8593f608bb83cb80431c1af6c10cb', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: '7a9307a111eb7eaca7d043e6102220f83ed407ef', class: {
+        return (index$2.h(index$2.Host, { key: 'c1401f0c7df85ca5d78649b764215e27aa6790ae', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: '37c33527ad82e2f74b19f734f2a752cc49a8a352', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,
                 'is-clickable': this.clickable && !(this.disabled || this.readonly),
                 'bal-focusable': !this.disabled,
                 'has-icon-right': this.hasIconRight,
-            }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), 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": this.disabled ? 'true' : null, required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), index$2.h("input", { key: '23e89b524f1cd68f76461720e386034d1872689a', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
+            }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), 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": this.disabled ? 'true' : null, required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), index$2.h("input", { key: 'c2b6921f78a345008b3475273f19dfe1dcd59373', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
     }
     get el() { return index$2.getElement(this); }
     static get watchers() { return {
@@ -1482,18 +1481,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", [Object]),
     tslib_es6.__metadata("design:returntype", Promise)
 ], InputDate.prototype, "configChanged", null);
-tslib_es6.__decorate([
-    listen.ListenTo('reset', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], InputDate.prototype, "resetHandler", null);
-tslib_es6.__decorate([
-    listen.ListenTo('click', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [MouseEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], InputDate.prototype, "listenOnClick", null);
 let inputDateIds = 0;
 InputDate.style = BalInputDateStyle0;
 

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

@@ -2,18 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const date = require('./date-c2a815e4.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const attributes = require('./attributes-9f366716.js');
-const formInput = require('./form-input-35653e8f.js');
-const helpers = require('./helpers-393c2183.js');
+const formInput = require('./form-input-e4fdf58e.js');
+const helpers = require('./helpers-94660ab2.js');
 const form = require('./form-2279fb2f.js');
-const floatingUi = require('./floating-ui-9f03e1cf.js');
-const listen = require('./listen-b42a4134.js');
-const keyboard_helpers = require('./keyboard.helpers-3c105b0c.js');
+const floatingUi = require('./floating-ui-24577c09.js');
+const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./config.utils-e4cd49d6.js');
@@ -292,7 +291,7 @@ const Date = class {
         const block = bem.BEM.block('date');
         const blockIcon = block.element('icon');
         const blockPopup = block.element('popup');
-        return (index.h(index.Host, { key: '0cff526d6fd1f6855de72ec6b8515a0cd7132f71', id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: 'e7309e15124f27a90a977cccb8ee7b03052ce450', invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ key: '6e344882e69619d3cc26bdb29601f417de5cf4fe', name: this.name, required: this.required, placeholder: this.placeholder, value: this.value, min: this.min, max: this.max, invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, allowInvalidValue: this.allowInvalidValue, autocomplete: this.autocomplete, onClick: this.onInputClick, onBalInput: this.onInputInput, onBalChange: this.onInputChange, onBalFocus: this.onInputFocus, onBalBlur: this.onInputBlur, onBalKeyPress: this.onKeyPress, ref: el => (this.inputEl = el) }, this.inheritedAttributes)), !this.freeSolo ? (index.h("bal-icon", { name: "date", role: "button", tabindex: -1, class: Object.assign(Object.assign({}, blockIcon.class()), blockIcon.modifier('clickable').class(!this.disabled && !this.readonly)), "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', onClick: this.onIconClick, "aria-label": date.i18nBalDate[this.language].toggleDatepicker, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? 'true' : 'false' })) : ('')), index.h("div", { key: '4de1fda8322aa577c9f178f8183f0584591bb280', role: "dialog", class: Object.assign(Object.assign({}, blockPopup.class()), blockPopup.modifier('visible').class(this.isExpanded)), ref: el => (this.floatingEl = el), "aria-hidden": `${this.isExpanded !== true}`, "aria-presented": `${this.isExpanded === true}` }, index.h("bal-date-calendar", { key: 'c29fae49306412def5c835457c17224f93d4144d', value: this.calendarValue, min: this.min, max: this.max, minYearProp: this.minYearProp, maxYearProp: this.maxYearProp, defaultDate: this.defaultDate, allowedDates: this.allowedDates, onBalChange: this.onCalendarChange }))));
+        return (index.h(index.Host, { key: 'b795b526c8e86eb1f96ad07bc8d2f484b41f1f32', id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: '4e4eeacea6fa61affc57ddae68036250d0ef76cc', invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ key: '311169f2038c5548cb4a1c182c0fb8a61e404fbb', name: this.name, required: this.required, placeholder: this.placeholder, value: this.value, min: this.min, max: this.max, invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, allowInvalidValue: this.allowInvalidValue, autocomplete: this.autocomplete, onClick: this.onInputClick, onBalInput: this.onInputInput, onBalChange: this.onInputChange, onBalFocus: this.onInputFocus, onBalBlur: this.onInputBlur, onBalKeyPress: this.onKeyPress, ref: el => (this.inputEl = el) }, this.inheritedAttributes)), !this.freeSolo ? (index.h("bal-icon", { name: "date", role: "button", tabindex: -1, class: Object.assign(Object.assign({}, blockIcon.class()), blockIcon.modifier('clickable').class(!this.disabled && !this.readonly)), "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', onClick: this.onIconClick, "aria-label": date.i18nBalDate[this.language].toggleDatepicker, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? 'true' : 'false' })) : ('')), index.h("div", { key: '65512ad855b4c33fc85ea703129b5b4af777216a', role: "dialog", class: Object.assign(Object.assign({}, blockPopup.class()), blockPopup.modifier('visible').class(this.isExpanded)), ref: el => (this.floatingEl = el), "aria-hidden": `${this.isExpanded !== true}`, "aria-presented": `${this.isExpanded === true}` }, index.h("bal-date-calendar", { key: '229c68237b8a13335448e5a3f940065535bff2a4', value: this.calendarValue, min: this.min, max: this.max, minYearProp: this.minYearProp, maxYearProp: this.maxYearProp, defaultDate: this.defaultDate, allowedDates: this.allowedDates, onBalChange: this.onCalendarChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -306,30 +305,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
 ], Date.prototype, "createLogger", null);
-tslib_es6.__decorate([
-    listen.ListenTo('keydown', { target: 'window' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [KeyboardEvent]),
-    tslib_es6.__metadata("design:returntype", Promise)
-], Date.prototype, "listenToKeydown", null);
-tslib_es6.__decorate([
-    listen.ListenTo('keyup', { target: 'window' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [KeyboardEvent]),
-    tslib_es6.__metadata("design:returntype", Promise)
-], Date.prototype, "listenOnKeyup", null);
-tslib_es6.__decorate([
-    listen.ListenTo('click', { target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", Promise)
-], Date.prototype, "listenOnclick", null);
-tslib_es6.__decorate([
-    listen.ListenTo('balPopoverPrepare', { target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [CustomEvent]),
-    tslib_es6.__metadata("design:returntype", Promise)
-], Date.prototype, "listenOnPopoverPrepare", null);
 tslib_es6.__decorate([
     config_decorator.ListenToConfig(),
     tslib_es6.__metadata("design:type", Function),

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');

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

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
-const formInput = require('./form-input-35653e8f.js');
+const formInput = require('./form-input-e4fdf58e.js');
 const attributes = require('./attributes-9f366716.js');
 const form = require('./form-2279fb2f.js');
-const helpers = require('./helpers-393c2183.js');
+const helpers = require('./helpers-94660ab2.js');
 const browser = require('./browser-1d542d0f.js');
 const array = require('./array-ae164ca3.js');
 const index$1 = require('./index-e6a233be.js');
 const focusVisible = require('./focus-visible-264bd9b8.js');
-const floatingUi = require('./floating-ui-9f03e1cf.js');
+const floatingUi = require('./floating-ui-24577c09.js');
 const option = require('./option-85af0921.js');
-const keyboard_helpers = require('./keyboard.helpers-3c105b0c.js');
+const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
 const aria = require('./aria-c8955a5c.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const config_decorator = require('./config.decorator-b393a72f.js');

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const helpers = require('./helpers-393c2183.js');
+const helpers = require('./helpers-94660ab2.js');
 const form = require('./form-2279fb2f.js');
-const mutation_decorator = require('./mutation.decorator-5ac1e198.js');
+const mutation_decorator = require('./mutation.decorator-a000b7ef.js');
 const bem = require('./bem-81bc6a2d.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');

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

@@ -2,19 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const array = require('./array-ae164ca3.js');
-const formInput = require('./form-input-35653e8f.js');
+const formInput = require('./form-input-e4fdf58e.js');
 const log = require('./log-33398c2a.js');
 const bem = require('./bem-81bc6a2d.js');
 const balFileUpload_type = require('./bal-file-upload.type-616d69d9.js');
 const form = require('./form-2279fb2f.js');
-const listen = require('./listen-b42a4134.js');
 require('./index-e6a233be.js');
 require('./index-3b7f8988.js');
 require('./_commonjsHelpers-68cdf74f.js');
-require('./helpers-393c2183.js');
+require('./helpers-94660ab2.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
@@ -340,16 +339,16 @@ const FileUpload = class {
      */
     render() {
         const id = this.ariaForm.controlId || this.fileUploadId;
-        return (index.h(index.Host, { key: '474742770b56c2c9200dc402db53bb4266592c72', onClick: this.onHostClick, "aria-disabled": this.disabled ? 'true' : null, class: {
+        return (index.h(index.Host, { key: 'e1924e378256a4e5f9ef14cb5dec531d1b71ed5b', onClick: this.onHostClick, "aria-disabled": this.disabled ? 'true' : null, class: {
                 'bal-file-upload': true,
-            } }, index.h("div", { key: '8ce2bbbf975c8fb0dfa9b177d1a107401b7d0a33', class: {
+            } }, index.h("div", { key: '5eea726388bf34b30d52ef057be0d02ce55a4a32', class: {
                 'file': true,
                 'is-disabled': this.disabled || this.readonly || this.loading,
                 'is-danger': this.invalid,
-            } }, index.h("label", { key: 'c1e836840cf74f73702af305f1d99ebca2de52b8', htmlFor: id, ref: el => (this.labelEl = el), class: {
+            } }, index.h("label", { key: '3db76968c7413f788b37eba41df11f398517b2c4', htmlFor: id, ref: el => (this.labelEl = el), class: {
                 'file-label': true,
                 'is-disabled': this.disabled || this.loading || this.readonly,
-            } }, index.h("input", { key: '3ae311e7c1c0e550b3551e9f1e70ce65c54c0c83', 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": this.disabled ? 'true' : null, 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: '5e1c43e583d684ca778836c0a209c7ad87e9fa7d', 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": this.disabled ? 'true' : null, 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 {
@@ -362,12 +361,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
 ], FileUpload.prototype, "createLogger", null);
-tslib_es6.__decorate([
-    listen.ListenTo('reset', { capture: true, target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], FileUpload.prototype, "resetHandler", null);
 let FileUploadIds = 0;
 FileUpload.style = BalFileUploadStyle0;
 

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 require('./index-3b7f8988.js');
 require('./index-758765f7.js');
 const _commonjsHelpers = require('./_commonjsHelpers-68cdf74f.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
-const helpers = require('./helpers-393c2183.js');
-const formInput = require('./form-input-35653e8f.js');
+const helpers = require('./helpers-94660ab2.js');
+const formInput = require('./form-input-e4fdf58e.js');
 const config_utils = require('./config.utils-e4cd49d6.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const config_decorator = require('./config.decorator-b393a72f.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 
 const FormCol = class {
     constructor(hostRef) {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const form = require('./form-2279fb2f.js');
-const helpers = require('./helpers-393c2183.js');
+const helpers = require('./helpers-94660ab2.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const bem = require('./bem-81bc6a2d.js');
 const browser = require('./browser-1d542d0f.js');
 
@@ -211,10 +211,10 @@ const Text = class {
         const Text = this.inline ? 'span' : 'p';
         const color = this.parseColor();
         const block = bem.BEM.block('text');
-        return (index.h(index.Host, { key: '54ea51b4d2db0793307072aa6dd3bd5969f4e1d0', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== '')), block.modifier(`inline`).class(this.inline)) }, index.h(Text, { key: 'c894a460f369a284910f224b430dd7fc4b9b5123', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('text').class()), block.element('text').modifier(`color-${color}`).class(!!color)), block.element('text').modifier(`bold`).class(this.bold)), block.element('text').modifier(`heading`).class(this.heading)), block.element('text').modifier(`shadow`).class(this.shadow)), block.element('text').modifier(`no-wrap`).class(this.noWrap)), block
+        return (index.h(index.Host, { key: '410f0e92f74f64df3047a4c2ae64f2ff4dfa1740', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== '')), block.modifier(`inline`).class(this.inline)) }, index.h(Text, { key: 'beef074e67dc900f2580e03f2d8944a5257b517a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('text').class()), block.element('text').modifier(`color-${color}`).class(!!color)), block.element('text').modifier(`bold`).class(this.bold)), block.element('text').modifier(`heading`).class(this.heading)), block.element('text').modifier(`shadow`).class(this.shadow)), block.element('text').modifier(`no-wrap`).class(this.noWrap)), block
                 .element('text')
                 .modifier(`size-${this.size}`)
-                .class(this.size !== '')), "data-testid": "bal-text" }, index.h("slot", { key: '94c09c5d469712da76d9ca0c4a80222c3e76f8a3' }))));
+                .class(this.size !== '')), "data-testid": "bal-text" }, index.h("slot", { key: '3845390717b94d779233d0f02702231d8144a54e' }))));
     }
 };
 Text.style = BalTextStyle0;

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

@@ -2,24 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const utils = require('./utils-9ea175af.js');
 const scroll = require('./scroll-73c1b762.js');
-const breakpoints_subject = require('./breakpoints.subject-f3104eb9.js');
-const breakpoints_decorator = require('./breakpoints.decorator-2c97bb36.js');
+const breakpoints_subject = require('./breakpoints.subject-0db232c6.js');
+const breakpoints_decorator = require('./breakpoints.decorator-fb08c6d2.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 const browser = require('./browser-1d542d0f.js');
 const log = require('./log-33398c2a.js');
-const listen = require('./listen-b42a4134.js');
 require('./index-e6a233be.js');
-require('./helpers-393c2183.js');
+require('./helpers-94660ab2.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-dbef942e.js');
+require('./tokens.esm-5afdc559.js');
 
 const balHintCss = ":root{--bal-hint-content-background:var(--bal-color-grey-2)}.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}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);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__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 BalHintStyle0 = balHintCss;
@@ -2219,11 +2218,11 @@ const Popover = class {
      */
     render() {
         const block = bem.BEM.block('popover');
-        return (index.h(index.Host, { key: '997e5fefb0e6fe103b1732f084f8a7963eb319e5', "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: 'd5cb75c1951b9fe7cfd22ef86ee677461eecf5fc', ref: el => {
+        return (index.h(index.Host, { key: '7f7adc347e2bcc9f8acacc57f7e5e3d878e706c8', "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: '4caa1176851cfca5ea5bc51cb5cbf503572686e9', 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: '41482b0196b230235349f86cfb413cc8b35a8dad' })));
+            } })), index.h("slot", { key: '36ec1137ffb8bc0439bbebcaa39144b9bcf7ed45' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2236,30 +2235,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
 ], Popover.prototype, "createLogger", null);
-tslib_es6.__decorate([
-    listen.ListenTo('balPopoverPrepare', { target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [CustomEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], Popover.prototype, "handlePopoverPrepare", null);
-tslib_es6.__decorate([
-    listen.ListenTo('click', { target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [UIEvent]),
-    tslib_es6.__metadata("design:returntype", Promise)
-], Popover.prototype, "clickOnOutside", null);
-tslib_es6.__decorate([
-    listen.ListenTo('keydown', { target: 'window' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [KeyboardEvent]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], Popover.prototype, "handleKeyUp", null);
-tslib_es6.__decorate([
-    listen.ListenTo('keyup', { target: 'document' }),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [KeyboardEvent]),
-    tslib_es6.__metadata("design:returntype", Promise)
-], Popover.prototype, "tabOutside", null);
 tslib_es6.__decorate([
     breakpoints_decorator.ListenToBreakpoints(),
     tslib_es6.__metadata("design:type", Function),
@@ -2320,7 +2295,7 @@ const PopoverContent = class {
     }
     render() {
         const block = bem.BEM.block('popover').element('content');
-        return (index.h(index.Host, { key: 'c47c5a6aa96c52a4460894ab274a167be0927d35', 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: 'dec823beec17dfe48195c3e794dbcfe4725f83d4', class: Object.assign({}, block.element('inner').class()), style: this.innerStyle }, index.h("slot", { key: 'd8200f831b8569736e27486fd5e975a0f21b76e2' })), index.h("div", { key: '5cd3727753fa2cf5a841c11b8d48aa7eee31cf2d', class: Object.assign({}, block.element('arrow').class()), "data-popper-arrow": true })));
+        return (index.h(index.Host, { key: 'a6a40a129dadcbe55d6d75c64572b1c1aeedf944', 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: '6204b4d421004e6f3cf1541ed6a2023f3b3bdef1', class: Object.assign({}, block.element('inner').class()), style: this.innerStyle }, index.h("slot", { key: '71183eaf21a740ed7e20457e9fc3ec302ed2536f' })), index.h("div", { key: '821519a57d42152641d759aaa350537f7cad59b1', 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

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96c178a6.js');
+const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const _commonjsHelpers = require('./_commonjsHelpers-68cdf74f.js');
 const bem = require('./bem-81bc6a2d.js');
-const helpers = require('./helpers-393c2183.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
+require('./log-33398c2a.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
-require('./log-33398c2a.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -946,7 +945,6 @@ const Icon = class {
             return this.svg || '';
         };
         this.icons = config_default.defaultConfig.icons;
-        this.isLargestContentfulPaintDone = false;
         this.name = '';
         this.svg = '';
         this.size = '';
@@ -960,15 +958,6 @@ const Icon = class {
         this.hovered = false;
         this.pressed = false;
     }
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    componentDidLoad() {
-        helpers.rLCP(() => {
-            this.isLargestContentfulPaintDone = true;
-        });
-    }
     /**
      * LISTENERS
      * ------------------------------------------------------
@@ -1032,7 +1021,7 @@ const Icon = class {
         const color = this.parseColor();
         const block = bem.BEM.block('icon');
         const svgContent = this.svgContent(this.name);
-        return (index.h(index.Host, { key: '6aa25caeb32d3b55b35b7bc563823b6bcaa477f0', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('is-inverted').class(this.inverted)), block.modifier('is-inline').class(this.inline)), block.modifier('shadow').class(this.shadow)), block.modifier(`is-${this.size}`).class(!!this.size)), block.modifier(`is-${color}`).class()) }, this.isLargestContentfulPaintDone ? (index.h("div", { class: Object.assign(Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier(`turn-${this.name}`).class(this.turn)), block.modifier(`is-${this.size}`).class(!!this.size)), innerHTML: svgContent })) : ('')));
+        return (index.h(index.Host, { key: 'c26ab6c3eef33e3deec76bc20f3db215fd52c423', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('is-inverted').class(this.inverted)), block.modifier('is-inline').class(this.inline)), block.modifier('shadow').class(this.shadow)), block.modifier(`is-${this.size}`).class(!!this.size)), block.modifier(`is-${color}`).class()) }, index.h("div", { key: '0853056c0b58c51539723539628a834807018007', class: Object.assign(Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier(`turn-${this.name}`).class(this.turn)), block.modifier(`is-${this.size}`).class(!!this.size)), innerHTML: svgContent })));
     }
 };
 tslib_es6.__decorate([