@designsystem-se/af 35.0.0 → 35.0.2

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

@@ -96,7 +96,7 @@ export class FormCheckbox {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '43d44de3eaf9144aae3185619967bd74796d75fa', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '5c60958593287a9c9e0f7b923ad381ef82ee6a4e', class: "digi-form-checkbox__input", ref: (el) => {
+        return (h("div", { key: '266fa6ef76fcd877f880b84e707c0873efdd2230', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'e12a90f12809022be19293c5823e367574e5ec62', class: "digi-form-checkbox__input", ref: (el) => {
                 var _a;
                 this._input = el;
                 (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -104,7 +104,7 @@ export class FormCheckbox {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '03073123f84e08ba312ce03e407fbc77e3d0cd8a', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'b715053a780d4fff699ed4889a83900165e06e38', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '3afd5e5a2025fa807f9619527291fceac81b7440', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: 'b87e2622e53d0e34e7ace64757cefdd750e53a8b', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'da7b4aaff400e0e262a0e4a9dbd8e37ed731def9', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'a19ce65d5bc40a6257d7bea5770a429bd788d75b', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
     }
     static get is() { return "digi-form-checkbox"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-error-list/form-error-list.js

@@ -72,14 +72,14 @@ export class FormErrorList {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (h("div", { key: '4020ba6d7ae0088ca403e4ec174d13f8b632065a', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '3e09db1b47904c292096f08bc86af18d60ee1c21', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '904d34ef954eb76bdff9e8e39a9be92afee200da', "af-variation": TypographyVariation.SMALL }, h("p", { key: '9618d3b38810d17405650021c378c9f70e97f6d4', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: '3caa23113bf76895a41a8f2de69c3d5e5b630737', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (h("div", { key: 'c37825cfdf1cac8b3351f42cd4491eb97a9271ea', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '04cd09f31b07329bfa7856479e8d6ab58bc142fa', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: 'aba216256a964636c90b10154812107dd15b9b10', "af-variation": TypographyVariation.SMALL }, h("p", { key: 'dedf9164e2d7f8056af3c9f2afd1208cc1341370', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: 'ca485ffc1acdda647a4fc5b202aa0890440ec75d', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
             return (h("li", { class: "digi-form-error-list__item" }, h("digi-link-internal", { class: "digi-form-error-list__link", afHref: item.href }, item.text)));
-        }))), h("div", { key: '3be35de8af88838541a2a32be7178337a6901a22', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: '7aaa3c414fa350c53785b5aa0476fda23fc5f7be', afOptions: {
+        }))), h("div", { key: '5dc42c2b18a967dcf2e112d5468288fb49a55cfb', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: '11affa9e839fc1adc0c5de7a40839b5c7dd27dfa', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: '1a5314aad0ee01bbdc7e93cc283d8fcc1f60c900' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: 'd321e993fb6ee496569a519908d478a47a4b5af0' })))));
     }
     static get is() { return "digi-form-error-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class FormFieldset {
         this.afId = randomIdGenerator('digi-form-fieldset');
     }
     render() {
-        return (h("fieldset", { key: 'fbb0368315fef49c2d0710674ca3d4ba6dc6da26', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '9fcae905fc0ff2436144d4c838128fe350f1249e', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '79edc88ee2252659cc613035e0b4764825edd99c' })));
+        return (h("fieldset", { key: 'e3647043394aa3e2c1de3a276551f23cd4ed550b', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '4f1ad8dc5866baa8264daa5260356c2463c9df3d', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '09a3a7f36f6c10f36e5fa6de0c633a4101517b9d' })));
     }
     static get is() { return "digi-form-fieldset"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-file-upload/form-file-upload.js

@@ -543,22 +543,22 @@ export class FormFileUpload {
             } }, this.renderFiles())));
     }
     render() {
-        return (h(Fragment, { key: 'd61549c4899433b2ef8986decb98d65209a60f3d' }, h("digi-util-breakpoint-observer", { key: 'e040a8fdcd356335363e9998afe6f5c50ad09ddc', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'a4b4237c7a4559db02bba019c62e52a2bfb0bc76', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '5881b8b66fb71027d19fee8d0d6bfa6a3edc7426', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'd59f3f60b565712c255dd4172c9852e4b04ebb2c', class: {
+        return (h(Fragment, { key: 'c69e5c8eb43f8d12ebd7b18fc4b72d53f194fdc4' }, h("digi-util-breakpoint-observer", { key: '55a2602c5ae86068eb6ef11c38c26199620626cb', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'dd0c122215e18a7e055af9cdbf3b1251f93748ca', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '075be0dfb3fb5f5207ba211518ff035ee155719c', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '137e55668de03b4c700e6cd668164aa7ab480232', class: {
                 'digi-form-file-upload__upload-area': true,
                 'digi-form-file-upload__upload-area--hover': this.fileHover
             }, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
-            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: '4bd7c8b7513a5ae0aefdbb1293a8080a1f3a6b08', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: '14d04fb5b329a5b0c16be32a4e202867e18e5bd6', class: "digi-form-file-upload__text-area" }, h("button", { key: '88f13c9a57945ab6072f438bfe93fa275b3a3e1c', type: "button", ref: (el) => {
+            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: '399686fe6632683bd001d76a49c2b80acc50efec', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: 'b7a8c341f7a1aba732b838647eaf3cd77f63d305', class: "digi-form-file-upload__text-area" }, h("button", { key: '856a304b06c0985506e09d58db7679d997957936', type: "button", ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
-            } }, h("digi-icon-paperclip", { key: '5f853b5cde1b8f9ccc261996170fb3dcb409b63a', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, h("digi-icon-paperclip", { key: '79e576575a87f3740b9bc8ed136450f58d256adb', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
             ? this.afUploadBtnText
-            : _t.form.file_choose), h("input", { key: '1d79c7cf79dfe81f3cd48474f407d8c6708d59e6', ref: (el) => {
+            : _t.form.file_choose), h("input", { key: '6b1328107138c170dc25f3ee1af811520e2ab2ca', ref: (el) => {
                 this._input = el;
-            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), h("span", { key: '2c82e1db2eba3978e055b1fe6599fb5b7caa7172' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), h("p", { key: '3c2e5912c1cf822f9c6f561e1e2a887065e2ecc9', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
+            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), h("span", { key: 'ae398d7a43bbec39ec7c9171bbcdd5dc93d23f32' }, this.afVariation !== FormFileUploadVariation.SMALL &&
+            _t.form.file_dropzone))), h("p", { key: 'a90e1d67f2b97736a67b4efff8a16c1d5c229e16', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (h("div", { key: '1e23fa624323573249dc49f0ef825fdacf142895', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (h("div", { key: 'f8e442023f38b9e5c4cc8320ccd96896bbcfd606', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     static get is() { return "digi-form-file-upload"; }
     static get encapsulation() { return "scoped"; }

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

@@ -206,24 +206,24 @@ export class FormFilter {
         });
     }
     render() {
-        return (h(Host, { key: 'aeb58e15a98a41b67f94e7d7a697234a8126e8e0' }, h("div", { key: '997aa5448212c336304a33255117897881047592', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: '06055afc9bf852603e743cce20d2756d744fbdb4' }, h("div", { key: '3407d91796228d6b3d5e44bee54019816e1ce5c0', 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: '261a1a8bb0e5c787e282ec13c07e396c6cb62528', 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: '2c6bec35cd2a157dee7be26de4d5257a1ba460a7', class: {
+            } }, h("digi-button", { key: '4cc0e542e9478cdc000e705a44fb451942b764f4', 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: '259d330a1db17e422e8d19a048f3ebe9ab4d0d07', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: 'e40dae22e843409a39c7b6f68523eb2147813955', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '17ee48884198709e78503f284195e3867506229f', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '200ea57b96b95f38d404394034a435d988dbd78b', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: '8ef7488ef698070ea06100c487dcb1d4b1f8d18b', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: 'f79c3de8b3f7185c1454cf48123412fff7692eb6', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'de006979d38ac488c7f95bd8cb7b21d9199669df', 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: '71ffe489abe613b362fd8a382d230d486f0ae843', class: "digi-form-filter__scroll" }, h("fieldset", { key: 'dbebcc989590d132a6ba1c26ee2dfa9ab38cd4cd' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '5efefd7f7f88fb3b993bd895879412947474aa73', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: '32c3d72df4666aa47d6f6a3db8b53b9c39dcfcfe', class: "digi-form-filter__scroll" }, h("fieldset", { key: '5e13cb4e5841e3fac23f421e74b178dede4a2ea9' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'd418cc75754df2e9a03b3360cd7627a1e81f1116', 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: '815c85395c582a629378cf8bb15b256fa5bc211a', class: "digi-form-filter__footer" }, h("digi-button", { key: '103a032af3728f6e8194c28e2b23efb5a2ff590e', 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: '5ea80520146d089d05a3cb2e592facce4b4050b6', "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: 'c0833aae0c0104d9d20f6ef1f00ffdcfcae77e5a', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: 'c81a0342f69442028f3069bc270fd31fe9e14f99' }))));
+        })))), h("div", { key: 'db545803b4c8099bff8f76f2e3a7d7fb373c0ab8', class: "digi-form-filter__footer" }, h("digi-button", { key: '6c048f27411ccf4a973dbaebb8b682984dde6b42', 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: '801d3b2fef01b7984ccfa39c3121499cdaae0ff0', "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: 'bd87343e8d79a176878bc76af61f1a8fb56f8979', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '9c854f22aef8185b9ecb909d82f14d1ecd637cb7' }))));
     }
     static get is() { return "digi-form-filter"; }
     static get encapsulation() { return "scoped"; }

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

@@ -152,10 +152,10 @@ export class FormInput {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (h("div", { key: 'ed581b32ec9b7ff9735ae273f90c7acf011c532b', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '030b01ee983a531ad27f0871e61af7c6a313127c', 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: '4a05433675fa7f37fa38573fd198a42fdb78789c', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: 'd2d818a72821ac13172b6fae6463e4d2d0be0a29', 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: 'fd3bce3a3e0049c260192ef655c5521571236ae6', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '2c0d7d223e24cdf4291c1d89e863bac38beff558', 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: '1125bd730a737476d11cbc18152b53dc935399f4', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '2f98355411050b0df8bbf70c3687e1be35a67a00', 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: '13d128d4643babb45616f8c75425e1dbb2f07ae9', name: "button" })), h("div", { key: 'e7888d616a2dbbb001d94911e034907b271f65b9', class: "digi-form-input__footer" }, h("div", { key: '90065a95e82d72d4d598f4012c6bb62d81a564b3', 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: '2a7fc849b68f27e4fadcc9f4051b5cc70f7b19c0', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), h("slot", { key: '927b71f7804ebe28f51062ddd1ef7a4cebcb36de', name: "button" })), h("div", { key: '0427a8d8d8216f56f8ce39a6aee9ccd50d76b199', class: "digi-form-input__footer" }, h("div", { key: 'e40d6e9c628d9f8000c120ceeaecb86bfc6b86a0', 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: 'ff4e34130e69f881353e21d224ddaa907c3f10bf', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -110,10 +110,10 @@ export class FormInputSearch {
         };
     }
     render() {
-        return (h("div", { key: '3f2ba52881881e1ba0322cb0c13c62c7cdc87b74', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'a0974efdfbb965f27cf2e47d51ca76cfac882e29', class: {
+        return (h("div", { key: '2f5f36653b7563f25639090be3b235bc6ef25a33', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '9b34f69981f378ad57c15e662df6a42b60b5a67a', 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: '0d5d134b82d47f9580ddbdb259dc6b02b3de6065', 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: '844fe972fe2a345df3677f3525a3b9a714784e06', 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: 'cb30c0e93140a5c1b045c79568d4d316fbd11677', 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: '0f9f91c1e7f09ddd436618dd1afb04f8f90a6f27', 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: '188381f52cc24517ea48faadf137d68c396d2f7a', class: "digi-form-label" }, h("div", { key: 'a3ea6f320b3463bb583f779014b5eec5f31df32f', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: 'e98b00ec329036b1e029c68e5d7ec44a3adf5365', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: 'a200d099f8d9be48e68851de06ecbd66853cc1d1', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '8121aa5cd8cc33cc2b5c2d5c3212888b1214551b', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '62514a7151641c311d0cc41f3d049041403520e7', class: "digi-form-label__actions" }, h("slot", { key: 'c59e5090f35c0a47cd744fbc6c8ad10ad196e21c', name: "actions" }))))));
+        return (h("div", { key: '49750e16792d0b5078896035bcb99792e6d9f589', class: "digi-form-label" }, h("div", { key: '81fddd3e4fcc34ba9c8324f5cae0fd1cde00c3fb', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '01feb27d7f79c818ad7124f85fb6db671a7af847', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '0d484a84b46230a10df0e88a48ebf03880892bad', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '2fc41f3cfe8d3057260f65b6e0700b92f47a82b9', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '466cd22c12eca1390b0051766efe7acd34cf732b', class: "digi-form-label__actions" }, h("slot", { key: 'acc3c7a1ab59f4031c80f90a32c66a15de025180', 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: '1b77f817e541271e29892b127944744bc3daf3cf', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '45500681490dcbd0b7b75b6de5882c07642deff8', 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: 'ad3ab77013c500a21c82d171077293be4b8a1d7e', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '4491cca214d38754bb6215e14e00a5eb5c8b5336', 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: '64994ceec9af57adf6fe47f94ece9f1fc56ed42c', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '62307a52326ecfa3d6f941cf7e5088a33b25de40', 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: '8e6a2bcfffa5da53edf122118c68f395ca6851fa', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '81403daa92652914cf76259a1f4a0d22023818fe', 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

@@ -41,9 +41,9 @@ export class FormRadiogroup {
         });
     }
     render() {
-        return (h(Host, { key: 'f834d8ac10b7c0a6890a97f2d757915aeb5f82d2' }, h("div", { key: '942a3935cd212abc1071eef2ad440fd200b7c049', class: {
+        return (h(Host, { key: 'a1dc24e8c0ced8a598dca254923310a4ac354b33' }, h("div", { key: '09d87e1b67dd7c3f7907164744e702d75d47bc36', class: {
                 'digi-form-radiogroup': true
-            } }, h("digi-util-mutation-observer", { key: 'b359f762e615f11bfc5c3365ec02d7957ae933a5', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: 'da998cf808267de0b4b74918fcdd7002ff7737fd' })))));
+            } }, h("digi-util-mutation-observer", { key: 'a9f7f2098a0b6dee51508d3f2627b7480eda0d4a', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '6610bea1f78df360f8e4f69fd00f2c29e82ccd9f' })))));
     }
     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", { class: "digi-form-receipt__infographic-primary", 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: '636df91a0077d8cb3370ec911f9b2a2a3e72133e', 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: '8516ceff87fc1e4e807fe78352e0c13a2a753010', 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: 'd5e7ac0d8a2c4fac7a5435c19f896653205c3977', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '9899b063bdb80dfa868f095180580592fb6abfbf', class: "digi-form-select__label-group" }, h("digi-form-label", { key: '1a8b59fd9fdcecc5c40c1f5cb59c17d3818dc2ba', 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: 'ccaca3995af717b690a61eaea5de30db4319c0d9', class: "digi-form-select__select-wrapper" }, h("select", { key: 'f1ed03a62f97ebce9cfd015371746d6201802694', 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: '49f40c92117bbce3728e70e863b1a4216413ab29', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'aa0ab7690d810299489ffaf00cccf038ff5672d3', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'b6b7e0638e5a2b01701b8e23d3ae2bc4abe15cf5', 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: 'be4fe8473e1014c2a5b3dc7074234df79f281ff4', class: "digi-form-select__select-wrapper" }, h("select", { key: '71a7828e7675d0062f8b2fc2db48809cc7ef41fc', 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: '243198b667b2e07324a6a9c583b4899daf60081c', 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: 'f24aa09189501c39a31289d62a7fd18d8722b9b3', 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: '6be4cf840bdf728cb29af7cb84a6ee8e1425d536', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '907845f2a44114ffbbb25f8ffe659ed666f46823', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+        })), h("digi-icon-input-select-marker", { key: '8b9fd9d1affea7fe6febb7a144fffa205c8ab2b5', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '3f5b110b0a296597cb25963d885e881c0fc4657a', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
                 e.stopImmediatePropagation();
                 this.getOptions();
-            } }, h("slot", { key: '239cd46d2cc5831eb5e4e9df3aa95c278d70e221' })), h("div", { key: 'e8a045ea79000428873c50b9b339cdc83b7503ed', class: "digi-form-select__footer" }, h("div", { key: '887fcf781abd4749f347a91a417ebe3c60b19af5', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '2a3fb6c5358f940b6ab19d372c62d271a70d05be', "af-variation": this.afValidation }, this.afValidationText))))));
+            } }, h("slot", { key: '4d39e4eb08050272d097e1f302fd09c71e1210d7' })), h("div", { key: '63717b4931c6ef6d79c3f7e9807b3f9621a4da43', class: "digi-form-select__footer" }, h("div", { key: '612a4029c893ae0355620ce8ff8530127c1bd65e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'da30bfd2f237363b4d061d3e83d9f0c3509978bb', "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: '46bfa90846250303fbaa77898bd4e36cc754300c', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '7fa7ed96855d58256f88a6fd7e73ff07e2b338a2', 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: 'e794ea5f9b127e81b191c05277bf402ceaded662', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'b275cf5f21a1dbf70e253689a8d817f23267d3f9', 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: 'ac3f3a8e40f835cb8e8da51ea4516242f9c20c9e', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: 'c11f157e73ecac65e39250e48af6554a9840d4c9', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '5c41c4423bb41ecd02d62ede9026aa65ce67d187', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '4ef9a7757e0905a304bf7f05cbf6da8e0bbb8abf', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '7b01f15b770651577dbb1b6801012a686a6b71ec', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h("div", { key: '44cc16ed72ac985c551d2ea469226f12062e998f', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '99a1f568920d657792956f1682a7a87fd654063b', 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: '1b96c168519cadf139092232d0addad71793b39a', onAfOnEsc: () => this.escHandler() }, h("button", { key: '885c1b4185648fffd8b786163d099bef617003ab', 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: '010faa6f5c6cb5d3031e21dcc1ec32170c274503', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '3f812a67caf29f2e4ed6ccedb5cde6f4ec032d8a', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '29a54235cc20bb2098ce9b0b5c65b9be96e2256b', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '0afb7d3238712a83173f841133b2d1e75b520158', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '94639b310bf2aea572f18a5cd3ea93f4c4b5d40b', 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: '53a4e183fba4353750db107ae1484cd8411c272f' }, h("div", { key: 'e77c9c0314871919d821ee5a62226a9a95b88e88', class: "digi-form-select-filter__header" }, h("legend", { key: '692a2dc590cdc2c05a82ea0de11becfbf8dd045a', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'f8da6a7956f2e31515d2ec8a02ae508ae4362b52', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: 'f85b2c145d88e1ddc341756688b26b01278655c8' }, h("div", { key: 'b7ac99419b2b6b23a97a9c4894d22af21a34cf68', class: "digi-form-select-filter__header" }, h("legend", { key: 'decbffa5b7181147d8194145c335135035c0fc0f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '86f5e662b1aedbfb18d12b80a7ff10608f04ffe0', 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: 'eba97cf59c747df31c0bbbef960cba770e712467', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '17ab0cfca19c8f115180f657be14056738a4b9c7', 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: '70ed31dff7160c7ff71a239a36b16afc8d1c9805', 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: 'ae6b1a11c35952c11d541ada4b295c21020592e7', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21da78f60e2be7662839b7f8033449b59488ff4d', 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: '60a589978e2b6eee588d9f93fb82ab890266071c', 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: 'cae743e0531b2e9fff08a20534797a61426c6670', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: 'b4f11c04f2dc4842b3c277801afacd3734088fc7', 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: '1e9a97899f51562a715e507bd3b4474a47f3dc59', 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: '2a0448ffb7c06d877f91210a5d913047f09cd020', 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: 'a47eabd6a3684a983bfd361e89b1f5f02a363c46', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: '871daa6e270cbc16e9fbd32b374d9c87d461e6cb', "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: '32293108304f6a58b17d890be9414c604044f3a0', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'f15b5f53816e58f4a2867972480c1f98d4cb8f14', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: '5d4651b71154ee9b443db6efa748887755f76561', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'd5bceb942bc9838507916b491609fdb6c6e15a2f', "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: 'f4f5b77a54d59f28584265759015c59c03ee87ff', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '783f159900e9e77cbe58758b01eacf95523aad9c', 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: 'ebbbe22cd7d335c97d7b0b01c3eb9e7fd4188c6d', class: "digi-form-select__footer" }, h("div", { key: 'fe21c398917513b79f71f52fe1ff02d713c77893', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '993ce37ddcdccc206922d7b34eaeb48b53abe93c', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '2160a5556a346884d540bcaa6eb976b7942fe4f8', class: "digi-form-select__footer" }, h("div", { key: '89cfadac50c5520e9ea14a70e922dbb249ddb8e7', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '95d189c3b944ff0c37b79d21470a9046dd80f46d', "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: 'f9c11dbbbeb22af4404d7bf7204cf30fbf323673', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: '3eb7ad78ab41782cb5dfca68a92bd55fbd61f87d', class: "digi-form-textarea__label" }, h("digi-form-label", { key: 'fc1d477e9e5752bb66c3773fd8d8635d39f354db', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '67546e098467bbad002d1c9052a7c786970126dc', class: "digi-form-textarea__content" }, h("textarea", { key: 'b440f8b6d4ed8623586fd1321f8dc7b41a199c82', 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: '91cc15996083fac55f965a5b710a13ee53758de6', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'c231c265843c8345ca0d1160e8bac83dc8cf0627', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '2a41fc8ddd351b1ce520890c247d58a0cc6b5e17', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '95988ab9dafbbb488b8be50801f7a2bdf9c8c69a', class: "digi-form-textarea__content" }, h("textarea", { key: '7e130463b6e52c33656bc91df6ec95cd998b8375', 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: '12696377f451dc31407c869d2515f35752c1dfa1', class: "digi-form-textarea__footer" }, h("div", { key: '8390af6731f11b1297f425bee582e550afc58569', 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: '2bf14180fe7e91927a210b33ebdb5cb38b01bd9f', 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: '55ab944bb3f18533e2a8e6eb60f6a5342995b416', class: "digi-form-textarea__footer" }, h("div", { key: 'f88ead6eacffa2661e0a8311cdfe5af814743a1e', 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: '533fdbaa51fde2f0e757eea7f946546e634caa6e', 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: '18f52b4ebf44ba3e2c3e1bffc1067b4b3edcc7b8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: '70c60e70b5f3bda2fe52c0d14afca5fa235ecdc7', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '243aa014e575dd029e372bf63ec1cc59d7e2d355', class: "digi-form-validation-message__text" }, h("slot", { key: 'ddc134438d834d64a3890bc72e26ed662a73ab5d' }))));
+        return (h("div", { key: 'b4d77f58e8c289295892fe8c6bbd128f0ac0bfe8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'ccf07b383eed2f696e2108bc2b11d50a0a37aee2', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: 'fe5c2456fcc88c666463205c7c735048697f37d2', class: "digi-form-validation-message__text" }, h("slot", { key: '8d47bef18ec9c7b255f8ee3ec94af6620a0c0dd4' }))));
     }
     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: '3e8fec2c2f877ce76d0a7bf68efc47b8848e0d85', class: "digi-header" }, h("digi-util-breakpoint-observer", { key: '58e04efb95dae3ca425466295927cb3bc6ed93db', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }), h("digi-layout-block", { key: 'e4b278ca100baf6b68861630c8e1a079c9a29dcd', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '685e6c7b605bd4cf5a0d321e3d878b3d99dcbf29', class: "digi-header__border", "aria-label": this.afAriaLabel }), h("div", { key: '662206e4e29ca0da96d1cd3c5c55e7083511f312', class: "digi-header__navigation" }, h("slot", { key: '26315a9df3438a47f9df511da8f58001461e0265', name: "header-navigation" })))));
+        return (h("header", { key: 'ea9eb6c5bb6e37082b4b0f674d663b728147f025', class: "digi-header" }, h("digi-util-breakpoint-observer", { key: 'a12bc91705505a970bbc4f1ab7c8954ca12314cf', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }), h("digi-layout-block", { key: '8a7719561230ff04cd023046f6dd21dfe01cb96e', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '46f513081b8c03d98b0c41de087c40ab8086ce62', class: "digi-header__border", "aria-label": this.afAriaLabel }), h("div", { key: '75ee0f61ee70d099e4940d99f989b4403b1570df', class: "digi-header__navigation" }, h("slot", { key: '2ef66a2070710fea45087cf96d4c56fbe02e03f1', name: "header-navigation" })))));
     }
     static get is() { return "digi-header"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,13 +16,13 @@ License: none (public domain)
   --digi--grayscale--900: #333333;
   --digi--grayscale--1000: #000000;
   --digi--sentiment--informative--200: #e9e9ff;
-  --digi--sentiment--informative--500: #0000ff;
+  --digi--sentiment--informative--500: #0A4DD1;
   --digi--sentiment--informative--700: #0058a3;
   --digi--sentiment--error--200: #fdeded;
   --digi--sentiment--error--500: #da0000;
   --digi--sentiment--error--700: #c7311a;
   --digi--sentiment--success--200: #e9f6ec;
-  --digi--sentiment--success--500: #009322;
+  --digi--sentiment--success--500: #008A20;
   --digi--sentiment--success--700: #02703c;
   --digi--sentiment--warning--200: #fff398;
   --digi--sentiment--warning--50: #fffbdd;

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: '62486f74add8f4c0eb4503cd3d9391db3638a867', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: '7d60e2cf3f07ba1e18c38db26e88c2809e973e78', 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: 'd0ae6e285f8f91a56b186bff2e9738b446c2e5a6', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h(this.currentAvatar, { key: '734558a776e3c338032b4aea6f2bc10c8468dccd' }, h("title", { key: '4fba4cfe1ea2a8d4ce1e126d3d63bc3340a3ddfa' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h("span", { key: '7655ac59dd8155891028cadf1432244c37e50012', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h("span", { key: '948f5618bcac65209a2ec1b517e68abfad677ebe', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h(this.currentAvatar, { key: '91ebc22b28a3fa359f2dfd0889777c1f79d15e73' }, h("title", { key: '736c62821a493f220762fca22396a3252fbb6365' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h("slot", { key: 'f848a11032bb309ab3909b7f7525bdcf7c013d4a' })));
+        return (h("div", { key: '64fe3bc01a24616c897731922c27e80d1b5b0f36', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: 'e3eaae1d160a92b2dcb665bfab6a525139946570', 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: '79721c8dafb2c882636d59afb6105ae830349d19', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h(this.currentAvatar, { key: 'fd721ba027a41c5f8f1f0222eb8cbfcf35db423b' }, h("title", { key: '1abe7f2022bf622309d8f575e260f1bce4d9802c' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h("span", { key: '4df36de8d4cbbeb97178a7136aa499f82e024168', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h("span", { key: '4b20ae2fe652a7ac62603c698bbc993ac8b1556e', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h(this.currentAvatar, { key: '2089f8c7549d092d54077c6e7304aa9cf5abf5b7' }, h("title", { key: '5c1f76f3e0fd461d626eafafb6a1bc4c5619057b' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h("slot", { key: 'b5de2480dcd323bfce343d9576b63b6347f50958' })));
     }
     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: '0fb06933a0db9558e48df657c124e25725d5ca97', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '9e7264d8717310ccfc1191f232cc5d4ac8eff5c7', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '8fe530008c7c0fe0ee61f5060e5a0f3276e33d70', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'c3f23708683f8e1528d32723536fe6aa60fe473e' }, this.isMobile && (h("div", { key: '7a3a989cf89467062a0f3cac820bb1c7712acd65', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: '6fbeb6e0370215814e20de54350ec95f91b22877', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+        return (h("div", { key: 'fb9799e806c7d3206d7ddcf49ad0bd8e7ca6ffe2', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '562777731f122a7a2912e5b1775bb562b774ff71', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '7c84be7716a54d1d83e54ef6526d038e356a4fd2', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '4afd16f7da455f883f77dab67de218a8a950116f' }, this.isMobile && (h("div", { key: 'c35304399f6fabb8d030555cff53fffa147c27c4', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'b55416c51335f005d3670e3cac4e3918a118b790', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
                 this._wrapper = el;
-            } }, this.isMobile && (h("digi-button", { key: '67701c7b1ae36823b9638e343b10ac0675e40dc9', 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: '1e1272eaf3563134e0b45e12d48cce7c9dc69edb', 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: '6ef4bc09d8c93f1077b1c3e2fc962c02b0f4b012', 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: '8ede0075c443e4c818591a4bc9c708e0433fffef', 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: '3dd95d1bc6d12af6e94f58bc58f8791dfa9ae1f9', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: '838451ee1595362b713b0d1d96d99d544b7a11d5' }), h("div", { key: '3abded58b80e5931711b5657039fe0c87241a789', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+        return (h("div", { key: '2da8031ab1a04399c649122865b19b085ad0f816', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: 'ee3a995a79159ca84e881d1040e98c9f27ccf6e4' }), h("div", { key: '7295781cf81a2c899dc1f7a9a577ada093782796', 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: 'b79b5c64e596f267ae558abfd5187abec67611c4', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '340efa99e790da92b7e97c4421f8e6bd70cc3a56', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+        return (h("div", { key: 'c089287f32f02bccec66f787f7c9ee4d82479269', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '6ccb42a9d7b4aca287cdb8543be541067806fa43', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
             ? this.afNotificationAmount
-            : '+99')), h("slot", { key: '00f59d70f46b3e189014f3bb90b638fbaca7ba5a' })));
+            : '+99')), h("slot", { key: 'd1cb6d49219784cf960c553a47d1d06e5b33946d' })));
     }
     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: 'dce68d7c58eb7efaa33f2a50db0bb7eb406f75ee', 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: '906c1b14bc498e1347d4344b13f4aaeb4e92b110', 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: '29f532d29306e200c79141f2aa6a6ce51d9eca91', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b3b2ab4b0dfa77f1ec369cc6f085dbbd777eec43' }, this.afDesc), h("path", { key: '2ad273fff170b950066e19afc208877b29b3ec16', 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: '8f6695b8de7e5b945ac0606f3f4d67eea42a0cc9', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '282e484cf7995dbdf9de8ea471c4f4833fb1ce9c' }, this.afDesc), h("path", { key: 'cec50524bf714f1bf7f87d89009754b980924919', 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: '3d4a8e603d90af0f41f0222657768d434ba9dc4a', 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: '109b03f04c89c2bbdbedde7cd58b3cd4cdbc7e37', 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: '62f77f1635b9f171b471a9326b8b4d3ea2966e50', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3e7a22d2751aeed959a5241b6bd0f0963dced9ba' }, this.afDesc), h("path", { key: 'afaeda0acaa7c696f727d45120afb0778c5da5f4', 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: '9eb90870f4a8be0561a17d5ac80f3c233c413d21', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f92f8a7be412879267d7428b953ecdb353c9af63' }, this.afDesc), h("path", { key: '50680f16ae3f57214b4f21a1b4d85de030a2e52f', 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: '012c46a43ec8011688dbc1d7151ca1ab51e7c50f', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'a29a4d673d2f3c3823169ae64bd278a4fca6e953', 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: '756d84b56b3ded3efb4650053950d11fbf40c7a1', 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: 'b733ebf936a0e2f0411259c5ea56f238e40a9a98', 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"; }