@designsystem-se/af 35.2.1-beta.2 → 35.2.1-beta.3

package/dist/cjs/{digi-button_17.cjs.entry.js → digi-button_16.cjs.entry.js}

@@ -2796,7 +2796,7 @@ const CalendarDatepicker = class {
         this.userInput = '';
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-calendar-datepicker');
         this.afLabel = text._t.calendar.datepicker.label;
-        this.afLabelDescription = text._t.calendar.datepicker.description;
+        this.afLabelDescription = undefined;
         this.afName = undefined;
         this.afOpenCalendarAriaLabel = text._t.calendar.datepicker.openCalendarAriaLabel;
         this.afCloseCalendarAriaLabel = text._t.calendar.datepicker.closeCalendarAriaLabel;
@@ -3136,7 +3136,7 @@ const CalendarDatepicker = class {
         return this.afSelectedDates;
     }
     render() {
-        return (index.h(index.Host, { key: '0e4fa182ae33ac82d440e3841f853e6328b67794' }, index.h("div", { key: '81e2d07ec330b4e2994e1fd86d693dcb5405410d', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, index.h("div", { key: 'a47c94fa8498d8f88caea31f725fd0294ea03ac2', class: "digi-calendar-datepicker__input-field" }, index.h("digi-form-input", { key: 'af7ad6bdec9ec1e45e11ff2ac06a51fdad7ea80a', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
+        return (index.h(index.Host, { key: 'f827e4dbd2058dc0b2ae780bab810a4904c80e32' }, index.h("div", { key: '48fc7ed95e144d2011d0e9a96c898a2eecc81b6c', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, index.h("div", { key: '6b99bec92c6114eb3790317220bd3b2d871fd57a', class: "digi-calendar-datepicker__input-field" }, index.h("digi-form-input", { key: 'c095c5d036b22934b1a548cf7e53d3bb42e2c9ad', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
                 ? typographyVariation_enum.FormInputValidation.ERROR
                 : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
                 evt.stopImmediatePropagation();
@@ -3152,11 +3152,11 @@ const CalendarDatepicker = class {
                 e.preventDefault();
                 const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
                 focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
-            } }, index.h("button", { key: 'fbd02f05da4d93f60a4c4d8b52adba311fc4a324', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
+            } }, index.h("button", { key: 'e0e24bd46c40f38fe9ebdcbe6b4235a994edbba7', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
                 ? this.afCloseCalendarAriaLabel
-                : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, this.showCalendar ? (index.h("digi-icon-x", { class: "digi-calendar-datepicker__button-icon", slot: "icon" })) : (index.h("digi-icon-calendar-alt", { class: "digi-calendar-datepicker__button-icon", slot: "icon" }))))), index.h("div", { key: '07bed93717efb5bf1dba04ce61f2006403a860d2', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, index.h("p", { key: '8fc156658ea084cf2291149f2f4c6a7a246b731f', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
+                : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, index.h("digi-icon-calendar-alt", { key: 'c32da1f075986bd27af49b180634736b316f9e21', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), index.h("div", { key: '6f2f3214b2205de2b5554d1b207a633f18e32dee', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, index.h("p", { key: 'ca4b3f022c74f980341e8f3a06092c0ff3a4814e', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
             ? `${text._t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
-            : ''), index.h("digi-calendar", { key: '0cf7d10740ad6be29431c366127893741184544d', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
+            : ''), index.h("digi-calendar", { key: '4a7b3e14f5955d56c4d031c470eafbbc305b06da', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
                 evt.stopImmediatePropagation();
                 this.parseCalendar(evt);
             }, onKeyDown: (e) => {
@@ -3166,7 +3166,7 @@ const CalendarDatepicker = class {
                     return;
                 e.preventDefault();
                 this.focusOnCalendarInput();
-            } })), this.afCloseOnSelect && !this.afMultipleDates && (index.h("div", { key: 'ba8d4fb43fc1c54cc417e48c42c47264e2731e74', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
+            } })), this.afCloseOnSelect && !this.afMultipleDates && (index.h("div", { key: 'c2bf479b2006ac39de70ee222c40c0b1ca0d83ca', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
             ? `${text._t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
             : '')))));
     }
@@ -3338,10 +3338,10 @@ const FormInput = class {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (index.h("div", { key: '6309c6b61d95e8a96c724c1493daac592aa79f81', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '3ef5a2a1251e0e3c1c99a761482c4ec5ff634430', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: 'ebcb01079c78738339e5317cf9239f1a89e31921', class: "digi-form-input__input-wrapper" }, index.h("input", Object.assign({ key: '6ec3288227014624b27d7d10797fb7fde4c47f26', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === typographyVariation_enum.FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == typographyVariation_enum.FormInputMode.DEFAULT
+        return (index.h("div", { key: '1b15d4cddca70f3317adbedbb16f1a62751146c1', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '8ff3facac86480a34efaf5a0e6f7b6a1bfa9d5dd', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: '90a2f050648f228406dd4825bdfd3ed07c4f28c1', class: "digi-form-input__input-wrapper" }, index.h("input", Object.assign({ key: '5c3ba9626d93ea1b30511bf8071f339959b7e020', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === typographyVariation_enum.FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == typographyVariation_enum.FormInputMode.DEFAULT
             ? {}
-            : { inputmode: this.afInputmode }))), index.h("slot", { key: '0da5dfcd73e997a16bf3be18b4cbd3651cab7ebb', name: "button" })), index.h("div", { key: '4f24b7c3b070e5f8fbe4396d38865c1afa59709e', class: "digi-form-input__footer" }, index.h("div", { key: 'f0b6ee56051886efbecf82c136338c42130d80d8', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != typographyVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '0f00497d0bf3c0da8a11f60fbdb302c11b41e8aa', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), index.h("slot", { key: '2c929bfcf372a3975bf65c9db73df571c16fd976', name: "button" })), index.h("div", { key: 'ceeb3339bab503c50c5b94ceffb16b30ec5e4c3e', class: "digi-form-input__footer" }, index.h("div", { key: 'c887bce172943a8b72856275f330acc8c658569e', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != typographyVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '348bf0421d502a198134b99a615d08e30480e64a', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -3402,7 +3402,7 @@ const FormLabel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '01e206691f77e812de51faf2b01497335fe6f649', class: "digi-form-label" }, index.h("div", { key: 'a2a451ab29e0b5e94a4d4d3ed6d05ed326bdc713', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: '25840b00bd54a23867afafcc4b49f1abdadfb207', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: '7ef08e051d2323d2704aebf0527e9127dd2a413b', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: 'b03334e5a943a080cf5077847aee90bceadf8fe8', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: '37135ca88e673eb213d410055d3574c6f0e5e43d', class: "digi-form-label__actions" }, index.h("slot", { key: 'c7b62819bb01f867511d19ce776e4780b2f94a97', name: "actions" }))))));
+        return (index.h("div", { key: '24ae333ab5edc928ce4d26e6e4da0f642617792a', class: "digi-form-label" }, index.h("div", { key: 'b1a5073a7c9883b13a86f741b865c3b368c1d02b', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: '4dd98d11699d82e0e6b5f1127ca0e97382dc45d1', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: 'a8c1b2cf89d24625e3c13a93bac5fd144d95a3cb', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: '4a82c714e6b4f3189772d44bd5748c830252a8d5', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: 'd07f90e8e0a8ba9061686bf7cc331480091fbb33', class: "digi-form-label__actions" }, index.h("slot", { key: '7c5f1750217d9666a6543044e6dbb29ee4839940', name: "actions" }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -3537,17 +3537,17 @@ const FormSelect = class {
             : false;
     }
     render() {
-        return (index.h("div", { key: '09b309b4f5b1397162fa1b398f58d1696ebd2479', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, index.h("div", { key: 'e2d824232a6630111b87f325e3e5583d2dd08bd3', class: "digi-form-select__label-group" }, index.h("digi-form-label", { key: 'f60f04f30a9594d39b439239230441241d4fbe6c', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: '621062b207232904aa2a6a6fbaa93ebedb146210', class: "digi-form-select__select-wrapper" }, index.h("select", { key: 'd199ce9bf648952a1309f8ac8914b9da59f15f98', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === typographyVariation_enum.FormSelectValidation.ERROR
+        return (index.h("div", { key: '508ea4a7973f305dbc05971ea35b1d7d1f62f27a', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, index.h("div", { key: '9b8d7e2cd35911d62d7fcb8885ffeebf1469b696', class: "digi-form-select__label-group" }, index.h("digi-form-label", { key: '67928646ec83c24c124aac626be5b3bbddc7e964', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: '48a9ae9252839984387874b6596384ef89e3cc52', class: "digi-form-select__select-wrapper" }, index.h("select", { key: '071ee42f4c690ac79e59a226e5b8daf3e639b920', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === typographyVariation_enum.FormSelectValidation.ERROR
                 ? 'true'
-                : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (index.h("option", { key: '1537f5bbf4d76e607663b241913912e034af2006', class: {
+                : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (index.h("option", { key: 'dd90833c9af3ef2119763c34874bce7adb335a7e', class: {
                 'digi-form-select__select-option': true,
                 'digi-form-select__select-option--initial-value': true
             }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index$1) => {
             return (index.h("option", { key: index$1, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
-        })), index.h("digi-icon-input-select-marker", { key: '43cc5722be7b769a59661c6128c3bd3149172adc', class: "digi-form-select__icon", slot: "icon" })), index.h("digi-util-mutation-observer", { key: '74e420460572eeb8d9ca308190dc33191b608b4e', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+        })), index.h("digi-icon-input-select-marker", { key: '5b2d831b5582a8bfe7d41eb4abcbd4576faea01b', class: "digi-form-select__icon", slot: "icon" })), index.h("digi-util-mutation-observer", { key: '8bdd9e4fa48b0cb5991e5a56f3004746c59ca092', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
                 e.stopImmediatePropagation();
                 this.getOptions();
-            } }, index.h("slot", { key: 'd77e562c340452ec68c7dedda478c4d66933324a' })), index.h("div", { key: '81a982666ecded6b8b614bff3598b4dcaf91b2af', class: "digi-form-select__footer" }, index.h("div", { key: '5d6c5b802eba0c2238dec9930a6655f3ce57342c', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'f2c347f0404db61bace89dd4aa7e98c50b7ac30d', "af-variation": this.afValidation }, this.afValidationText))))));
+            } }, index.h("slot", { key: 'ed82a06240fe10c179402c90615edde45e9da473' })), index.h("div", { key: 'f1697cbb3cbc01986b5542f4add369ca9178cf39', class: "digi-form-select__footer" }, index.h("div", { key: '1a34515eb9a7fd054c9039807cc5b7899f62e8ba', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: '073ef11072ddd077b2143dc684df8debcd0a5d85', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -3583,7 +3583,7 @@ const FormValidationMessage = class {
         }
     }
     render() {
-        return (index.h("div", { key: '1d765a8f3ab31e6140d0cf1b38c16df16125ab86', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: 'd72919b3424c3c93cf4027b45a97141d4d25c12a', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: '94f63d1b27caff2d4901a0c865b05214569e8423', class: "digi-form-validation-message__text" }, index.h("slot", { key: 'a1f927cc629d752f7885cb6dc063ebef24feed78' }))));
+        return (index.h("div", { key: '87cfd545e9a322d3f3f76eb5c1a5f72f3b3e1d61', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: '86ecd1d686be2db97e21942f48e92ebc75edff3e', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: 'e302e1832c6f05cd1e23688a10c57fd8bc51585f', class: "digi-form-validation-message__text" }, index.h("slot", { key: '5d7d6b39d9ce96c165ff97c9a4d7fa43b92d6718' }))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -3602,11 +3602,11 @@ const IconCalendarAlt = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'fd6b08fb5ea743051c0b16099197ec3e9bf39f9f', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '717dea2fb09a3cf7b12e4feb9b879715b9a21493', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '5b427f5678e47dbbb79f021a3dbb5c5bdebf3210', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'cfd51c6007132d9d7999883ec2f30749d22e6f9a' }, this.afDesc), index.h("path", { key: 'e87a72c3bc9c0fa4c93b325aae5e80e591b59698', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'e365ef1b093c66b7a0542a1783179f7bb613c785', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ae3b11661fb765c26a36af123cb387241d67da6e' }, this.afDesc), index.h("path", { key: 'a794cb9d725f7cb96510aba86d76d24d294a4749', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconCalendarAlt.style = DigiIconCalendarAltStyle0;
@@ -3624,11 +3624,11 @@ const IconChevronLeft = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'b88f989a94d17792a9d1e5889f05f2a426b22d7d', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '270c79be5a401a8379049f3a2a3e8879b4726dc4', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '6a2458cc2ead4e8681a9ecb558b5a86750089e00', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'b273c58c4707a98787d86900b8f1fcc99b1bd5b8' }, this.afDesc), index.h("path", { key: '19d2e3a426a6ab279281e1e43ecdc3dfb42e4adc', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+                    : undefined }, this.afTitle && index.h("title", { key: 'd037a28ce82daa37205b708fdb5fa063e4eef4f1', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '9d8c7e5784556619124a0b60c05eae08e35e9464' }, this.afDesc), index.h("path", { key: '3b6f2550b3022beaa736e4702bf0103663a1aea6', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
     }
 };
 IconChevronLeft.style = DigiIconChevronLeftStyle0;
@@ -3646,11 +3646,11 @@ const IconChevronRight = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '879dc9a26dda3271d06221075c0d73cf784c155b', class: "digi-icon-chevron-right", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '68185d039e92ea914b081d7340634d811f51f492', class: "digi-icon-chevron-right", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '5a650f83b25b5bf1fe63516a9c09017528cbfeaa', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '8576be21c6efe68c5b51c5b869024eb5f80732ab' }, this.afDesc), index.h("path", { key: '468f6444a428061234e1198f9f95c6937bef7951', class: "digi-icon-chevron-right__shape", d: "M1 13l6-6.074L1.147 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+                    : undefined }, this.afTitle && index.h("title", { key: '2d5e9ee86f056a11b9a11e5a838d74140fbb35f2', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '0745cb39d634686b396033dc3adddd7b79afcf30' }, this.afDesc), index.h("path", { key: '8cce9cc1838fc0b53e405c6ca78abf356e5dae0d', class: "digi-icon-chevron-right__shape", d: "M1 13l6-6.074L1.147 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
     }
 };
 IconChevronRight.style = DigiIconChevronRightStyle0;
@@ -3668,11 +3668,11 @@ const IconInputSelectMarker = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icon-input-select-marker');
     }
     render() {
-        return (index.h("svg", { key: '1e02a2f3a08ac40255417454a74f0a5df27de52a', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'b1c2af5879cec1294170dcaf2feef73d43b4927c', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: 'fc483316cd294aa2ac7cd5aefe543ad96ed25193', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '0114d9cb9b14b52311bc44806e02b13ea6a4cd09' }, this.afDesc), index.h("path", { key: '31d5c77559631ef0d07fc324f981af0368a5e25a', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+                    : undefined }, this.afTitle && index.h("title", { key: '426f57c838fc6878ef989422bf399a4a967fa127', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '125a12c09683e9289e9c6bc5684f2e322ebc3e4d' }, this.afDesc), index.h("path", { key: 'beb311202e133f7bcf33b102e72b46081e3b9b16', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
     }
 };
 IconInputSelectMarker.style = DigiIconInputSelectMarkerStyle0;
@@ -3690,11 +3690,11 @@ const IconValidationError = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '9bcffd70d15bac51ac40d626d32ed3fee3a3cf8a', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'e5926faf5138de2f678ceaa64d0ec68f2f441167', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '699395c6cd6c8819c8d8b37418edd7b7f13c50b3', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ee5fe058a625f08847b75cce380317966ff460f7' }, this.afDesc), index.h("path", { key: '12fc387b08d6d562ccd7a7d6135b515ad69567f2', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && index.h("title", { key: 'd822ccc0d2f55fa4f28efdd1121f35ef084ccf4a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '5415f721eb24785451786ed2e83ab0c86e708996' }, this.afDesc), index.h("path", { key: 'fe92d9254af99570ef6e3e6dc1f332817804c2c9', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconValidationError.style = DigiIconValidationErrorStyle0;
@@ -3712,11 +3712,11 @@ const IconCheckCircle = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '93e5e89d400ac61cfd72a19b1d9c41845ed0e529', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '41d3993b98edbb949475cc3bafffd7623627e687', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '106c694331991a41fba7b9e0bc868687a866ee76', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '200dd89c03ccded526d1882dc883c4b0ba11318b' }, this.afDesc), index.h("path", { key: 'c9bdf2d2a029f4910e1d90ae33d8fd92ea9f28fb', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'ba0cbe303c02f48953b41565035ad1e31d35dd05', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ee85ecc4d62ac8f299a587eb0bd06915784d0206' }, this.afDesc), index.h("path", { key: '170aba20ee2ddc3127b0ded6f2df15a5703ce633', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconCheckCircle.style = DigiIconValidationSuccessStyle0;
@@ -3734,37 +3734,15 @@ const IconValidationWarning = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("div", { key: '2946355e5e95978f5719d070333a890c0bfb5d55' }, index.h("svg", { key: 'f5eb51220fd9acb37eff03e4c758731498ca3697', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("div", { key: '3d2603c36948ea130fd95859372c1dd8cd7546c2' }, index.h("svg", { key: '1c9cc8327c739a5705d42dd684811841c0adac21', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '08370e29e04c815421408b98c2cb2a4a41d06b33', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'bf5fd56abbfb0eb182e0d2b9fda93226ad09fa26' }, this.afDesc), index.h("g", { key: 'bb1be9aecdb4c76395e408a6dcb0cbb6aa82b41f', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: '52b3bca3201cc1c1e2f42a8ae7c6d361679cdbe5', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '249091506e8315e092b799a7595e872effc0c807', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+                    : undefined }, this.afTitle && index.h("title", { key: '4d9d37418650040068cc7e139dc1166070779b6f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '62b30166ecb5960a6f98d06dbf0bb0f8f1e5ffd6' }, this.afDesc), index.h("g", { key: '6731b721bfb44bd7bc18e7a4948a7a0c04298c61', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: '07f862279ab37e0d898545fddf1264c3b1b2f2ce', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: 'bdd59d64cb3c2235c243dbfa79f18fbeac82306b', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
     }
 };
 IconValidationWarning.style = DigiIconValidationWarningStyle0;
 
-const iconXCss = ".sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
-const DigiIconXStyle0 = iconXCss;
-
-const IconX = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '3cce0ffd3de94a550e4c58a04d43e91e7472148b', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'b2b80f2c79ffd7a41944f91754ff56666fd646c6', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2a431cdb4add28c27f3c232ad391460d04320385' }, this.afDesc), index.h("g", { key: '15088afc072d9a3233f363a0601f38f0d5130b19', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: '9343259e78002f12582799c35094b3ccff440ad2', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
-    }
-};
-IconX.style = DigiIconXStyle0;
-
 const UtilKeydownHandler = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -3836,7 +3814,7 @@ const UtilKeydownHandler = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'c005ab4f415b2b68811263ad16350be67b0d08fd' });
+        return index.h("slot", { key: 'bb3fb0c08c100c37b5f0014bfb064316b6e70f6b' });
     }
 };
 
@@ -3910,6 +3888,5 @@ exports.digi_icon_input_select_marker = IconInputSelectMarker;
 exports.digi_icon_validation_error = IconValidationError;
 exports.digi_icon_validation_success = IconCheckCircle;
 exports.digi_icon_validation_warning = IconValidationWarning;
-exports.digi_icon_x = IconX;
 exports.digi_util_keydown_handler = UtilKeydownHandler;
 exports.digi_util_mutation_observer = UtilMutationObserver;

package/dist/cjs/digi-calendar-week-view.cjs.entry.js

@@ -2234,7 +2234,7 @@ const CalendarWeekView = class {
                 format(new Date(lastDate), 'MMMM yyyy', { locale: svlocale });
     }
     render() {
-        return (index$1.h("div", { key: 'cf671623b23a03523dfd3ec0db0eec3df6f2dd76', class: "digi-calendar-week-view" }, index$1.h("nav", { key: '6aa79f9093a643a04a5b142dd64bc4647b69f6df', class: "digi-calendar-week-view__timepicker" }, index$1.h("div", { key: 'a264a62fc6ef4f5c07a4618480a96792bd3827df', class: "digi-calendar-week-view__dates" }, index$1.h("div", { key: '8d7341cee9dcb0282273f3404c6885938de7f01d', class: "digi-calendar-week-view__flex" }, index$1.h("digi-typography", { key: 'ee209d98aa8899b55d912a0d26cd598c702f222e' }, index$1.h(this.afHeadingLevel, { key: 'eb23f5e42e562c2d0a880f0d70d09e662321f4e9', role: "status", class: "digi-calendar-week-view__heading" }, index$1.h("span", { key: '5ea2d7a5d2e87ac3cb9393a36954b2d85ae9db35', class: "digi-calendar-week-view__month" }, this.currentMonth), index$1.h("span", { key: 'f534204d77350b0bade6d081d221d68e3555ea88', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), index$1.h("ul", { key: '816553435601ca5a4d7197c35ff46af328cdf62e', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
+        return (index$1.h("div", { key: '967ccb9710018973a960ae36d52157ba85dacfed', class: "digi-calendar-week-view" }, index$1.h("nav", { key: '6a9137d8f8a8e652d26d099ae652cb76e5665b51', class: "digi-calendar-week-view__timepicker" }, index$1.h("div", { key: 'a2b8aaeaa93e391e65847b2ea8f9b455e86474f1', class: "digi-calendar-week-view__dates" }, index$1.h("div", { key: '0cc675c0cd67d042e5e27a38a6665ab30e516cea', class: "digi-calendar-week-view__flex" }, index$1.h("digi-typography", { key: 'd47f59955354cb435dc80895059c6e4fd6eefa8a' }, index$1.h(this.afHeadingLevel, { key: 'f01725e82afff23b8ae357b30af909b325d85279', role: "status", class: "digi-calendar-week-view__heading" }, index$1.h("span", { key: 'bbfab19eec8776e640ed235654c0fd960faf5722', class: "digi-calendar-week-view__month" }, this.currentMonth), index$1.h("span", { key: 'a3a52801083cd83351056d474e01df926d8b0117', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), index$1.h("ul", { key: 'a3f3703318fa5400cd32ee5d3af896900a032acd', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
             const date = format(new Date(dateItem), 'd', {
                 locale: svlocale
             });
@@ -2254,15 +2254,15 @@ const CalendarWeekView = class {
                 } }, day), index$1.h("span", { class: "digi-calendar-week-view__date-button-date" }, date), index$1.h("span", { "aria-hidden": "true", class: {
                     'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
                 } })))));
-        })))), index$1.h("digi-button", { key: 'b3e13206cde9240aff492b1875f68f372779c53a', onClick: () => this.prevWeek(), class: {
+        })))), index$1.h("digi-button", { key: '2edb685459c4cbf8a0120ab340672b17d0ea3f9f', onClick: () => this.prevWeek(), class: {
                 'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
                 'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
                 'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
-            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-left", { key: '4c2913caad1960fac926fd167601229e6e4b6864', slot: "icon" }), this.prevWeekText), index$1.h("digi-button", { key: '32f46f7f0752a8b26d273075f16763f2cf725171', onClick: () => this.nextWeek(), class: {
+            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-left", { key: '8948b12a1654f9ef46728ea8de3b1df5f40addcd', slot: "icon" }), this.prevWeekText), index$1.h("digi-button", { key: '729ed8eebce68168b66c5365588a52b1279eec3f', onClick: () => this.nextWeek(), class: {
                 'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
                 'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
                 'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
-            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-right", { key: '7d5f0845dc359264849d55327ef7b1fdc195dd9a', slot: "icon-secondary" }), this.nextWeekText)), index$1.h("div", { key: 'f2b405ff5781a66353b718de8ed4043e8c499401', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, index$1.h("digi-typography", { key: 'a11e26bab95f41515c948d69ea54f3a89fc37a60' }, index$1.h("slot", { key: 'acfe0aadbd1b7607d1d78b1be9d607b9b5ba74c2' })))));
+            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-right", { key: '75bf1669a5d9dd3f618661c79202dc8e69f6c8ea', slot: "icon-secondary" }), this.nextWeekText)), index$1.h("div", { key: 'c7379a321936f28783d2f7a4e1e94d0b119de471', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, index$1.h("digi-typography", { key: 'f7e55435a94c5bff18a3b4b7bfa5d397291f7e8c' }, index$1.h("slot", { key: '7c59e144a47c721f5f4a454b9776c708f6d2f15c' })))));
     }
     static get watchers() { return {
         "selectedDate": ["selectedDateChangeHandler"],

package/dist/cjs/digi-chart-line.cjs.entry.js

@@ -2305,7 +2305,7 @@ const ChartLine = class {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (index.h("host", { key: '3fd0ff05a416b160b504118a59440c3cd45540e1', ref: (el) => (this._host = el) }, index.h("div", { key: '72f480c3f41004e8892ecc758efb5f17f19975d6', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '14e57f41d3bdddc8d4dbf4a427d49c8f8efe4042', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '1d7f6264bc92f59cb3435e52f2c9c6d543b1f1ff', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: 'e30a5c70a165006be7d26ae7d2dce0194f7ef1db', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: '736bc6dca71ac63039af38291b83954319823f86', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: '785c60026da5b10357c576536fc961b4de240bc8', slot: "icon" }), "Visa diagram"), index.h("div", { key: '80c1446c2d0ed934240c76594b4d57c473ebe287', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: 'c1967d458dff110cac2c38ad5c6c7b1c0a9349ff', class: "chartTooltip", id: this.afId }, index.h("div", { key: '18c1ac0babb851fd86f8ebc82587179142cf427c', class: "tooltipHead" }, index.h("digi-icon-x", { key: '7eec9f8fc3c154e3e26c998d618d02da66d7e380', class: "close" }), ' '), index.h("div", { key: '358497a7f175754f43fb106d3a9d26e310923653', class: "tooltipBody" })), index.h("div", { key: '0013f988af31ddc540efe0d29ea1760eab60b34d', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: '222ca9c2fe1acaef91fed817f5a885fb9bf89565', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'f6990353582af550e483ed78f06b5776c55811da', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (index.h("host", { key: '0aab34e11f412e3fea690e806cd2d9067bcafe09', ref: (el) => (this._host = el) }, index.h("div", { key: '941eef6b6e130641acec11ec4ee893611a811d75', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '2f4a69e973def39e52ef01bea01d2c6fe9accc47', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: 'e7b8e1e0a202b33b1a3a32af43d642fd925dff90', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: '5dbedd2ceed7ef62100f610c57496675a2b2254b', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: '9a0d402143c1087582f88ec8b8a12152fe665a3d', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: '082bd94e92917727ed627cce01daf437f71fcf39', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'e0c445ff5e9c6832831d45ee1e8bd1c37c8c6ecc', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: 'f012774817ee966de745cc20dd2410a44c7562d7', class: "chartTooltip", id: this.afId }, index.h("div", { key: 'da2b1f257ff3fb7b6b141af96fd85ebf3442accd', class: "tooltipHead" }, index.h("digi-icon-x", { key: 'a50f73e003c912a4123a83f4c64cd5cc03bf6c68', class: "close" }), ' '), index.h("div", { key: '25013c3bd2d261beed1bafce41d599b7625b5bbe', class: "tooltipBody" })), index.h("div", { key: '7d8ee22026572d3c6cdce7200c98c3b665ba948b', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: 'bf0d27d67c1c86d701401828ec59bd6f873a96f7', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'b3539e60f97683d40b50e91be789eb78ab6d7061', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-code-block_3.cjs.entry.js

@@ -87,7 +87,7 @@ const CodeBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: '7da7c24753c591cf5d4cbaae14a8216656845fe1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'ed0d821a7de52b976c43f400f3d18133748daf66', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: 'aec25bc79623ab7228a49c06ca94085966c0703e', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '96613b6086dfddf05e3c750940166a3a47dd669b', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'e24b2810009f096b615b600aefde8f9f5b2938f4', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: codeExampleVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: '78df6930d661b8fbeca5e0d9d28ea40039efe904', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+        return (index.h("div", { key: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: codeExampleVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     static get watchers() { return {
         "afCode": ["formatCode"]
@@ -109,7 +109,7 @@ const FormFieldset = class {
         this.afValidationText = undefined;
     }
     render() {
-        return (index.h("fieldset", { key: '7cbfea53d490bcbd9f960582ba65db760c940f37', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (index.h("legend", { key: '7790000c31f93f7d84d5f734c61a46a2f5421d9c', class: "digi-form-fieldset__legend" }, this.afLegend)), index.h("slot", { key: 'b56e3f870dcb67a78fcea0e26bee79147c27bd09' }), index.h("div", { key: 'c464c380963f13a8b2bbb4c2eb132a1663591db4', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != typographyVariation_enum.FormFieldsetValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '3b601ce81919801e2113311c7da174a3cb0db47f', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+        return (index.h("fieldset", { key: '69f69f2e9db30581503c30b868cefeb1fb4ab521', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (index.h("legend", { key: 'a5b8178d0bb6836cece62ffe705337af72fd9f69', class: "digi-form-fieldset__legend" }, this.afLegend)), index.h("slot", { key: 'fa8aca2038f312d4f494413d908b94840dfea516' }), index.h("div", { key: '17588937df36149bdd44bbfae684f917c6118337', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != typographyVariation_enum.FormFieldsetValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '50c579fecf2fa47e10640a03cc63a751e7b70560', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
     }
 };
 FormFieldset.style = DigiFormFieldsetStyle0;
@@ -196,9 +196,9 @@ const FormRadiobutton = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: '96420bfc47a451d753ef1a8b0c004725defee225', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '15cb59c25f97e4f5d76eb37f84d25f4bcb61cfcf', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
+        return (index.h("div", { key: '1d6a28574af8e43a49e92d2fe6f767f0e3692829', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '34eb9e492e0f0ff485b0e8ed2557022c82228811', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '0da38fbe9e3c8902f502cf9081af2a30b4a9782d', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '56d8957ac7def30966c9f2a7f805a84013e1b5d8', class: "digi-form-radiobutton__circle" }), this.afLabel)));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '1e1f8906b74f1c1969677b463234d27c46d9deff', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '08d43eb4360ee81c2b448edd900684045ca2de96', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-code-example.cjs.entry.js

@@ -136,17 +136,17 @@ const CodeExample = class {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (index.h("div", { key: '92832626f4ab9639e40dcd035b19cda093241fa8', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, index.h("div", { key: '34065a2b928886bcdafee852c8bbde3cbcaa0fcb', class: {
+        return (index.h("div", { key: '2504eb214d681d53d5db5f7ee4bbf070da4ac6bd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, index.h("div", { key: 'a0ceb68001efe0e88fa477ad8c2d01c9b1dd8644', class: {
                 'digi-code-example__container': true
-            } }, index.h("div", { key: '35d295b3357c3cbd52a1355b1bf4bde93a1adc47', class: "digi-code-example__example" }, index.h("slot", { key: '1f6be5b28348188541226eb3c9a34442003ab634' })), !this.afHideCode && (index.h("div", { key: '297c430dbb2ae80a9b189477a04b399bbdae573b', class: "digi-code-example__code" }, this.showMoreButton && (index.h("button", { key: '5021875d50836b270b8cedbe27e0811d6c7b12d3', class: "digi-code-example__code-expand", "aria-label": this.isActive ? text._t.code.show_less : text._t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? text._t.code.show_less : text._t.code.show_more, ' ', index.h("digi-icon-chevron-down", { key: '750c97bbebe294c414c77a644e2f9f37f678b448', class: {
+            } }, index.h("div", { key: '175257f48da6faf68791e79cca21b7ac32fcc7bf', class: "digi-code-example__example" }, index.h("slot", { key: '9f4c44dcc64eb3b3b8a471218052a59c2fd415e5' })), !this.afHideCode && (index.h("div", { key: '438208775e65656d25cccae3870a5efb892d176e', class: "digi-code-example__code" }, this.showMoreButton && (index.h("button", { key: '8fcbeaa3373450f5811d27bae2a2e7920f7949ea', class: "digi-code-example__code-expand", "aria-label": this.isActive ? text._t.code.show_less : text._t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? text._t.code.show_less : text._t.code.show_more, ' ', index.h("digi-icon-chevron-down", { key: 'df424b79ffa72a86c9af76c5445d8ba6af01c0bc', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), index.h("div", { key: 'b7179ceec32acda3f2e6f2f9baec813ce791e72d', class: {
+            }, "aria-hidden": "true" }))), index.h("div", { key: 'bda1ff7309767aafa1feef42769b197d16c4484b', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, index.h("digi-code-block", { key: '83dc582d0daffeeef6722bd7bfe5db78e465dd58', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (index.h("div", { class: {
+            } }, index.h("digi-code-block", { key: 'e9a3ac82bbe4a6aca0ce15aa697efdb5ec5ec9f5', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (index.h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

package/dist/cjs/digi-code.cjs.entry.js

@@ -34,7 +34,7 @@ const Code = class {
         };
     }
     render() {
-        return (index.h("span", { key: 'fe5bd7c4e18d5038c0edb7d3be15451069a86388', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, index.h("code", { key: 'f5a186e1fd1c8021216c26bb2220460b4cd47921', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (index.h("span", { key: '8b58df902f5d794e1874e6b0f6f7790b5a10985d', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, index.h("code", { key: '3e26521ae19d2c7e08ab30a24e1c328ee709fa94', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get watchers() { return {
         "afCode": ["formatCode"]

package/dist/cjs/digi-context-menu.cjs.entry.js

@@ -206,13 +206,13 @@ const ContextMenu = class {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (index.h(index.Host, { key: '4e8d4eaef09ba8221c86c8f902dfd1a87e9fa7af' }, index.h("div", { key: 'cfd85763e955b4d86e8c15c9fe59cd5142cf299d', id: `${this.afId}-identifier`, class: {
+        return (index.h(index.Host, { key: 'd2a7ce5b274c40d0cd8d2dc14ecd16f213f625ed' }, index.h("div", { key: 'daa7cc434e475a8780fd04a902185d1bd38c6215', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, index.h("digi-button", { key: '27e62fa02246723e52b0595013e657bce4b36951', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && index.h(this.digiIcon, { key: 'bfe44549892617cfbcfdb6d94380974ba26495d5', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: 'b4b68d61df1505026533a9e82f76b5a1aed58d62', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '11f1abdd973720de6fdba6bf2b8b7861b1dc2e44', class: {
+            } }, index.h("digi-button", { key: '2177e28904af67feec33d924d55240855923cae4', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && index.h(this.digiIcon, { key: '8d06f25a76270489266b9403919b4dae0ef6daa1', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: '9da9554c531f8952d5a29d28cb0bc51914245f64', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '4dafe424e116c2b78dcf6f5266a9422bc5f116c7', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, index.h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
+            } }, index.h("div", { key: '1d811dff01c1d5d4b5241a825cda742d465427e6', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

package/dist/cjs/digi-dialog.cjs.entry.js

@@ -279,11 +279,11 @@ const Dialog = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '1042565e08a72c9512c65764bbfe543f12ab9930', ref: (el) => {
+        return (index.h(index.Host, { key: 'b6fa143b71709908623eda3f8fda037f523a4f90', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (index.h("div", { key: '19cd13160ff92c02c838a6e6418aa0f41eb382d9', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: '197bc7df564a9510bd4c3723e0cf7c0dcd518467', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: '8dee3b4c1df6bbb3760f4b764e8a0833a34fa538', ref: (el) => {
+            } }, this.afShowDialog && (index.h("div", { key: '46ae05735ed8f54c75a82b5cc5e23effae77e745', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: '0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: 'd6da8ca0633774200dff4ade8fb170f2fd19b6b9', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: '9f91050295a0af97898292c5bd088004160e022d' }, this.afCloseButtonText && (index.h("digi-button", { key: '404f184d925acda67f90220589847fc25541b165', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: 'c997126d5b43ee4243f3232bd1197f83e714f6c9', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '55ae410a6893d354ed827ee29cd056740132f599', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '416e7678abc6be26ab0e0571c0b73c91eb04b65f', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '1e27a7c8709f8b8374c221ef4e47b19202e2068c' }), index.h("div", { key: '6446138b88ab4e38193208d346c9a21300033f09', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'ad5045a4a6949a9f9bb7d6ab199a34aea12b7950', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: 'c03997ae763eeaa8f7047d909dcf668394618e83', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac' }, this.afCloseButtonText && (index.h("digi-button", { key: 'e52c53a254adfca3c0e7d22500f381877feb798d', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '78b867c769a5f170a7b09270f0a466358febd0df', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '20b204bea4212367ed6202e73185ee0f63ab85f3', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '20b227dc35ebe307589e097cb64bcd7c47913729', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '2c5f707d8a5db9957a252e1a6a454824521b6541' }), index.h("div", { key: '167c44e5b9827f66b9355180d6af6a9fc8f783ad', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '1208655a175f323aa4bff70b0cf8daa28e2f3e86', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-expandable-accordion.cjs.entry.js

@@ -83,7 +83,7 @@ const ExpandableAccordion = class {
         this.afOnClick.emit(e);
     }
     render() {
-        return (index.h("article", { key: '336241503377b02740b45d89667bbc54b1b35ed0', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: '7c6bed5fec11cb270498e60b9f8ae5590224f1d0', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: '3987d2afeed73945dcbcaa7e7dead17d18c88aa1', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '82e91f6e4ca556f0de5dbd4916c9bc3d4c3e1a42', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, index.h("digi-icon-chevron-down", { key: 'd3100e528c4f93c03ae693c45f5a885d415e8f07', class: "digi-expandable-accordion__toggle-icon" }), index.h("div", { key: '1743582efce077cfedca361a3aa7c0b11e637c48', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), index.h("section", { key: '95fa885be60518b90364f9416074746fc9d5dfaa', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: 'dd1bfbdc18dfbc0418747883ab5fda8235f91ddc' }, index.h("digi-typography", { key: 'd4fa43c03b777bf0734a7dab2457716e201e160c' }, index.h("slot", { key: '37e15ae8fbdb33bff41b4e37729f1d3efdf769c6' }))))));
+        return (index.h("article", { key: 'b08e4bbb4a2956b84516f66657d6325e734d48c2', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: 'e41faee765bdd4102afeafdb4bc8d16968a68f32', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: 'f4d7007ac8251c13c4e04b57ac94bbe469bc7078', class: "digi-expandable-accordion__heading" }, index.h("button", { key: 'a2b7fb9290a255deaa4cf540f009f89f3718037c', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, index.h("digi-icon-chevron-down", { key: 'efb0e571d1e6df737155c9b1ae981cc30454eb0e', class: "digi-expandable-accordion__toggle-icon" }), index.h("div", { key: 'c4af3ba7d8b96c9873e47efef07d008b3ae4f502', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), index.h("section", { key: '3d82589e8eb52b9bd7af94962f7c957b91523186', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: '724a0623fbfc5ec5b8649c793cf3847616325930' }, index.h("digi-typography", { key: '25eb5ec621cf75bcbd3822e323092e101119dbbf' }, index.h("slot", { key: '29a9704d5e443f391483333be1b11822109dca44' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-expandable-faq-item.cjs.entry.js

@@ -74,18 +74,18 @@ const ExpandableFaqItem = class {
         }
     }
     render() {
-        return (index.h("article", { key: '3dfce2bfda479c187d80fa5deddae374d1d7edb3', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '524c6f1da105dadd5f2604bd81076fa8bd1690fc', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '6ee1a53347a8b8473956153decb110f6acde9445' }, index.h("button", { key: '0fa62090e13384bebc03cf15aa77f8721fd124d2', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (index.h("article", { key: 'e412b493af65f46ae29f328eddcb578b2541edd8', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '145157d04dfdc71a3c97fa7aadf4e907407ad98d', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: 'd756b0ebc4c2787eb6ccfc209332d5ab91bcd850' }, index.h("button", { key: '47ad4e697d1098e17e08f662ee8623b5cbdca1f7', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: '69be1e9d75cdc277e5ae2b83996e0c103cdd2376', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: 'eea58e9001fbeac3d398de353c267b5e5a32ac9b', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), index.h("div", { key: 'c92307fcd4f1944aab08ea111ed4c5aa1d5e760a', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), index.h("section", { key: '6cb3a8c6fa81af441ba1eca78f509c5cf78f016b', class: {
+            } }), index.h("div", { key: 'a5bd2b8c7a79543c3abc8dc4d8e287aad2b26712', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), index.h("section", { key: '535ff0e89a64e71ca8c8cbdd2f4492e71f46e374', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, index.h("div", { key: '7a2f0e4af70d934eeb9c745b0c64fe027b304f57' }, index.h("digi-typography", { key: '5f2690d5a2f22e6e0f992c28d28fd2b17ccd48d0' }, index.h("slot", { key: 'eb97626ba3321a57f1c547197bbd33ab796be28f' }))))));
+            }, id: `${this.afId}-content` }, index.h("div", { key: 'e8bf194e00157e1fead5927000024f7710ef8740' }, index.h("digi-typography", { key: 'a1fe6e46cc23cf0f6602d041499e04ff5952b119' }, index.h("slot", { key: '83a8cf8b3316a072b08202f9ba8ccaead336dfaf' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-expandable-faq.cjs.entry.js

@@ -53,9 +53,9 @@ const ExpandableFaq = class {
             });
     }
     render() {
-        return (index.h("div", { key: '1f3dcc55e6e60e2624a647817174a2dd1f8574e6', class: {
+        return (index.h("div", { key: 'd1351ff9e840ef3f2a93db7724ba5808fef5ebe3', class: {
                 'digi-expandable-faq': true
-            } }, index.h(this.afHeadingLevel, { key: 'b557cac87e08ff794989dc92d9e7c405859707f1' }, this.afHeading), index.h("slot", { key: '694f4df0a65c40eae1e4e260fad27377f31fd31d' })));
+            } }, index.h(this.afHeadingLevel, { key: '62ab39883256fa2b7544eb747497a19280e57909' }, this.afHeading), index.h("slot", { key: 'd72a84f027f5abb9dd32547606704c36f299759b' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-footer-card.cjs.entry.js

@@ -20,7 +20,7 @@ const FooterFooterCard = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '23a8c846f34617431940dbee7a45fe7df8215379' }, index.h("div", { key: '37bb961c71d120ac08e5c6ea56b49519ad84ea1b', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '253fb91e4a869d2bbaaee40b79bd9154330bf054', class: "digi-footer-card__content" }, index.h("slot", { key: 'c92407e7c27c528b34081dfa10705cc073016ff7' })))));
+        return (index.h(index.Host, { key: 'fa225634df0c6414c3949ba2e6828b7fc389d2df' }, index.h("div", { key: 'f1e422f341731f92616b787727fac43e806e95d4', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '63c5b87358d98b2f4be80d59780d8cc2f315a102', class: "digi-footer-card__content" }, index.h("slot", { key: '246e9b9cd9b60eb9cc1b1f5bb0b81425ce0b863e' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -63,7 +63,7 @@ const FooterFooter = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '290b5a6dc0fc87d2476f5129408c4cc44cf82f07' }, index.h("footer", { key: 'b92eeb3fa2abb7c669f23b408b286c2a30319193', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: 'e1e13da221898cad7fad5afb0d1f91fc34a988f7' }, index.h("digi-layout-block", { key: '74fd6ce8dd79bc68580e0e562321a95d0476fa61', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: 'ade99551f2d30e45584c3fe6eeaabaffb8f58d19', "af-no-gutter": true }, index.h("div", { key: '2dc0db77c9a88176570d5383848a0457fb5d5f53', class: "digi-footer__content-top" }, index.h("slot", { key: 'f941248294f4ff2d21c54e00b5766fec562a363f', name: "content-top" })), index.h("div", { key: '95108dda17e5de2f6ada16853c6075c684b23f26', class: "digi-footer__content-bottom" }, index.h("slot", { key: '35758a3012b9af1ae96b1628d8d1b2197da7d6c5', name: "content-bottom-left" }), index.h("slot", { key: '9bf0ee0fdcc999a676419e579cefb8267170cb31', name: "content-bottom-right" }))))))));
+        return (index.h(index.Host, { key: 'ee4ea5865121a24c3c7101bfa8c05c2eb3435dd1' }, index.h("footer", { key: 'ce6d22b1e0e6cf7162618c74e55a0cbc87e88e15', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '61d27159721343567f14badad6a856567b85448a' }, index.h("digi-layout-block", { key: '968df18f78b11b490b7e3ec2b2a474b47e18121f', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: '5a4b6b077e9778e8bc79f2607759e62c07f454f6', "af-no-gutter": true }, index.h("div", { key: '69d9448d50f5cf564e0c971da28f9cb1fa2321ea', class: "digi-footer__content-top" }, index.h("slot", { key: '5019f2a0590db884fe8aa7c6a2e8e97c30b067a1', name: "content-top" })), index.h("div", { key: '684f69689e98ca66403d1bd52ed36d4007024009', class: "digi-footer__content-bottom" }, index.h("slot", { key: '6a59e1787e2d9a52a83a01df7a69e84170c51975', name: "content-bottom-left" }), index.h("slot", { key: 'd3a16b9e1bd1220c252d11c0c318f1c7f7b2e0d0', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return index.getElement(this); }
 };