@designsystem-se/af 34.0.4-beta.2 → 34.1.0

package/dist/collection/components/_form/form-filter/form-filter.js

@@ -206,24 +206,24 @@ export class FormFilter {
         });
     }
     render() {
-        return (h(Host, { key: '7ada0004ebc0364a8f9b36ef0ec30f47b2484d91' }, h("div", { key: 'b4ae3920b7e20cd412ab512dddceab720c3ae59d', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: '33b46420ca800f91bea4414f515003e313c45ab2' }, h("div", { key: '4d6383fcd8a3bc6a5f2b0331fdf0c081eb025ce6', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
                 'digi-form-filter': true,
                 'digi-form-filter--open': this.isActive
-            } }, h("digi-button", { key: 'ba7220ff4a1cb9b41efba60118af483e02e44656', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: 'baaabea15e95c7f64913e7bc94610b8826003ea9', class: {
+            } }, h("digi-button", { key: '0fef77e1e39067cdd096e9089556348d753aa346', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: 'e61a6158e1c8909ea84ae8d2bb6313b228c69ec4', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: '9f883cfc59dd4ed47be8db4778c4199196fed3ff', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: 'bd0128fb644a7e6cab6974171c2a4a1cfa6d1f04', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '797632bcce9f9e95dfadb4f8480bd54728820d70', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: 'b1139fa62d9e1efdedb351a5b7c49e043b37af2c', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '93b44197a1bb780682568ab9cb9930dbf95415da', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '840052db4ddbba622e876fa7279898f7cd3c9f7a', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
                 'digi-form-filter__dropdown': true,
                 'digi-form-filter__dropdown--right': this.afAlignRight,
                 'digi-form-filter__dropdown--hidden': !this.isActive
-            } }, h("div", { key: '467b340fa0be5f9904ce0bb9275718da4f0c2781', class: "digi-form-filter__scroll" }, h("fieldset", { key: '5b6afc77162eb93aa1f812e863a799b1b4a0e47a' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'dda800cc45f71c140585c37c7c489e6b36273c6d', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: '75c9eeed26b192149887832faab2311f9fbf771c', class: "digi-form-filter__scroll" }, h("fieldset", { key: '9b234f932eb41c9c7dd29984f88ca194edcd6348' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '81169739f755d31d18dc0e8c9fd9a7435fa80a9c', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
             const isChecked = this.checkedItems.includes(item.id);
             const isTabbable = this.tabItems.includes(item.id);
             return (h("li", { class: "digi-form-filter__item", key: item.id }, h("digi-form-checkbox", { afInputRef: (ref) => (this.refs.filter = Object.assign(Object.assign({}, this.refs.filter), { [item.id]: ref })), afTabIndex: isTabbable ? 0 : -1, afLabel: item.label, afValue: item.id, afChecked: isChecked, onClick: (e) => {
                     e.preventDefault();
                     this.handleCheckItem(item);
                 } })));
-        })))), h("div", { key: 'abeee0ad4ef3760cf8305b22d2b690315c0c8512', class: "digi-form-filter__footer" }, h("digi-button", { key: 'b5ca7c77f6932c836a468f0569e80b2e2c1db99c', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: 'ff13148637fa36ab8bc3664244e1cb9a92100db0', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: 'f1aa1d7157693bba80426d69df5df6fcdfc5e2dc', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '3e1538e20c1a617b2e437ec8923c4630ed4b3f3a' }))));
+        })))), h("div", { key: '4870d1ff4d945751b715eebbff6dbd15d1b5517b', class: "digi-form-filter__footer" }, h("digi-button", { key: 'e4fbc043ccaa1c0b384a7af27af2a00338af8da0', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: 'fa1687bda6bc611f4e810039656f73aa8864ec90', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: '82c097a454fd958768eae605eb16317e2a0ed91a', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '7ce9c0f253557196321516b182bff2ce6b8d2da1' }))));
     }
     static get is() { return "digi-form-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-input/form-input.js

@@ -49,6 +49,7 @@ export class FormInput {
         this.afAriaLabelledby = undefined;
         this.afAriaDescribedby = undefined;
         this.afAriaControls = undefined;
+        this.afTrimValue = undefined;
     }
     onValueChanged(value) {
         this.afValue = value;
@@ -97,6 +98,25 @@ export class FormInput {
         };
     }
     blurHandler(e) {
+        const trimableTypes = [
+            FormInputType.TEXT,
+            FormInputType.EMAIL,
+            FormInputType.SEARCH,
+            FormInputType.TEL,
+            FormInputType.URL
+        ];
+        const shouldTrim = this.afTrimValue && trimableTypes.includes(this.afType);
+        if (shouldTrim && typeof e.target.value === 'string') {
+            const trimmedValue = e.target.value.trim();
+            if (trimmedValue !== e.target.value) {
+                this.afValue = this.value = trimmedValue;
+                if (this._input) {
+                    this._input.value = trimmedValue;
+                }
+                // Emittar afOnInput så Angulars value accessor får det trimmade värdet
+                this.afOnInput.emit(e);
+            }
+        }
         if (!this.touched) {
             this.afOnTouched.emit(e);
             this.touched = true;
@@ -132,10 +152,10 @@ export class FormInput {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (h("div", { key: '1f45247deffc916c1fdd69f2aadebc3a4655d443', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '2f5dfd077aa87c0ac3840d1dabf64668ab6f0a5f', 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 }), h("div", { key: '21c379f14fa6a4c2143c6e30c077bfe1d70be61b', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: 'd12a258eb68e14c9016517807a33822dc4891030', 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 === 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 == FormInputMode.DEFAULT
+        return (h("div", { key: '9acc16d036794f25216e49a11575acbc44ca962a', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '351044cb2bec07363c9178a84f86ac886a717f14', 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 }), h("div", { key: '0e8fb2b0183735e5032c075bf1c3e336a5c388cf', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '1b8e736b0e428f38cfc0253fb04c1089d477153e', 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 === 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 == FormInputMode.DEFAULT
             ? {}
-            : { inputmode: this.afInputmode }))), h("slot", { key: '8346f8ee438b322c8b8b560c3f28ad4a78c74c5e', name: "button" })), h("div", { key: 'c2c908367a40e0f9cd567a82c54c57681300294e', class: "digi-form-input__footer" }, h("div", { key: 'c8da79971aa7823f9d4f502393ba28ad9fd79a63', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'a8704a3d605060b6e0e3d2768a0b8a969fa76c13', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), h("slot", { key: '1888f22e280e7827556b86479d50ac9b7965969d', name: "button" })), h("div", { key: 'c1daf1418cb0b8f0cbaa341a5a73def149f532cd', class: "digi-form-input__footer" }, h("div", { key: '443a53342ad41369d7aa58d6d092039eea391736', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: '2f4cb87c8f8d79231cb9e71acfbef514b0fc001e', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-input"; }
     static get encapsulation() { return "scoped"; }
@@ -872,6 +892,28 @@ export class FormInput {
                 "setter": false,
                 "attribute": "af-aria-controls",
                 "reflect": false
+            },
+            "afTrimValue": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "If true, the value of the input field is trimmed on blur for following\nFormInputType: TEXT, EMAIL, SEARCH, TEL and URL."
+                        }],
+                    "text": "S\u00E4tts till true f\u00F6r att trimma v\u00E4rdet i inmatningsf\u00E4ltet vid onblur.\nSt\u00F6djer inmatningsf\u00E4lt av typerna FormInputType: TEXT, EMAIL, SEARCH, TEL och URL."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-trim-value",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/_form/form-input-search/form-input-search.js

@@ -110,10 +110,10 @@ export class FormInputSearch {
         };
     }
     render() {
-        return (h("div", { key: '894e7eeebb171b4cf80767875bda2d943b87eac5', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'ef21889f700815573b4b784a72dbeaf4385b8908', class: {
+        return (h("div", { key: '7de63915fb92fa4bc91837bb05c13d420207d818', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '67c9a320e90a72cc82b0515d5faa124624a5ae4b', class: {
                 'digi-form-input-search__input': true,
                 'digi-form-input-search__input--no-button': this.afHideButton
-            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '0671496f5e528f2d18e31867e338d92168be1e94', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '94ac3699331a41b6ce82ffa6156adb8990d5d189', slot: "icon" }), this.afButtonText)))));
+            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '87e99c7c90f41b66417e69629dd88307f3d29211', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '985805e3e6c0ada2974dd1043a7a85c70e289fda', slot: "icon" }), this.afButtonText)))));
     }
     static get is() { return "digi-form-input-search"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-label/form-label.js

@@ -52,7 +52,7 @@ export class FormLabel {
         }
     }
     render() {
-        return (h("div", { key: 'd86d1947dac2a20d453bacc2c3ab81a3c857811e', class: "digi-form-label" }, h("div", { key: 'b551d5fc571b85bf5546aea6f43f6f0cf1bb432a', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '8fdb4f78015f2eadaf7f62ed717cb07c9b7b6e9b', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: 'dc7e5d782d0f3ec6cbb202f05d76048d4e83a950', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '1265b95103778f4f63d02960f7c00e42c8ebff8a', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: 'a0a2ad0c5e5d0d76ee918e95bdbc86e7d57dd825', class: "digi-form-label__actions" }, h("slot", { key: 'ebed250a2afdff02f2a65eac0199e2aa08a3c6a5', name: "actions" }))))));
+        return (h("div", { key: 'e4a27fb5d0ce2eb12cee08acfe804f080486b805', class: "digi-form-label" }, h("div", { key: '9e06550d32519dc2bc89ff08e9025829275e959a', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '1408c2dcac2de2d64fe02bd371851bb557fae3dc', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '0dcab145adac7bb9d08d189ea317154adcb694d9', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: 'eab65c9d6ed4b2026a14ab605468c906c52f8f33', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '8394c8f21653cfe5889b234f9f5d0f32dbc5e1de', class: "digi-form-label__actions" }, h("slot", { key: '4e465d67ab95a7c212a47dda824241511ff3314a', name: "actions" }))))));
     }
     static get is() { return "digi-form-label"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js

@@ -84,9 +84,9 @@ export class FormRadiobutton {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '71e883414bbfe451a49bdb632200d335c9089917', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '856d7a51a42fc9e62bea2e15d5d855bf312409e6', 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 === FormRadiobuttonValidation.ERROR
+        return (h("div", { key: 'f1527cff067181bc4b22e4c47b59526136a9e4e7', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '3a16dd4de203e9607dd5583bb46e1695bd6c8298', 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 === 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 }), h("label", { key: 'fbc9c8352b7ee669c27843bf487a4c023f8e53ee', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: 'ca6bc3ee6dce19fecd650fce252ab9d7987c7f84', 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 }), h("label", { key: '9b1ba6f7b3bc98fae2db06ade0e2712241f2fa64', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: 'a19ad55d9c0f12428c650bbd6dcea15a9f757c64', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     static get is() { return "digi-form-radiobutton"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-radiogroup/form-radiogroup.js

@@ -44,7 +44,7 @@ export class FormRadiogroup {
         return {};
     }
     render() {
-        return (h(Host, { key: '56ba534a891fe531735c75b574700df7b0763d10' }, h("div", { key: '9abc1cea17aadca6383a07df530dd9dccb6917f6', class: Object.assign({ 'digi-form-radiogroup': true }, this.cssModifiers) }, h("digi-util-mutation-observer", { key: '0e3229b00154f836003ecef98f9e9d67504bf317', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '0254cddb2bc367ef826472e4e6223f3bee82999f' })))));
+        return (h(Host, { key: '10a387159750e22425c43ed7a50c26495942a630' }, h("div", { key: '60ed16f5262d61db5f26002ff2dc959fd57c5213', class: Object.assign({ 'digi-form-radiogroup': true }, this.cssModifiers) }, h("digi-util-mutation-observer", { key: '3faf46fe1f1f83ea814e2170ad2d28dd51102a42', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: 'fa1feed90506eaa8786d3fff2728c97d34cfb8df' })))));
     }
     static get is() { return "digi-form-radiogroup"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-receipt/form-receipt.js

@@ -58,7 +58,7 @@ export class FormReceipt {
         return (h("div", { class: "digi-form-receipt__content" }, h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (h("div", { key: 'd126e6ecf0ba913f3840244bcaf4b43d0f6c7ed2', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (h("div", { key: '2598f309822195720322405c3e92f4a3e5e84d9b', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     static get is() { return "digi-form-receipt"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-select/form-select.js

@@ -122,17 +122,17 @@ export class FormSelect {
             : false;
     }
     render() {
-        return (h("div", { key: '384ea03b70ff964103509414454536a9313ec5e6', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '1611e9a40c4eed7d856ee7de469c94bf5cf3a21d', class: "digi-form-select__label-group" }, h("digi-form-label", { key: '9a6767ccb28ffcc02c26f0d5a09af9e6a0897684', 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 })), h("div", { key: 'e854c3b8e42b517d46eeabaa9dbc61bd8dfac039', class: "digi-form-select__select-wrapper" }, h("select", { key: '68a245482b82b007ddfd284dae5423d8f263723a', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
+        return (h("div", { key: '383eae4d2e740bd424d76a095abe09e98602c0a0', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '9cd23532e83bbd843f6c6480562cbffcbe1780a2', class: "digi-form-select__label-group" }, h("digi-form-label", { key: '58ea8cf5d755a8ba5b84e9010097ad3d2b6f8576', 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 })), h("div", { key: '7c8a35e191cde25892e107415b453a6787a9ab23', class: "digi-form-select__select-wrapper" }, h("select", { key: 'ad62a59613e26f44eaaec5725174e0256028d886', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === 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 && (h("option", { key: '199b872d94c11731b1579c000210e09e134f37fe', 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 && (h("option", { key: '83b51b96cc3f59fa33ca7233a887e19466aadd1a', 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) => {
             return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
-        })), h("digi-icon-input-select-marker", { key: 'c70607984b25b384d4afea974acfec73d9014876', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '3c47f9bd879f5e0f253c1764ed12330fc62486a2', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+        })), h("digi-icon-input-select-marker", { key: 'f2556cbc4c38b65ce652511b03acb59f5082c577', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '619dfa80c868526ed3ff28d120f3798743f9c011', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
                 e.stopImmediatePropagation();
                 this.getOptions();
-            } }, h("slot", { key: '26033092f0e336bc286f40066cf504c7f458cd6a' })), h("div", { key: 'bb9b419bccf3567875bfd48adceb74f8244dbbbd', class: "digi-form-select__footer" }, h("div", { key: 'cc10cd5cb0113c203269f5bbb24451ad0c2328b8', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '985fa87fd5a6ad727dea34b91149f24c57fdf653', "af-variation": this.afValidation }, this.afValidationText))))));
+            } }, h("slot", { key: 'f29d471016704b271008e81fa06320ada1ecfb4f' })), h("div", { key: '4393c0e4fcf3a36bcd034f60ec6bbe49eedac057', class: "digi-form-select__footer" }, h("div", { key: '579755d6a2a9c3c5a9573beae36454cdb3d2bd3f', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '53f717a8fdce19710c9e1761476e522f7151e24a', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-select-filter/form-select-filter.js

@@ -444,16 +444,16 @@ export class FormSelectFilter {
             } }, h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (h("div", { key: '0e0b5a6c5ca9e2782dfc9ed604589fe05cca0cf8', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'fcd9458feb6f35f7e425fa4faa457a9fbf9fb69d', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: '9d6e03f9da5890bb7dd600228be6da5a0a26c70e', onAfOnEsc: () => this.escHandler() }, h("button", { key: '38dc236ff9a26b15aa55cc10239fd3904835378b', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '7f38dad37e5aeecaa02de3f54c5c9052e016b86d', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '0260fd61b57e7c21533425291bc9af612896dc27', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '5082b03f5d1185a8d556e9890bfa1e4bf4899621', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'cc17eb39eb1070957e32a6b006975fa6c865300c', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '97b95ee20a8430a88a716b1ba77d09c35ca6bdb3', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
                 'digi-form-select-filter__dropdown': true,
                 'digi-form-select-filter__dropdown--right': this.afAlignRight,
                 'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, h("fieldset", { key: '97e2ef5e977ef0d410d52e067185f3ab56c34837' }, h("div", { key: 'd6cd4d6328bf40daff973d3f796ba8476b65af18', class: "digi-form-select-filter__header" }, h("legend", { key: '725c8d83dbe228c2f863c3c16ad28c62ba352161', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '255914ffe629e78cd7161692f627301bf7158312', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
                 99;
             }, onAfOnKeyup: (e) => {
                 this.inputSearchKeyboardHandler(e.detail);
-            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: 'f04990f47e0c842447503c0c669fad9f075e1800', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '7da1585d05f256fc94d8750bbf0b4623b800e9db', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '6e401af39523d807e8b5feec5ef3338b66690b55', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
+            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '1c7566020cc272722d7978b618395177c114a9ac', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
                 ? 'false'
                 : this.afValidation === FormSelectFilterValidation.ERROR
                     ? 'true'
@@ -461,11 +461,11 @@ export class FormSelectFilter {
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '42b5cd64559f4fe910fb94169fe9bd35915aa266', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
                 ? 'false'
                 : this.afRequired
                     ? 'true'
-                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '9573d54691dda07e1b925446417e668f4fdd6bf5', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
+                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
             this._filteredResult.map((item, index) => {
                 return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -477,9 +477,9 @@ export class FormSelectFilter {
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (h("div", { key: '1f046cb3871016f267d32771466014cab90c12f6', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'a9ea9a5bf34d8175ae2a0dc4da89d929529c55ab', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '3d594d100272e7e202807d3b53201c2a3310ca4d', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'cfd532da0237b896c89e6e12a94660419a92ae76', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
                 this.setClosed(true);
-            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'a8caa89de2f8ee74440a06f5c9b68f194e891e49', class: "digi-form-select__footer" }, h("div", { key: '97cf1f6e9c109186c0af08f47219e7a6c19c9cec', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '46700b4b0b977f1c516b396e59ac53fcbe265ec1', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-select-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-textarea/form-textarea.js

@@ -104,10 +104,10 @@ export class FormTextarea {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: 'fd0ef1e2c3624e17719db765535663bf1c498e1b', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'f45e8c8245a017a7e0150c5e711a658308aa96d0', class: "digi-form-textarea__label" }, h("digi-form-label", { key: 'afbb725a28514570c89fce6e9fc962ebaecacb21', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '248eafa11e9a4800ce4c3e8cf4c4ca199663ceed', class: "digi-form-textarea__content" }, h("textarea", { key: '5c994e36c1e1506bb64c9250bf3126ce022cf825', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = 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-invalid": this.afValidation === FormTextareaValidation.ERROR
+        return (h("div", { key: '4e161920de063a876f4f5c43dfa6944922eef59b', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: '3ae923d8d252e998eccc232a0d0fee16175bf2ab', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '302f582d624fe4680fd0b4dc381a35ab51c390b6', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '8ab908ee5525be7edf84dc26c8844da4f2a8d43c', class: "digi-form-textarea__content" }, h("textarea", { key: '8bc1706df463f6d94d0a895691c33eca19dc2e0b', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = 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-invalid": this.afValidation === FormTextareaValidation.ERROR
                 ? 'true'
-                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: '2876d962abfac2404f99b80d30573b3b79027534', class: "digi-form-textarea__footer" }, h("div", { key: 'e7a25be1950f3c101fd658c74649e9c1766483ff', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'ec3f03d445910ae7283c1d26f4b75f953b110a43', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: 'b5267c63a67bc5b00f1b1e415230ebaca238beaf', class: "digi-form-textarea__footer" }, h("div", { key: '3306d1e5309d9a9dc0dcd72efb6d89b3f467b3eb', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: '4fe2ef8decb98c91db107c4ed2db9cba5dbc0038', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-validation-message/form-validation-message.js

@@ -28,7 +28,7 @@ export class FormValidationMessage {
         }
     }
     render() {
-        return (h("div", { key: '381c5da481f7f72b303b4c850c7a71afa99ca9b0', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: '14cf12c7ac42306874b565ec82692ad119c08af3', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '58433c2b83675f7458d64f1edf26df8a5d6a7946', class: "digi-form-validation-message__text" }, h("slot", { key: 'badfcc506270be1359cd9dceb5700b9c3558f582' }))));
+        return (h("div", { key: '476664be4624693d823227aab661bf0332f500a6', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'e5ce10d94d2c101e60b82b3b3808e320d24f20b5', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: 'cdfbd680c9b56b2efc7a38034957434344d5724a', class: "digi-form-validation-message__text" }, h("slot", { key: 'c8c8320411478b72d1887974e177cdf3f7e49f49' }))));
     }
     static get is() { return "digi-form-validation-message"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_header/header/header.js

@@ -35,8 +35,8 @@ export class Header {
         return (h(Fragment, null, h("div", { class: "digi-header__logo", "aria-label": this.afAriaLabel }, h("div", { class: "digi-header__wrapper" }, ((this.isMobile && !this.afHideSystemName) || !this.isMobile) && (h("digi-logo", { "af-system-name": this.afSystemName, afSvgAriaHidden: true })), this.afHideSystemName && this.isMobile && (h("digi-logo", { "af-system-name": " ", afSvgAriaHidden: true })), h("slot", { name: "header-logo" })), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" }), this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))))));
     }
     render() {
-        return (h("header", { key: 'bffdd74db2a3ea30c5896602fd71e0d436206a84', class: "digi-header" }, h("digi-util-breakpoint-observer", { key: '420402cc189450f82512323b9cb768fef96cd119', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }), h("digi-layout-block", { key: '20ea37efcc07968f880f5da9142c1e5f0b49847b', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: 'ebda2e364382399ccf925fe4122203d59bf87fd2', class: "digi-header__border", "aria-label": this.afAriaLabel }), h("div", { key: '513177251bd6ae5120bb2be9aab633e8c4bc1533', class: "digi-header__navigation" }, h("slot", { key: 'ceb48e37d7bf033045a02b7d55c5e32c6e7202a7', name: "header-navigation" })))));
+        return (h("header", { key: 'f0342b6d89e3273df1fcfd64ac15a7abad014fe7', class: "digi-header" }, h("digi-util-breakpoint-observer", { key: '89d9b086575b2b79ae9ea8d2440959a24d097c76', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }), h("digi-layout-block", { key: '6d2eebb1568cf36c42d612c3975fb491df19e044', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '3596d7f9ef54a94104616452038f0baed85a5455', class: "digi-header__border", "aria-label": this.afAriaLabel }), h("div", { key: '0d8b8bd2d3c26c8a02378cbf1263d427875ad4e1', class: "digi-header__navigation" }, h("slot", { key: '5cf3cbfe6ec1c50f9022c256f8dd7e51aeee0ef8', name: "header-navigation" })))));
     }
     static get is() { return "digi-header"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_header/header-avatar/header-avatar.js

@@ -54,7 +54,7 @@ export class NavigationAvatar {
         if (this.afShowPlaceholderImage) {
             this.afHideImage = true;
         }
-        return (h("div", { key: 'e69ae64ba8a7a9934762161ba31a882a22fb55f3', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: '4e8804a3b1541927b96aed54c1f888aa08559546', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (h(this.currentAvatar, { key: '7bd2474676e91bcea043e191a7e54557d21fe8cf' }, h("title", { key: '9cbb177ceb6e64a9ddf4183782f732f0d9d6ec16' }, this.afPlacerholderTitle))), this.afIsLoggedIn && (h("span", { key: '865916d4421d61bb7b2e5073a7f5d5b510ceb127', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h(this.currentAvatar, { key: '798d48190c2c391b61c9397837369505a3c350f7' }, h("title", { key: '229398e8d754f530b80d1b4ea7cd4bb59364957b' }, this.afPlacerholderTitle))), !this.afIsLoggedIn && h("slot", { key: 'fb1d9d7684cdccc388aa35826d1aaea33d7c196e' })));
+        return (h("div", { key: 'f0a6f919473f79842a1a5e8b420ebd28b5d69ddf', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: 'f9d7affc8b4fe35cc4ed34363fafb7dbefd68d15', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (h(this.currentAvatar, { key: '5e983a612f4f96444669a02715e27a0e39c3d5f4' }, h("title", { key: '4d366e241b7deac81ecadb841a0071cafd373fb4' }, this.afPlacerholderTitle))), this.afIsLoggedIn && (h("span", { key: '63a9b8cf263d9ba5ab7a251f2b1d49f4393d118f', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h(this.currentAvatar, { key: '36e6121136e826baa23bee042f99a1a429d93a1b' }, h("title", { key: '2083da06ed9647cebe92afa9b0df14b0289acdae' }, this.afPlacerholderTitle))), !this.afIsLoggedIn && h("slot", { key: '2a712f2fb05ece1a9a31cef3f9d8cd2e322ee288' })));
     }
     static get is() { return "digi-header-avatar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_header/header-navigation/header-navigation.js

@@ -153,10 +153,10 @@ export class HeaderNavigation {
         };
     }
     render() {
-        return (h("div", { key: 'cadc3f882917227e2fbe62a13a09d13ec021cd44', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'f31326c15e04af6dfbc92893fd264a2a465f571d', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '72f75d788b7f74eaf227abf2caa404a820906a3e', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '421a911df43b174f90890c103ac5b47d4157ff77' }, this.isMobile && (h("div", { key: '5e7d598db462750522968bdd2db5e1422b8ffcc1', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'aa30f0c38c9a952644cbf3befb4da90b7f727863', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+        return (h("div", { key: '466744f558b849c128d50d4d0139eaf5a3734771', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'c7a3e2127b1f4cb1a5996f129b6605a2f5bf3e9c', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '479ec7596c9b0f933ef3e95bdd4e4f5086793bd9', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '97e08e1032c9dc36b605ccefe42471ca8ebca24b' }, this.isMobile && (h("div", { key: '4b4ed23818b926d90d8f9ef83680e9dace653426', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: '8d8c2a78e114b5c1652cb1ac7d82508eb317d77c', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
                 this._wrapper = el;
-            } }, this.isMobile && (h("digi-button", { key: '55a6456b9875f087936166dddc0b6a87310d67bf', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, h("digi-icon-x", { key: 'a1124887226733c421d1d87a7219bccee2748462', slot: "icon-secondary" }))), this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))) : (h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))))))));
+            } }, this.isMobile && (h("digi-button", { key: 'bcc310f3bd30cd2269ec7a9f926a526b9447147e', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, h("digi-icon-x", { key: '2b16ee3def72ff04568e65226635bd9ed736e5ad', slot: "icon-secondary" }))), this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))) : (h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))))))));
     }
     static get is() { return "digi-header-navigation"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_header/header-navigation-item/header-navigation-item.js

@@ -15,7 +15,7 @@ export class HeaderNavigationItem {
         };
     }
     render() {
-        return (h("div", { key: '3a761305c72e566acfa9980be611f4e2d279f3df', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: 'eaa8e0ede77ada6e5ca6a88d497e5bb9fbeb02a9' }), h("div", { key: 'e47c404c7e098e3fc484c9fca2d7641fd3445c49', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+        return (h("div", { key: 'f2b3d1a422eef5c01dd6c4e6c5837590ca99d174', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: '534a3b60765e7872d8738a778e6f4d1f6da96922' }), h("div", { key: 'bd18424c88956d1b555032afbda0250dc69e2368', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
     }
     static get is() { return "digi-header-navigation-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_header/header-notification/header-notification.js

@@ -9,9 +9,9 @@ export class HeaderNotification {
         this.afNotificationAmount = undefined;
     }
     render() {
-        return (h("div", { key: '57f5c637787b53696eecc021fc7577df44597a0f', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: 'd26e2086d04cd07c24492e6f5d3efdfa2b38c819', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+        return (h("div", { key: 'c2b5d1c5dd8128c7bfe44605a115b9daca659d57', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '66e2cdcb5fcd2c1fdd98c296cdfd2ce5ee87edb5', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
             ? this.afNotificationAmount
-            : '+99')), h("slot", { key: '87bec7e2bfdb890e5a593980f26840d1dbb792bf' })));
+            : '+99')), h("slot", { key: '8b52b78ddd884469d40983ef3e8d3ef077ac8ee1' })));
     }
     static get is() { return "digi-header-notification"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-accessibility-deaf/icon-accessibility-deaf.js

@@ -9,11 +9,11 @@ export class IconAccessibilityDeaf {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '1e78bc3f4939f25f584c15f1e175bb36ddecedce', class: "digi-icon-accessibility-deaf", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '1e558d0a5bc22774931e0a948baac5509b5f421c', class: "digi-icon-accessibility-deaf", width: "48", height: "48", viewBox: "0 0 48 48", "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 && h("title", { key: 'bba1ccdbe6437bf7e0a9dc29205a4c1e04d5a501', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '10eaeefa537b5518a37380b810d36dc64ac9f48f' }, this.afDesc), h("path", { key: '17a1162ca823f38c1e2706704ed1d6326a01d11f', class: "digi-icon-accessibility-deaf__shape", d: "M17.7327245,48 C16.4900679,48 15.4827238,46.9926559 15.4827238,45.7499993 C15.4827238,44.5073426 16.4900679,43.4999985 17.7327245,43.4999985 C21.1445694,43.4999985 23.9202265,40.6859976 23.9202265,37.2272778 L23.920414,37.1959653 C24.0147266,30.4331193 30.7500012,29.327244 30.7500012,24.7499925 C30.7500012,18.476428 25.7346646,13.4999874 19.5000063,13.4999874 C13.2768793,13.4999874 8.25000122,18.464053 8.25000122,24.7499925 C8.25000122,25.9926491 7.24265861,26.9999874 6.00000195,26.9999874 C4.7573453,26.9999874 3.75000122,25.9926491 3.75000122,24.7499925 C3.75000122,15.9995522 10.768691,8.99998739 19.5000063,8.99998739 C28.2159467,8.99998739 35.2500115,15.9828646 35.2500115,24.7499925 C35.2500115,31.749276 28.490728,32.9845264 28.420228,37.245184 C28.4102905,43.1769359 23.6197577,48 17.7327245,48 Z M27.7500037,24.7499925 C27.7500037,20.2009598 24.0490391,16.4999898 19.5000063,16.4999898 C14.9509736,16.4999898 11.2500037,20.2009598 11.2500037,24.7499925 C11.2500037,25.9926491 12.2573477,26.9999898 13.5000044,26.9999898 C14.742661,26.9999898 15.7500037,25.9926491 15.7500037,24.7499925 C15.7500037,22.6822418 17.4322557,20.9999898 19.5000063,20.9999898 C21.567757,20.9999898 23.2500037,22.6822418 23.2500037,24.7499925 C23.2500037,25.9926491 24.2573516,26.9999898 25.5000083,26.9999898 C26.742665,26.9999898 27.7500037,25.9926491 27.7500037,24.7499925 Z M40.0303255,18.0937403 C41.1497009,17.5542089 41.6198573,16.2093647 41.0803259,15.0899894 C39.4672628,11.743207 37.0557308,8.77086232 34.1067298,6.49423658 C33.1228233,5.73495508 31.7101041,5.91673639 30.9507288,6.90045546 C30.1913536,7.88417453 30.3732286,9.29698749 31.356854,10.0564565 C33.7550735,11.9078321 35.7155741,14.3240516 37.0265745,17.0438337 C37.566481,18.1637716 38.9117939,18.6329905 40.0303255,18.0937403 Z M46.7244527,14.7778018 C47.8442968,14.2393016 48.3157657,12.8950199 47.7772655,11.775082 C45.5383273,7.11776803 42.5447951,3.31498555 38.8788877,0.472109633 C37.8968561,-0.289328113 36.4836681,-0.110828055 35.7219491,0.871297262 C34.9605114,1.85323508 35.1391989,3.26661054 36.1211368,4.02814203 C39.2308253,6.43967406 41.7876698,9.70208137 43.721733,13.7248952 C44.2602332,14.8451143 45.6046086,15.3160207 46.7244527,14.7778018 Z M19.5000063,26.249993 C18.2573497,26.249993 17.2500056,27.257337 17.2500056,28.4999937 C17.2500056,29.7426503 18.2573497,30.749993 19.5000063,30.749993 C20.742663,30.749993 21.7500056,29.7426503 21.7500056,28.4999937 C21.7500056,27.257337 20.742663,26.249993 19.5000063,26.249993 Z M13.5000044,32.2499949 C12.2573477,32.2499949 11.2500037,33.257339 11.2500037,34.4999956 C11.2500037,35.7426523 12.2573477,36.7499949 13.5000044,36.7499949 C14.742661,36.7499949 15.7500037,35.7426523 15.7500037,34.4999956 C15.7500037,33.257339 14.742661,32.2499949 13.5000044,32.2499949 Z M2.25000073,43.4999985 C1.00734408,43.4999985 0,44.5073426 0,45.7499993 C0,46.9926559 1.00734408,47.9999985 2.25000073,47.9999985 C3.49265739,47.9999985 4.5,46.9926559 4.5,45.7499993 C4.5,44.5073426 3.49265739,43.4999985 2.25000073,43.4999985 Z M12.0910352,41.9089648 L6.09103323,35.9089648 L2.90906345,39.0909346 L8.90906345,45.0909366 L12.0910352,41.9089648 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '1241b30a05d33f19be017c821d3f26c1124024dd', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'cbeecb6162c92ad1cd7840f3747208c25571d6ea' }, this.afDesc), h("path", { key: '435763cf30f00be60927c05a3b31384be50c697b', class: "digi-icon-accessibility-deaf__shape", d: "M17.7327245,48 C16.4900679,48 15.4827238,46.9926559 15.4827238,45.7499993 C15.4827238,44.5073426 16.4900679,43.4999985 17.7327245,43.4999985 C21.1445694,43.4999985 23.9202265,40.6859976 23.9202265,37.2272778 L23.920414,37.1959653 C24.0147266,30.4331193 30.7500012,29.327244 30.7500012,24.7499925 C30.7500012,18.476428 25.7346646,13.4999874 19.5000063,13.4999874 C13.2768793,13.4999874 8.25000122,18.464053 8.25000122,24.7499925 C8.25000122,25.9926491 7.24265861,26.9999874 6.00000195,26.9999874 C4.7573453,26.9999874 3.75000122,25.9926491 3.75000122,24.7499925 C3.75000122,15.9995522 10.768691,8.99998739 19.5000063,8.99998739 C28.2159467,8.99998739 35.2500115,15.9828646 35.2500115,24.7499925 C35.2500115,31.749276 28.490728,32.9845264 28.420228,37.245184 C28.4102905,43.1769359 23.6197577,48 17.7327245,48 Z M27.7500037,24.7499925 C27.7500037,20.2009598 24.0490391,16.4999898 19.5000063,16.4999898 C14.9509736,16.4999898 11.2500037,20.2009598 11.2500037,24.7499925 C11.2500037,25.9926491 12.2573477,26.9999898 13.5000044,26.9999898 C14.742661,26.9999898 15.7500037,25.9926491 15.7500037,24.7499925 C15.7500037,22.6822418 17.4322557,20.9999898 19.5000063,20.9999898 C21.567757,20.9999898 23.2500037,22.6822418 23.2500037,24.7499925 C23.2500037,25.9926491 24.2573516,26.9999898 25.5000083,26.9999898 C26.742665,26.9999898 27.7500037,25.9926491 27.7500037,24.7499925 Z M40.0303255,18.0937403 C41.1497009,17.5542089 41.6198573,16.2093647 41.0803259,15.0899894 C39.4672628,11.743207 37.0557308,8.77086232 34.1067298,6.49423658 C33.1228233,5.73495508 31.7101041,5.91673639 30.9507288,6.90045546 C30.1913536,7.88417453 30.3732286,9.29698749 31.356854,10.0564565 C33.7550735,11.9078321 35.7155741,14.3240516 37.0265745,17.0438337 C37.566481,18.1637716 38.9117939,18.6329905 40.0303255,18.0937403 Z M46.7244527,14.7778018 C47.8442968,14.2393016 48.3157657,12.8950199 47.7772655,11.775082 C45.5383273,7.11776803 42.5447951,3.31498555 38.8788877,0.472109633 C37.8968561,-0.289328113 36.4836681,-0.110828055 35.7219491,0.871297262 C34.9605114,1.85323508 35.1391989,3.26661054 36.1211368,4.02814203 C39.2308253,6.43967406 41.7876698,9.70208137 43.721733,13.7248952 C44.2602332,14.8451143 45.6046086,15.3160207 46.7244527,14.7778018 Z M19.5000063,26.249993 C18.2573497,26.249993 17.2500056,27.257337 17.2500056,28.4999937 C17.2500056,29.7426503 18.2573497,30.749993 19.5000063,30.749993 C20.742663,30.749993 21.7500056,29.7426503 21.7500056,28.4999937 C21.7500056,27.257337 20.742663,26.249993 19.5000063,26.249993 Z M13.5000044,32.2499949 C12.2573477,32.2499949 11.2500037,33.257339 11.2500037,34.4999956 C11.2500037,35.7426523 12.2573477,36.7499949 13.5000044,36.7499949 C14.742661,36.7499949 15.7500037,35.7426523 15.7500037,34.4999956 C15.7500037,33.257339 14.742661,32.2499949 13.5000044,32.2499949 Z M2.25000073,43.4999985 C1.00734408,43.4999985 0,44.5073426 0,45.7499993 C0,46.9926559 1.00734408,47.9999985 2.25000073,47.9999985 C3.49265739,47.9999985 4.5,46.9926559 4.5,45.7499993 C4.5,44.5073426 3.49265739,43.4999985 2.25000073,43.4999985 Z M12.0910352,41.9089648 L6.09103323,35.9089648 L2.90906345,39.0909346 L8.90906345,45.0909366 L12.0910352,41.9089648 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-accessibility-deaf"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-accessibility-universal/icon-accessibility-universal.js

@@ -9,11 +9,11 @@ export class IconAccessibilityUniversal {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '08e681c3e0cc1cfdbb1a9d81f46fdf7629ca1a4a', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '493e414cc2cfd12f4228308668b4b0f090da137f', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "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 && h("title", { key: 'fdc48ab7ead1197b4a3b2a05a4439c69e69217a7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ebacd7c310c2e8ee9be781a69ab77d3047724ccd' }, this.afDesc), h("path", { key: '7f5f42d020219e119429800a0a519cb36a2e06c3', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '16179cc46d7276f99408fe643c74583c58f9b694', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b96276457af1e4c7d77727735102528e4b18362c' }, this.afDesc), h("path", { key: '8cc41080fbcfa2cfe5101fc16e0106f6f00bd593', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-accessibility-universal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-apple/icon-apple.js

@@ -9,11 +9,11 @@ export class IconApple {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'c3fc9ba5d448bf3df97ee715d59ae206e74cf6b4', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '3f734a58ce149cf24561169deb7df0f29563b42a', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, width: "74px", height: "88px", viewBox: "0 0 74 88", version: "1.1", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, h("path", { key: '07a12475057003f8a9bac8752f610d0f06ae46d9', d: "M44.4925393,10.5591508 C48.5967007,5.84030272 48.2208617,1.54382067 48.1005932,0 C44.4775057,0.203900843 40.2831429,2.38855273 37.8928072,5.08295673 C35.2619344,7.96669722 33.7134779,11.534962 34.0442162,15.5547215 C37.9679749,15.8460084 41.5459618,13.894386 44.4925393,10.5591508 L44.4925393,10.5591508 Z M53.0444563,35.5183715 C53.0143464,29.8745684 55.5134609,25.6148042 60.5719093,22.4776493 C57.741587,18.3409107 53.4659936,16.0649356 47.8204038,15.6189675 C42.4759122,15.1883777 36.6346086,18.8022571 34.4968119,18.8022571 C32.238576,18.8022571 27.0596883,15.7727496 22.9948636,15.7727496 C14.594226,15.9111535 5.66666667,22.6160532 5.66666667,36.2565256 C5.66666667,40.2856167 6.38930216,44.4480369 7.83457315,48.7436323 C9.76160113,54.3874354 16.7169678,68.2278246 23.9734325,67.9971515 C27.7672689,67.9048822 30.4470422,65.2444518 35.3850514,65.2444518 C40.1725115,65.2444518 42.656571,67.9971515 46.8869996,67.9971515 C54.203684,67.889504 60.4966348,55.3101281 62.3333333,49.6509467 C52.5175345,44.9298362 53.0444563,35.8105575 53.0444563,35.5183715 Z" })));
+                    : undefined, width: "74px", height: "88px", viewBox: "0 0 74 88", version: "1.1", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, h("path", { key: 'b6580c3ce89c507b74d04ac4295da17dba887050', d: "M44.4925393,10.5591508 C48.5967007,5.84030272 48.2208617,1.54382067 48.1005932,0 C44.4775057,0.203900843 40.2831429,2.38855273 37.8928072,5.08295673 C35.2619344,7.96669722 33.7134779,11.534962 34.0442162,15.5547215 C37.9679749,15.8460084 41.5459618,13.894386 44.4925393,10.5591508 L44.4925393,10.5591508 Z M53.0444563,35.5183715 C53.0143464,29.8745684 55.5134609,25.6148042 60.5719093,22.4776493 C57.741587,18.3409107 53.4659936,16.0649356 47.8204038,15.6189675 C42.4759122,15.1883777 36.6346086,18.8022571 34.4968119,18.8022571 C32.238576,18.8022571 27.0596883,15.7727496 22.9948636,15.7727496 C14.594226,15.9111535 5.66666667,22.6160532 5.66666667,36.2565256 C5.66666667,40.2856167 6.38930216,44.4480369 7.83457315,48.7436323 C9.76160113,54.3874354 16.7169678,68.2278246 23.9734325,67.9971515 C27.7672689,67.9048822 30.4470422,65.2444518 35.3850514,65.2444518 C40.1725115,65.2444518 42.656571,67.9971515 46.8869996,67.9971515 C54.203684,67.889504 60.4966348,55.3101281 62.3333333,49.6509467 C52.5175345,44.9298362 53.0444563,35.8105575 53.0444563,35.5183715 Z" })));
     }
     static get is() { return "digi-icon-apple"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-archive/icon-archive.js

@@ -9,11 +9,11 @@ export class IconArchive {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'd0508001f99fe51aab53da9ab160cf910bb64028', class: "digi-icon-archive", width: "26", height: "22", viewBox: "0 0 26 22", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '0416071e5883cebb33f67e9a640acad2f3131111', class: "digi-icon-archive", width: "26", height: "22", viewBox: "0 0 26 22", "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 && h("title", { key: '68fb999eaa27603f7de064c5691d68fb71720e11', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e9cf4a740f3bf132ab4eb02f1669a0522ff96b9b' }, this.afDesc), h("path", { key: '7e8349ca1cd85fcb99feae68765d231baef0e6a0', class: "digi-icon-archive__shape", d: "M24.781 4.714H1.22C.546 4.714 0 4.187 0 3.536V1.179C0 .528.546 0 1.219 0H24.78C25.454 0 26 .528 26 1.179v2.357c0 .65-.546 1.178-1.219 1.178zm-.406 16.107V7.464c0-.65-.546-1.178-1.219-1.178H2.844c-.673 0-1.219.527-1.219 1.178v13.357c0 .651.546 1.179 1.219 1.179h20.312c.673 0 1.219-.528 1.219-1.179zM15.641 11h-5.282a.6.6 0 01-.609-.59v-.392a.6.6 0 01.61-.59h5.28a.6.6 0 01.61.59v.393a.6.6 0 01-.61.589z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'b1b8c014543b31565b90ec135e790671d91a2044', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'a6a1a602bf4ea2d9b9e9825b7d3e8ae289995623' }, this.afDesc), h("path", { key: '6302464b127ee5dc74e750979ca8e5dffbb0786c', class: "digi-icon-archive__shape", d: "M24.781 4.714H1.22C.546 4.714 0 4.187 0 3.536V1.179C0 .528.546 0 1.219 0H24.78C25.454 0 26 .528 26 1.179v2.357c0 .65-.546 1.178-1.219 1.178zm-.406 16.107V7.464c0-.65-.546-1.178-1.219-1.178H2.844c-.673 0-1.219.527-1.219 1.178v13.357c0 .651.546 1.179 1.219 1.179h20.312c.673 0 1.219-.528 1.219-1.179zM15.641 11h-5.282a.6.6 0 01-.609-.59v-.392a.6.6 0 01.61-.59h5.28a.6.6 0 01.61.59v.393a.6.6 0 01-.61.589z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-archive"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-archive-outline/icon-archive-outline.js

@@ -9,11 +9,11 @@ export class IconArchiveOutline {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '8239b7e8c9f33605b326c8fa51ed8c3d21414d73', class: "digi-icon-archive-outline", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '63a95539ce03c58ed14cdb93705a395488cdbfe6', class: "digi-icon-archive-outline", width: "48", height: "48", viewBox: "0 0 48 48", "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 && h("title", { key: '374a3d537a0d3f3878af31acd8b37460e1183a7b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '27837b445def64da402ef39fcb452aaed85326fb' }, this.afDesc), h("path", { key: '1090843d2a7929c1b850dab97d28c2aa357f0fe1', class: "digi-icon-archive-outline__shape", d: "M43.5,3 L4.5,3 C2.015625,3 0,5.015625 0,7.5 L0,15 C0,15.825 0.675,16.5 1.5,16.5 L3,16.5 L3,42 C3,43.659375 4.340625,45 6,45 L42,45 C43.659375,45 45,43.659375 45,42 L45,16.5 L46.5,16.5 C47.325,16.5 48,15.825 48,15 L48,7.5 C48,5.015625 45.984375,3 43.5,3 Z M40.5,40.5 L7.5,40.5 L7.5,16.5 L40.5,16.5 L40.5,40.5 Z M43.5,12 L4.5,12 L4.5,7.5 L43.5,7.5 L43.5,12 Z M19.125,25.5 L28.875,25.5 C29.49375,25.5 30,24.99375 30,24.375 L30,22.125 C30,21.50625 29.49375,21 28.875,21 L19.125,21 C18.50625,21 18,21.50625 18,22.125 L18,24.375 C18,24.99375 18.50625,25.5 19.125,25.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'b14656e24b0ef47ece019774071bc7c377c7183d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '97ebe0f1e68a2d3a88beb6dbf367793bf7924d91' }, this.afDesc), h("path", { key: '253fe1caf588259e525d8d91700adacd8bb8b645', class: "digi-icon-archive-outline__shape", d: "M43.5,3 L4.5,3 C2.015625,3 0,5.015625 0,7.5 L0,15 C0,15.825 0.675,16.5 1.5,16.5 L3,16.5 L3,42 C3,43.659375 4.340625,45 6,45 L42,45 C43.659375,45 45,43.659375 45,42 L45,16.5 L46.5,16.5 C47.325,16.5 48,15.825 48,15 L48,7.5 C48,5.015625 45.984375,3 43.5,3 Z M40.5,40.5 L7.5,40.5 L7.5,16.5 L40.5,16.5 L40.5,40.5 Z M43.5,12 L4.5,12 L4.5,7.5 L43.5,7.5 L43.5,12 Z M19.125,25.5 L28.875,25.5 C29.49375,25.5 30,24.99375 30,24.375 L30,22.125 C30,21.50625 29.49375,21 28.875,21 L19.125,21 C18.50625,21 18,21.50625 18,22.125 L18,24.375 C18,24.99375 18.50625,25.5 19.125,25.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-archive-outline"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-arrow-back/icon-arrow-back.js

@@ -9,11 +9,11 @@ export class IconArrowBack {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '120a6a9517203bf14e3ecebef5d239d100506024', class: "digi-icon-arrow-back", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '0944332289a2e337ebdf0869989df3273abf0354', class: "digi-icon-arrow-back", width: "48", height: "48", viewBox: "0 0 48 48", "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 && h("title", { key: '0ab85f62540cfb9b6bacc8a669028949acc73ffc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c4dc45177b5cd23e3bfb042a2091b546767f56cc' }, this.afDesc), h("path", { key: '257303037e7be560703cbec2de4c85f083d5a790', class: "digi-icon-arrow-back__shape", d: "M23.910365,9.36383059 L23.910365,9.36383059 L22.0978102,9.36383059 L20.8832117,9.36383059 L20.8832117,2.6525574 C20.8832117,0.298049958 18.0055474,-0.888473479 16.3237956,0.780075104 L5.78481752,11.2363129 C4.73839416,12.2745209 4.73839416,13.9430695 5.78481752,14.9812775 L16.3237956,25.4375153 C18.0055474,27.1060639 20.8832117,25.9195404 20.8832117,23.565033 L20.8832117,16.5571289 L22.0978102,16.5571289 L23.910365,16.5571289 L23.910365,16.5571289 C30.6560584,16.5571289 36.1310949,22.007721 36.1310949,28.6819153 C36.1310949,35.3746491 30.6373723,40.8067017 23.910365,40.8067017 C23.910365,40.8067017 23.8543066,40.8067017 23.8356204,40.8067017 L8.66248175,40.8067017 C8.06452555,40.8067017 7.56,41.3072662 7.56,41.900528 L7.56,46.8690948 C7.56,47.4623566 8.06452555,47.9629211 8.66248175,47.9629211 L23.8169343,48 C23.8543066,48 23.8729927,48 23.910365,48 C34.6548905,48 43.4,39.3235474 43.4,28.6633759 C43.4,18.0217438 34.6548905,9.36383059 23.910365,9.36383059 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '93f8079b15525dd3467655d20abb57d134386502', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0dc34df96ec2824f6f3b3263c13244dfe48e6628' }, this.afDesc), h("path", { key: '2b16e355ae0f995a36fe7cbea5706dafd2f0dae1', class: "digi-icon-arrow-back__shape", d: "M23.910365,9.36383059 L23.910365,9.36383059 L22.0978102,9.36383059 L20.8832117,9.36383059 L20.8832117,2.6525574 C20.8832117,0.298049958 18.0055474,-0.888473479 16.3237956,0.780075104 L5.78481752,11.2363129 C4.73839416,12.2745209 4.73839416,13.9430695 5.78481752,14.9812775 L16.3237956,25.4375153 C18.0055474,27.1060639 20.8832117,25.9195404 20.8832117,23.565033 L20.8832117,16.5571289 L22.0978102,16.5571289 L23.910365,16.5571289 L23.910365,16.5571289 C30.6560584,16.5571289 36.1310949,22.007721 36.1310949,28.6819153 C36.1310949,35.3746491 30.6373723,40.8067017 23.910365,40.8067017 C23.910365,40.8067017 23.8543066,40.8067017 23.8356204,40.8067017 L8.66248175,40.8067017 C8.06452555,40.8067017 7.56,41.3072662 7.56,41.900528 L7.56,46.8690948 C7.56,47.4623566 8.06452555,47.9629211 8.66248175,47.9629211 L23.8169343,48 C23.8543066,48 23.8729927,48 23.910365,48 C34.6548905,48 43.4,39.3235474 43.4,28.6633759 C43.4,18.0217438 34.6548905,9.36383059 23.910365,9.36383059 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-arrow-back"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-arrow-down/icon-arrow-down.js

@@ -9,11 +9,11 @@ export class IconArrowDown {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '89f955d8815c7644ca0e9e63b4cd7133a57f0587', class: "digi-icon-arrow-down", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'a4323a3ae7dfdc5c762a6c574af89c083e118f13', class: "digi-icon-arrow-down", width: "48", height: "48", viewBox: "0 0 48 48", "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 && h("title", { key: '424164ff17790704ca9e63cc1a051256a44d9f72', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9cd58299209de7de92da59b357166ad29fabf544' }, this.afDesc), h("path", { key: 'bca6f37d79dbbf40ca766b50220225b8ebffdab7', class: "digi-icon-arrow-down__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) scale(1, -1) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '788e9759bb41343f50e2df5b731c37bb748bada0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c21ef85233f34b48f2ed128d51d70c60a1fef4e4' }, this.afDesc), h("path", { key: '5a21bd026a7bb552b9add8fbfdb200076a40615c', class: "digi-icon-arrow-down__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) scale(1, -1) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-arrow-down"; }
     static get encapsulation() { return "scoped"; }