@designsystem-se/af 35.4.0 → 36.0.0

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

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { h, Fragment } from "@stencil/core";
+import { h, Fragment, Host } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 import { logger } from "../../../global/utils/logger";
 import { detectClickOutside } from "../../../global/utils/detectClickOutside";
@@ -10,6 +10,7 @@ import { FormSelectFilterValidation } from "./form-select-validation.enum";
 /**
  * @slot empty-search-result - Innehåll som visas om sökningen inte ger några resultat.
  * @swedishName Väljare med sök
+ * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen
  */
 export class FormSelectFilter {
     constructor() {
@@ -45,6 +46,7 @@ export class FormSelectFilter {
         this.afName = undefined;
         this.afEmptySearchMessage = 'Inga sökträffar för';
         this.afFilterButtonAriaDescribedby = undefined;
+        this.afErrorMessageIsAlert = true;
     }
     onValueChanged(value) {
         const joinedArray = [...value, ...this._selectedItems];
@@ -89,6 +91,10 @@ export class FormSelectFilter {
             }
         }
     }
+    get errorMessageIsAlert() {
+        return (this.afErrorMessageIsAlert !== false &&
+            this.afErrorMessageIsAlert !== 'false');
+    }
     /**
      * Funktion för att rensa valda värden från komponenten
      * @en Function for clearing selected values from component
@@ -121,6 +127,13 @@ export class FormSelectFilter {
             this.focusInList = !detectFocusOutside(target, `#${this.afId}-select-filter-list`);
         }
     }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen.
+     * @en Listens for when focus is set on the custom element and propagates it down to the toggle butto.
+     */
+    focusOnElement() {
+        this._toggleButton.focus();
+    }
     debounce(func, timeout = 300) {
         let timer;
         return (...args) => {
@@ -444,28 +457,29 @@ export class FormSelectFilter {
             } }, h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (h("div", { key: 'a973426bdba50ce86911d281a5e9c9fb7e285807', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'e4f5954c7c2d53232f9d11895b6fa5688302d163', 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: '4dcef492e96fb96d6baea74e0b36b6fec14ad3d6', onAfOnEsc: () => this.escHandler() }, h("button", { key: '9e1bb4096c077df73139e8b4767e5cadc5f4d2ee', 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: '237419ff66314b63efca1fb02d73cb2d60fdaf3d', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '5a56d5b6d3d2c6d0f3d0df3ee63c451298b18851', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '9f3f6993ca24bb20fbebdb1739592fda24bd965b', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'fc3e71d79a44e8953609da9bbc4024a16cc92794', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '565c9af0e540f891f5f58b5f68fd1bdef789d439', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h(Host, { key: '363c7880f1e2ff36d2d0d850b814a2a0d69f5c6b', tabindex: -1 }, h("div", { key: '4814a99bb25b5b9c0e8af87ba5e7bb88240c7075', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'd725f0f0d72400f61d83c20f4308d1cd8161c0d4', 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: 'a32cf9a3f3c090d6160ceb3baab94cd1fd395dec', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'd8c6db1a0d0a92fd6018026b9f7f3a767ac8a838', 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-describedby": `${this.afFilterButtonAriaDescribedby} ${this.afId}--validation-message`, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: 'a00d3118356da4701c621c9b5d724466ff7e54a8', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: 'e9fb9100d4addd46561858bdec5146608f4cb4b1', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: 'db16c355c8fa96577afad5f1f2f93cf9e7b85728', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '3b48132e4aaa46943ab7de9ed2d7c5924e7fce7e', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '611df06915faf061c330e82900a878cb33df3ade', 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: 'dc8b60b9b9f0568967ef4e5ffddf464149e41b7b' }, h("div", { key: 'c14f0eaad909cebd41564028f2436269e96ab13a', class: "digi-form-select-filter__header" }, h("legend", { key: '92baa299ac9d085a650860bcfed4474f5265d526', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '776c9d498f33990b521ee04898d1ea739432c077', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: '24d6136fd0804266382896b2a7cf88f55b9e621d' }, h("div", { key: '673b2522e7fdccd7c33cca97f83ce0f74426beb7', class: "digi-form-select-filter__header" }, h("legend", { key: 'b5ce6937175dbdf6ad7317dac7c74bb6daa103a3', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '89e97f9ab37a581c415ea3046c819d7e8a394925', 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: 'ac8da673afc1e2a6c0543a835b2627b957021f33', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '08f0943b88567354588ae2b45111468698dd38ff', 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: 'd7b7f52a85bfebd96b14ef18b4ac1d6aaac9273e', 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: '6a93bfc0f2e0da233706f4ddaef8b1954bf10b08', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '94216744dee9ab58d9600b27a09c4a735ffeb11d', 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: '0665d13ce2587a9db802b1f6d67ba5b8b16365fc', 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
+                : this.afValidation ===
+                    FormSelectFilterValidation.ERROR
                     ? 'true'
                     : 'false', "aria-errormessage": `${this.afId}--validation-message`, "aria-required": this.afMultipleItems
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '3f3c8ee516a00099adb40779cf648046e3d79133', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '6d0d547803d71e989f778abf84c2e0d4c18e7341', 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: '20bdf4fd24c13a9dc6ad12718847f6f4f78af2af', 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: 'ae8a6f5473128dd8a32f78d0553e4042219b0ae0', 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'
@@ -476,10 +490,14 @@ export class FormSelectFilter {
                             FormSelectFilterValidation.ERROR
                             ? '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: 'f3f670c396cc7dc01dcb3834042b2ca9af3faeb7', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: '508ea54b56002d2f4dfa6307d07242436edc8277', "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: '9dcba889f74484cc90e00c8873b314eab6508c06', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'df2fe414579e01db151b20131068ce9c7e8f0a7b', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+                        : '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: '28b8822e8cf3e8081b15b2a0fc4835181209774a', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: '4f182ff5de1010f03f2fd405bff3f8c0b8c88bc4', "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: '82d56e0e937b4da1c7deb073c7a2a904f97b1c32', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '3211daf5462987f42eceaefc211eaf24fa421556', 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: 'e4856539556e2d5912e3a326bb697dc61b98efca', class: "digi-form-select__footer" }, h("div", { key: 'e9da92046fd4f2b0a93f3e7681243de5cae57b83', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '8b2bd29203a6f722ae4507ea65c0600dbfe960c2', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'dc5b3df62deeef8cfc9a890997effce86fa3379e', class: "digi-form-select__footer" }, h("div", { key: '490f54fb8b2a5efa32378b5715f1fc950283bd4f', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '859be3c7d2fe6c840b8a08b5b0869c85f8102b9a', "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     static get is() { return "digi-form-select-filter"; }
     static get encapsulation() { return "scoped"; }
@@ -530,9 +548,9 @@ export class FormSelectFilter {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Disables the validation."
+                            "text": "Hides the validation message."
                         }],
-                    "text": "Inaktiverar valideringen"
+                    "text": "D\u00F6ljer valideringsmeddelandet."
                 },
                 "getter": false,
                 "setter": false,
@@ -1069,6 +1087,29 @@ export class FormSelectFilter {
                 "setter": false,
                 "attribute": "af-filter-button-aria-describedby",
                 "reflect": false
+            },
+            "afErrorMessageIsAlert": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean | string",
+                    "resolved": "boolean | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "If the value is true, the error message gets the attribute role=\"alert\".\nIf the error is shown together with multiple errors (for example after server-side validation), the value should be set to false."
+                        }],
+                    "text": "Om v\u00E4rdet \u00E4r true f\u00E5r felmeddelandet attributet role=\"alert\".\nOm felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska v\u00E4rdet s\u00E4ttas till false."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-error-message-is-alert",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }
@@ -1112,9 +1153,15 @@ export class FormSelectFilter {
                     "text": "Vid uppdatering av filtret"
                 },
                 "complexType": {
-                    "original": "any[]",
-                    "resolved": "any[]",
-                    "references": {}
+                    "original": "IListItem[]",
+                    "resolved": "IListItem[]",
+                    "references": {
+                        "IListItem": {
+                            "location": "import",
+                            "path": "./form-select-filter.interface",
+                            "id": "src/components/_form/form-select-filter/form-select-filter.interface.ts::IListItem"
+                        }
+                    }
                 }
             }, {
                 "method": "afOnFilterClosed",
@@ -1166,9 +1213,15 @@ export class FormSelectFilter {
                     "text": "N\u00E4r ett eller flera filter v\u00E4ljs"
                 },
                 "complexType": {
-                    "original": "any[]",
-                    "resolved": "any[]",
-                    "references": {}
+                    "original": "IListItem[]",
+                    "resolved": "IListItem[]",
+                    "references": {
+                        "IListItem": {
+                            "location": "import",
+                            "path": "./form-select-filter.interface",
+                            "id": "src/components/_form/form-select-filter/form-select-filter.interface.ts::IListItem"
+                        }
+                    }
                 }
             }, {
                 "method": "afOnQueryChanged",
@@ -1257,6 +1310,12 @@ export class FormSelectFilter {
                 "target": "document",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "focus",
+                "method": "focusOnElement",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }];
     }
 }

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

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 import { FormTextareaVariation } from "./form-textarea-variation.enum";
 import { FormTextareaValidation } from "./form-textarea-validation.enum";
@@ -6,6 +6,7 @@ import { FormTextareaValidation } from "./form-textarea-validation.enum";
  * @enums FormTextareaValidation - form-textarea-validation.enum.ts
  * @enums FormTextareaVariation - form-textarea-variation.enum.ts
  * @swedishName Textarea
+ * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet
  */
 export class FormTextarea {
     constructor() {
@@ -32,6 +33,7 @@ export class FormTextarea {
         this.afAriaLabelledby = undefined;
         this.afAriaDescribedby = undefined;
         this.afAutofocus = undefined;
+        this.afErrorMessageIsAlert = true;
     }
     onValueChanged(value) {
         this.afValue = value;
@@ -39,6 +41,10 @@ export class FormTextarea {
     onAfValueChanged(value) {
         this.value = value;
     }
+    get errorMessageIsAlert() {
+        return (this.afErrorMessageIsAlert !== false &&
+            this.afErrorMessageIsAlert !== 'false');
+    }
     afValidationTextWatch() {
         this.setActiveValidationMessage();
     }
@@ -49,6 +55,14 @@ export class FormTextarea {
     async afMGetFormControlElement() {
         return this._textarea;
     }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual textara element.
+     */
+    focusOnInput() {
+        var _a;
+        (_a = this._textarea) === null || _a === void 0 ? void 0 : _a.focus();
+    }
     componentWillLoad() {
         this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
         this.setActiveValidationMessage();
@@ -104,10 +118,10 @@ export class FormTextarea {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: 'c61b17dfadad1f4483aae5d1b84fae6a92ae8b1e', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: '901725f331c7ee08e7e0ae8834907bed94f2eefc', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '60fda4488f86ba586af8637b016b3f9d56de635f', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '3624ace952fc8ddba0400344b5ecd162db97ad0f', class: "digi-form-textarea__content" }, h("textarea", { key: 'cc0f9212adfa7d39240a0cc02d7859761e16f019', 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(Host, { key: 'b031f0fc07ee06dd9eba39c1d1e86f532425c287', tabindex: -1 }, h("div", { key: 'e7936c1327b844ab758e7d0a1f7d82772ed2fb49', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'de9052c03a2dc4afb7ba8bc613d42e0c7d9a149a', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '14fbda0f999ffade503c5b175c3c4001612a39d0', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'eebaae6ee90e11fc8e9a00b5380ff7d5ad58fa84', class: "digi-form-textarea__content" }, h("textarea", { key: '7e04633f987ae49fc0fe5f0de1f4ad14a632449f', 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} ${this.afId}--validation-message`, "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: '0bfcc28ea5818c2ae68894d165bef6ff61155841', class: "digi-form-textarea__footer" }, h("div", { key: '77fb29eee9f8623c044472a41449dcb45b2d54ff', 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: 'd5013d2e0f448038a8f13e9e824a091f5699c5dd', 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: '782847ff2e8b5d53fd1a0e48157c98320d953332', class: "digi-form-textarea__footer" }, h("div", { key: 'd6db43705ad5646f7f3e7119e45c0023323ec991', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'd9b119ec1349df2f83e9b088dc846b3f29198f97', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     static get is() { return "digi-form-textarea"; }
     static get encapsulation() { return "scoped"; }
@@ -581,6 +595,29 @@ export class FormTextarea {
                 "setter": false,
                 "attribute": "af-autofocus",
                 "reflect": false
+            },
+            "afErrorMessageIsAlert": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean | string",
+                    "resolved": "boolean | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "If the value is true, the error message gets the attribute role=\"alert\".\nIf the error is shown together with multiple errors (for example after server-side validation), the value should be set to false."
+                        }],
+                    "text": "Om v\u00E4rdet \u00E4r true f\u00E5r felmeddelandet attributet role=\"alert\".\nOm felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska v\u00E4rdet s\u00E4ttas till false."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-error-message-is-alert",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }
@@ -797,4 +834,13 @@ export class FormTextarea {
                 "methodName": "afValidationTextWatch"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "focus",
+                "method": "focusOnInput",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }

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

@@ -28,7 +28,7 @@ export class FormValidationMessage {
         }
     }
     render() {
-        return (h("div", { key: '1660f54f79665b4ff25d961a2cce8afa445347c9', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: '077ab407a8b939ba9799f9378ae1bf5256623b0a', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '2d5b27ca89af093f5ef02ac4c5d889630891556f', class: "digi-form-validation-message__text" }, h("slot", { key: 'd30cc6c30ef04cf3362c37ca94ea83eb88dd436e' }))));
+        return (h("div", { key: 'b15c3cca06f4e015c7006bae470876b246b6ce06', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: '1e9378eb8b193c35e24e700ef865fb44ae4fb28b', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '6e72b4f07b641d63603914a33720d6b09a5bd44f', class: "digi-form-validation-message__text" }, h("slot", { key: '74cfa597bf12b19fb2dbef039eac148358ff2635' }))));
     }
     static get is() { return "digi-form-validation-message"; }
     static get encapsulation() { return "scoped"; }

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

@@ -86,7 +86,7 @@ export class Header {
         return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
     }
     render() {
-        return (h("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), h("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));
+        return (h("header", { key: '65cc845a9c3f2eb3d86fa8745b3dc042249140b8', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '9e25393e1d5094dd49171b590a6ab0a4004f3e7f', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '0e7791c78b6b8f3dd085ffb7e3bab754ea6453e3', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '800e6f888496ea187fa7ed9d2431b5806b0d8206', class: "digi-header__border" }), h("slot", { key: 'a24318deb7d4a91b7715024996be181faeae283a', 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: 'c6a31dcf973d0838e6fcc15c46df3367a7ffbf05', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: 'd89ff3dd87bad2f574c9dc2332ab01cca92f14f7', 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("span", { key: '578c4845722980eef2dcdd089e34bd74552f1c12', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h(this.currentAvatar, { key: 'a607c3b7d8adad5e099348c2f934c11f6ca90f72' }, h("title", { key: 'e7bcf18ab68a3747bdfb67cd0099f361e1bdfc9b' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h("span", { key: 'd89f15f40ac637eb8b5a469580fa99949f6e496b', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h("span", { key: '0fd876bc2059fbbafc6c676721ab72121721262b', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h(this.currentAvatar, { key: '01a97ee947331bd9baf206bbc9dc2325c53f9015' }, h("title", { key: '2f96d6322af1e8926371a5971300fc229db60217' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h("slot", { key: 'a56cb66e622b3eb8979b90fe33f051bf35a0a937' })));
+        return (h("div", { key: 'e785008079cbd298ffda407e3b599366d0f83378', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: '939c020a8088dda91b48ea6f89d7d198f5a4a04c', 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("span", { key: '2a7125b788f0dd37e68a7890f1c085a9a1281e61', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h(this.currentAvatar, { key: '59c71e72afca5ad20e92f227954a73f4f85b1654' }, h("title", { key: '4b72ca4da3763f0caaeb540167a2083803ab566e' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h("span", { key: 'fd4bf4fc6255ddcdf979817cf3d525677f713dff', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h("span", { key: '6df19381bdd1a4427b8cd9eda2c20dd53cf3fbad', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h(this.currentAvatar, { key: '72ae8043ae5a24ee2ba067ed614fcbc330fc1fc8' }, h("title", { key: '8a879f424b9d7094987b95830a286a4c1423b04b' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h("slot", { key: 'c51939b2285596e2efde303540a1ce9ade57c201' })));
     }
     static get is() { return "digi-header-avatar"; }
     static get encapsulation() { return "scoped"; }

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

@@ -159,10 +159,10 @@ export class HeaderNavigation {
         };
     }
     render() {
-        return (h("div", { key: 'a2645e18fa313178d65cd9a82ccee2e5121e9d15', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '78532433a10d7b25f84ffab92c17edd0d89c1eda', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '318e69263ceba3cea1b2b5284953ea219641d3bb', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'bd4916bbdd14c6587ca283b0df6d70bdaf5f28e7' }, this.isMobile && (h("div", { key: '551a7f881618137861e3b4a40b66d9e4f835fa3c', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'bb011ce31ad95e5ad4a78a1ef71344d11f61f310', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+        return (h("div", { key: '232da78b522dab6286cdc603c1188f60ecde9eda', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '57e376eb12e89cf02e0e6c178a547628d1231206', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '76d56d7404b689ffad5a75f911acb7721f60c701', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'dfdb35c4fd1b3d374fb535037b9a6b3cfc82989e' }, this.isMobile && (h("div", { key: '29661a0ce9b746c0411649d4782c3a129e770494', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: '2ffbe7d9b7035f35de0f0c72a2cdfcadd28dd27e', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
                 this._wrapper = el;
-            } }, this.isMobile && (h("digi-button", { key: '29de9286c4d31a0fa82eff4eb433cec6e207daaa', 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: '3cd3af6909b727e1545c5feb74ea4a67f6cac73f', 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: '6899ce6771c7e4611c6ae3383c7ef9ea9478ed49', 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: '750d10eb9a2d58c4d6d9f2bc4c697445af1f84fd', 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: 'f70697deec493a88ae225787e33c9781c892b1b5', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: 'de6147b23d7be7aa68d51e293db9ecb9e2fd4d3e' }), h("div", { key: '3ebd2fe503efff9bab1ebf460cb60bcb8e9c878f', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+        return (h("div", { key: 'a9b07c72415ec9c8e046dddcd62c4f1ad97ef31e', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: '4d9a0d5fb5c9f572a736e0588e86aa96bf5708a4' }), h("div", { key: '796c3fe0b1cd55e9ee49b4ae2c4034ce8c58f791', 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: '95f98008df9604a1d8d3f99abc0ebd37ec4b149e', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '7de1e2584744df0aa1f1481a1bae8f6b50ac70a0', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+        return (h("div", { key: 'f01b621d614be19dd4d4edcfb7d284740a367390', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '2847fce889488028a3cebb85b6661f676affd4bb', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
             ? this.afNotificationAmount
-            : '+99')), h("slot", { key: 'a44dd632a78363088c6fdb97a6c8707a70dc69cf' })));
+            : '+99')), h("slot", { key: 'b042e9e98856ec5dd8e33f5e8d424509807435a6' })));
     }
     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: 'eb8cd686d2a167bc4cd3df9e13538ae76aafd11d', 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: '0a4e7b10b0b05bdcd7833395291bac7129b7946f', 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: 'b6b23189f150e93da11617a2046bdc20cf478fc6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8fe7c174b5922996723f470f2e40af87d34a8489' }, this.afDesc), h("path", { key: '6b7496e1f77085f05182844b3c801b82aa6d93a6', 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: 'a5b39696e11f773ff511ccf3da686e90d982a8f2', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '59a39a2d087c8f0438e9866583c7c0169a7c99b3' }, this.afDesc), h("path", { key: '86d4585f1970323494c97bd41e7235c6be5ed743', 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: '9bdcaeaf096d4c253f9914e99e017c636173c86a', 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: 'de46b3a77ff85a056f8968c737b133e237895ef4', 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: '9165ed4001a1af1a847ccc18f7b713eebc62ac21', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c7390d038c95953dca5f73c68edc9bdb9332f9ad' }, this.afDesc), h("path", { key: 'a241ac969fb606799fdee3ff4552aa40aaa32e81', 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: 'd00649ff3c8af9211025c30dcb44521864c33d52', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '30f5a049698f8102e357bd7cbf7bc82e3521cf0b' }, this.afDesc), h("path", { key: 'e0e37e34d139bb66a538b0321b6cb014fc5fb90d', 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: '6f99734c9b6997cbb7d447f2e547d9f0308a47b5', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '69133a5a629dc4afb3a85890908e3544f4319f20', 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: '615dafecda6bfcddae0e758ce2d76905ce19b192', 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: 'f72e3dff78e460722cc759d29e6fe2316a5593d8', 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: '57788fe44742e816cb869c5244d59ccb3117d399', 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: '093a0cc5b4e3a102cf99c579f5a4d45263b2f9bd', 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: 'e5788f20d0d8b2496e0990edb3629608e072bd6e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e986eae9afe9b2ebead6f133a2b9407061254939' }, this.afDesc), h("path", { key: 'caac89f693348bfed518b13f63e80d64321103ac', 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: '0c70ade9dc8604bc77cecd1a25416709abde2b81', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '14ccfaaf660769f0b7f07c44009f26162b9e00f4' }, this.afDesc), h("path", { key: '7e3f7273a869dc6a00881dfc3784f2a8ab4f71b0', 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: 'ea2c0121c7ba64fa5dedee855bf3c1d0bcbdb0cf', 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: '68f376419e70d29bb82d821d0b6dc865a8d39c3e', 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: '5d4cbdb5ad8844b35e996ce70fa7c1c93e532d5b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '95ae4e9c5b4c680d37947665a547c7793fbe1591' }, this.afDesc), h("path", { key: 'a69b225ea70b96029cb3ea4a6511fd1cd879e38c', 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: '4a9b421f2c00f285c0f9822b7b72b850ba7552d4', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5f582a75d6f01ce6144496c1d2007997dec99637' }, this.afDesc), h("path", { key: '3d70a89241abbf069d55921ba8feb6e47138d92f', 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: '871845dc19c2833690c1f6cb29de852e9c75a6e9', 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: 'b5563bb687b661c6b4b018d75cfd5f887eeb75f8', 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: 'a5f8d3bbb94b54229cbde4c51eb39049e559a665', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0572b23d5d23b12576484709f52087480f37b72f' }, this.afDesc), h("path", { key: 'fcca6e6ab425f25cfa64f94843c072d9afac2c99', 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: '480b43864d97a03830dec21cbabca3e5a40f8f2f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '38fdb4b5ccb242c75d33081ab07d8186428b5efa' }, this.afDesc), h("path", { key: 'e2ac89c6af142a1531ddae818630e2f624cf002f', 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: '6e6e92c6cf95aee519b249f9e9f2cdb1a97451f6', 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: '30c0c49e860cde54f65495ac147698a0652cb38c', 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: 'c56776ed7b15ba439d1f0e28ff5e14e5e6a2818f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0a9c50d7343a7b52b668253e4cd70de676e00f6b' }, this.afDesc), h("path", { key: 'b8cfa5d8643693a466375f8816adef7d14d6298b', 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: '63b7cc8ea46f116926fb3c4bbe71f2bd44935898', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1e7ea36ff24306f5f4e469336d0be9699ff6fb78' }, this.afDesc), h("path", { key: '1f832352f5d379c3a1ddce6bdec6f425ee762b75', 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"; }

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

@@ -9,11 +9,11 @@ export class IconArrowLeft {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'b5563bb687b661c6b4b018d75cfd5f887eeb75f8', class: "digi-icon-arrow-left", 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 (h("svg", { key: '61a730ac6140d45f3b0206d33e3b4c81078b641c', class: "digi-icon-arrow-left", 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 && h("title", { key: '480b43864d97a03830dec21cbabca3e5a40f8f2f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '38fdb4b5ccb242c75d33081ab07d8186428b5efa' }, this.afDesc), h("path", { key: '5b4b7b76ec5adef7015894f037185b4bd28266e4', class: "digi-icon-arrow-left__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) rotate(-90.000000) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '292f7b04ad209d1e2b3dcd1c221125c75e188033', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c49bf5886740420b6eec446d479add52f910e762' }, this.afDesc), h("path", { key: 'c1f13403d30ed4ca30086245db8147f9eaa815f0', class: "digi-icon-arrow-left__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) rotate(-90.000000) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-arrow-left"; }
     static get encapsulation() { return "scoped"; }