@designsystem-se/af 35.4.1-beta.1 → 35.4.1-beta.11

package/dist/collection/components/_chart/chart-line/chart-line.css

@@ -52,8 +52,7 @@
   flex-direction: row;
   flex-wrap: no-wrap;
   gap: 0.5rem;
-  margin: 0.5rem 0;
-  margin-top: 1.25rem;
+  margin: 0.5rem 0 0.25rem 0;
   height: 2.675rem;
   overflow-x: auto;
   overflow-y: hidden;

package/dist/collection/components/_chart/chart-line/chart-line.js

@@ -1616,7 +1616,7 @@ export class ChartLine {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (h("host", { key: 'e5e8fdc58756850c9efa7cbb07b9e1e381dea725', ref: (el) => (this._host = el) }, h("div", { key: 'be9a2e7be1153eca0ac094b6af9697978caac397', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'cb5ef87503157d2b6fde4faa88146482c4b35263', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '70fae20a2cbc88c3d196b4b397c60c6a7af017d5', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '4a8d8c1975a90a6479e48995b850bdb9de303e4b', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b54b1cde8415d450ce8d8f1381eea7a730629a69', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'c59f756df0b6baf807bbcafc4f5043b732731db5', slot: "icon" }), "Visa diagram"), h("div", { key: '4782e1922b6e45665d237516ad8340d00e1f9b45', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'e5543d8919613a9fb3ff1c3f5d5f84fd4059b076', class: "chartTooltip", id: this.afId }, h("div", { key: '236b2644e8052cc68c388210bd517e329d52ca21', class: "tooltipHead" }, h("digi-icon-x", { key: 'fb6f0881aeedd04414157ff95484a2d32fa34b38', class: "close" }), ' '), h("div", { key: 'fb9bddebfb38768a8402a59a71551b95270e3305', class: "tooltipBody" })), h("div", { key: '469dac4bc1ab51f4d4cb0b97e7e4a216cd1cc4fe', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '48bcfdc1eae947708bd2f7414f189bd1339db2d3', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'd3dc96e2710194b6e66848f663d7517b33dd5926', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: 'eedf8d79973aa2d15f474e93134acbdfb9ef3d0c', ref: (el) => (this._host = el) }, h("div", { key: 'd8500c2d3ca271fac9ebf5ec35c4c4da9aef0abd', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '5c9b87f00f5bba14becd10154e3b13cac48124b7', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '859a31da8c6afc1c07474ea4914af732588cef5b', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '3852def8d78f96314ee1a304a8b4b5d787e6f456', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b4c53c45553bce7c77d20653d52a39c431597491', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '8f5fabf6d507e5e664dcf9c89a73a2bfb5572645', slot: "icon" }), "Visa diagram"), h("div", { key: '7678960d000f436d5b0a9dce2f4489f9b48a0fee', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '64edcbc78f51256719674dc4f9dc01af0ee7998a', class: "chartTooltip", id: this.afId }, h("div", { key: '0e9d9ffed55146e7aef132df07eea7ff2f5996c0', class: "tooltipHead" }, h("digi-icon-x", { key: '0463a7d4892199fb684f536a07a45132ad458c62', class: "close" }), ' '), h("div", { key: 'a703ec0152cee394b60a9110dfba8090c8e2e0bb', class: "tooltipBody" })), h("div", { key: '36fe4d1b5ede71ff5fd0e04be1ce33a6a5dfa7bd', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '558f1c0c8d1c6921d76a2e017197914af3b4e83c', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'f003d37dd680bf77a0fda37ba976edce57a7fcfe', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-chart-line"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_code/code/code.js

@@ -36,7 +36,7 @@ export class Code {
         };
     }
     render() {
-        return (h("span", { key: '7c1ef98c36152df078e8bedcb71742d8bf1ee567', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '851c4c6ff5a7475543f2e5bef68946103f1dce17', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: 'b3627a80439a7c3289c588f620ed04e3f2e590ae', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'd206aad911c0951fa20e976385121fd2e9f1389a', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get is() { return "digi-code"; }
     static get originalStyleUrls() {

package/dist/collection/components/_code/code-block/code-block.js

@@ -46,7 +46,7 @@ export class CodeBlock {
         };
     }
     render() {
-        return (h("div", { key: 'e029a956df57a20023b7891ca17193bb22bb4a49', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'd947d2cc58f9ca343ef1d5f86c3c8384cf30674b', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: 'c0198254aac7591404c22e4c9b2bd42f574eb074', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '9c6cfa7ee1692aec7d63fdce792df73acc9178df', class: "digi-code-block__toolbar" }, h("digi-button", { key: '6482a677d2c0a3dd881b8b4f8963ad92131eee9d', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: '187a6cdd4ba8ccb5b750a556f427537e70eb9d55', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
+        return (h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
     }
     static get is() { return "digi-code-block"; }
     static get originalStyleUrls() {

package/dist/collection/components/_code/code-example/code-example.js

@@ -137,17 +137,17 @@ export class CodeExample {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '0aac88062d18bb191c2404520006a2f5b8c33ae5', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'b6d609bb0bfc8bd7056a712ff482737c7226bd4c', class: {
+        return (h("div", { key: '64b359db9b5ce07f09ec04965ec86ae5055e08dd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'dccf1c981f42652cadc5761db4a25ee3e250ece3', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '1d1c2f8bfbc25d98bb6075e80ffc2d795de8ae12', class: "digi-code-example__example" }, h("slot", { key: 'cba52c172ea1a353d955c2126097ec54f6e0ff3d' })), !this.afHideCode && (h("div", { key: 'f50222cfb99ed37838a8170c9a749c818c867b79', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: 'e845e695285530ffb9f3eb9bdf62d3084363bced', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '6d19ac2f5a8a543a71438eea512d3a866bc55a19', class: {
+            } }, h("div", { key: '5adc1e437c61314cbb90460e126aa690b3cb40bb', class: "digi-code-example__example" }, h("slot", { key: '630621134cd53d1e0523f785023178f4f3f03251' })), !this.afHideCode && (h("div", { key: '5530e6d9df1e69c6c365c435f6165311869d8198', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '6f09b11e1c38d9e05f9191046093d38597d7296a', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '2d813db7f159d0e2a35c0949eb58b8a56e886a22', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: 'c1c45315383b313f9419ed9088cccfc11545f85f', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: 'c0bfcdb5072c09f74fecb30e49d5f21e02361e5e', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: 'aca64a8b41e403fda4cd8727efc2d53294c2ed6e', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: '3f0fd153637ab48268081008ef0d5b9f56efb407', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

package/dist/collection/components/_dialog/dialog/dialog.js

@@ -234,11 +234,11 @@ export class Dialog {
         };
     }
     render() {
-        return (h(Host, { key: '6f74c149ed1d3265d436e22a1b115352b7860c0c', ref: (el) => {
+        return (h(Host, { key: '081d59c8f189c983387036ce62f06b4ee2769647', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: '4f7895c5f43e0faef2c06826e555c55c50aa8af5', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '881985dd349d3f975e9680a5eb844ec046bf628d', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '02ad87c54658da3c3adfbaac7768a87cc8e0d3c3', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: 'debe37c7ada92dd174a8123ca689219d212e7424', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'fbdcc37692c3c73745bc2d423e896137fd878392', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'f2f07c84aa00a9b52a8d1a74f31607707c875870', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'bcf1d9fa5f4594e6ebe544c65587e49872dcd65f' }, this.afCloseButtonText && (h("digi-button", { key: '0a3b2adbc992d1a79f36c055709bd5ac24e29e94', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: 'ec51a6c5d7af7ae4a965211a96dac8c273fe608c', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'e133694ca3fddaa700ce4e5693ad592e4f62f92d', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '3a77beeb5cb20112a78598e28df6f05d8ad7d84f', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '80e5e86fe0fdaa6594a866ce9a5be09c35406e9f' }), h("div", { key: 'd80c83821f6da6e1211f15fbd15cba56224325ee', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'fc15801b25df9926bb0dbbb00edfded78300ec81', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '34c614b44e69353c59539510db04e8f8c3894ff1', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     static get is() { return "digi-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/_expandable/expandable-accordion/expandable-accordion.js

@@ -78,7 +78,7 @@ export class ExpandableAccordion {
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '68aa6cc9280d5dfc4911d5cc3d87bafe90495e16', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: '5ae5e7289bf0111f2868c4fb2973e956231340b0', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '9fb0fd9e4ac092a7215bc6b21d8ecdd3f0bdfe36', class: "digi-expandable-accordion__heading" }, h("button", { key: '93fb1b59b8c419dc8505df65222904e9057c1d53', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: '3e2186adf2cb77babe58be1ba82d668f08ab520f', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '1bd7d3aa602cd470b9d30ef28c3d5f4f157e0cf1', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: '27a2903efb492a56be047c021e8ab4822fb6860e', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: '573cd16cc0c20d902f3b12bf61c090ee753ce804' }, h("digi-typography", { key: '701028d3555074a63fcf57f70eda62244313dc19' }, h("slot", { key: '2c0ae1b4ff41f8fc03808c91281c241c8f67b2c5' }))))));
+        return (h("article", { key: '293f1af18ec10b52ff734f449e9248c0040e1550', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: '43f3dd32444ebe7c7f4d89d02ae51172ee71323c', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '593d5f642ffceb433eb0c284977ff004752e5d95', class: "digi-expandable-accordion__heading" }, h("button", { key: '38f4d583fe8173137de825eb7cfead4bd02a06dc', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: '607b495071e96df847175f5ea55cf5ba3534e113', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '9e543a4d2ec72dcec7d904c89836d8b8ea4b3c37', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: '65d5666a1bba3609cc452240d2c6baaae9e1a364', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: '6d38ae958f5ebdcd3bb56dc5516b65bd5f196c2d' }, h("digi-typography", { key: '95dca191c7e197e5bc303ca88d933ab0d2c3d31c' }, h("slot", { key: '86171e79136fff82378ef011def29b38dca87955' }))))));
     }
     static get is() { return "digi-expandable-accordion"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_expandable/expandable-faq/expandable-faq.js

@@ -50,9 +50,9 @@ export class ExpandableFaq {
             });
     }
     render() {
-        return (h("div", { key: '02785d05fd78220d615a0d01581afa3645cb128a', class: {
+        return (h("div", { key: 'fde7684ab703ddbe07b156035ba37050ed3dda1b', class: {
                 'digi-expandable-faq': true
-            } }, h(this.afHeadingLevel, { key: '9223159298cdcf2484d47558ec645a890ae6e451' }, this.afHeading), h("slot", { key: '4cc5a09edf0d63647edaf091d039325a1155121e' })));
+            } }, h(this.afHeadingLevel, { key: 'f2e2dfac429cdfed99c9f71071770918cf38df70' }, this.afHeading), h("slot", { key: 'a9289be94c96e969748c8bc76a701efb2e2b56d7' })));
     }
     static get is() { return "digi-expandable-faq"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.js

@@ -70,18 +70,18 @@ export class ExpandableFaqItem {
         }
     }
     render() {
-        return (h("article", { key: '63c9c19e2bcdba9fa428780e7d0f22054374e6bd', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '17003e09ef6f4170e186468dff4ed7532e78834c', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '376a8ce63823bdb6c243316d17d8fe7f2b000d2d' }, h("button", { key: '0db0dc297296ed3df4f5c519490582b3fb74013e', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '77cebf9e6024110a7a13e0a8b8bad26443783f3f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: 'cfcd9dd4602a738d93c588e78aacf3a1d680be7f', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '070e9ce1ae568f76a98c790eecd9f6c8170882eb' }, h("button", { key: 'bd22294c7b556c2f048a9168e7ef6623df5f7344', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: 'c5fa5a98f74f33ff0187241825511b1f10960a15', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '8d32c3b205fb19bd82887eaeb586e823f43f275a', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), h("div", { key: '9cebd8655f77daafc65ba99a675065bd7cfbd8ee', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '24c13561321956accf5fa1ee92b08fb4781b1e2f', class: {
+            } }), h("div", { key: '8f3a9b920c46c0bd7604fc263eee364aab0530bc', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '0044fcff40a354d5aa2eab9cd3aa8bb8f84a655e', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, h("div", { key: '0b6f42abedbe00376047c5569612cecc9fc28967' }, h("digi-typography", { key: '2d8bdad3676fd597a12537b764a22c9583646975' }, h("slot", { key: '675deb0132dabd0ca4ca8e7ff2b6f067434a2f71' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '57d0847d6c133b95366884299109f728b72f9cdf' }, h("digi-typography", { key: 'a7ac9df70a7e68d0f55b6f745d456884ab3527ac' }, h("slot", { key: '49f68abb221c4b439269ea016c8f66e7dd5c37ea' }))))));
     }
     static get is() { return "digi-expandable-faq-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer/footer.js

@@ -22,7 +22,7 @@ export class FooterFooter {
         };
     }
     render() {
-        return (h(Host, { key: 'ff34fe66248a59fba77402d1c58de08a5befa548' }, h("footer", { key: '1b51ae4fe0568a2348a02c3bd509a7dea5ae50f2', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'f66718cfe0674a965a24d779e88d05663f500299' }, h("digi-layout-block", { key: '490853ff22c4c8c04d69eff4ee71ee5511969444', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '8fd768895c9fd98107e2338ecab8b1037681fa5f', "af-no-gutter": true }, h("div", { key: '2f3b47a868fb316bd2da0d38026a23d20335c73d', class: "digi-footer__content-top" }, h("slot", { key: '0a715ece2a38a52df905bc34c4ca81d06543410e', name: "content-top" })), h("div", { key: '2e83f302937357cc3cf33fdc7f512d1ec2d2e5a7', class: "digi-footer__content-bottom" }, h("slot", { key: '633928887f643c9d9258d622d3dc63cbef611c13', name: "content-bottom-left" }), h("slot", { key: '0236efcdb59da26ceb3711a3d48b1b006a5f812a', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
     }
     static get is() { return "digi-footer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer-card/footer-card.js

@@ -20,7 +20,7 @@ export class FooterFooterCard {
         };
     }
     render() {
-        return (h(Host, { key: 'eceee2631d0e0cd69e0c6d09936f659473b005c7' }, h("div", { key: '9d5cae4332e69e83f9aacb3f06a792f2f80f88ab', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '8efbe43b0db2a6e20698358547c65f7e18721358', class: "digi-footer-card__content" }, h("slot", { key: 'bfcc4cabf1418e691531977b7edf138201f47f8d' })))));
+        return (h(Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
     }
     static get is() { return "digi-footer-card"; }
     static get encapsulation() { return "scoped"; }

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

@@ -92,7 +92,7 @@ export class FormCategoryFilter {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: 'b280f9d0028997c7269a26d4e12aeebf5836067f' }, h("div", { key: '484fd95470ca94c7d1907a2ccae25bf53eb4648e', class: {
+        return (h(Host, { key: 'd12f4ac366631a31dd0578b1241510210c1a2eec' }, h("div", { key: 'b24c2101967cdf45646831bbc81121be8050557b', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -100,7 +100,7 @@ export class FormCategoryFilter {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '0b6ba47ff19ef7d486d547d06419c609a3366efa' }, h("digi-button", { key: '34263d716ba7785407b90e09900b37ddf1085ae5', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '2ab08f68cc055f2e5dfc6d507079654c8ae59af4' }, h("digi-button", { key: '0286e062fa8df32f71e9149a35e3af51a8f35f7d', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }

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

@@ -89,7 +89,7 @@ export class FormCheckbox {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '79589f1989edf058721c3accd59fe60c88e56071', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '9193cadd1e9cba6c09265eff1cf25ed60ee778ce', class: "digi-form-checkbox__input", ref: (el) => {
+        return (h("div", { key: 'b07980174b08bcb0e20711739ba19d29232243c7', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '071433f96ee2f838441ee2bfa6e2713bd6da2cb9', 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);
@@ -97,7 +97,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: '976dc0ca3ab0ace1979ead43da824c706935d4cb', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'f59428d098754af33dcac40b2d9d9306df91d4ea', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'af1c4cdb0e2b525305e4c4d1a0079ea831c42268', 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: 'ec267b3b7bd10a8e479b00af487bcba16ad6bd7a', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '82b1fce3fe05914df36490e59994e59940780ac8', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '48e935761fb00cf6149ac1d00b91f557ebeb64a6', 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: 'd307d6e5b73f9fd8ead86c6ce942ffd92ef78eeb', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: 'c1f48e260f43aa96d3213e0979bce89b8e548e27', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '0896ac9916f128206dbc764289a9e1f100e3a469', "af-variation": TypographyVariation.SMALL }, h("p", { key: 'e4f960929cac6c67b5bb184ba138fb734ec867f5', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: '3acb552372f9f9f908594c62fc6f7991bcb61284', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (h("div", { key: 'b1538bef3aa4d16c21c04cc6ec3a16e1da48cf9c', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '2b6989a273a1182560cf313e22c5c6d2fd01fd33', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '9142a6f39761391edd40aa8102cff60547be34b2', "af-variation": TypographyVariation.SMALL }, h("p", { key: '0244fd85c399f6823dca2437e5b25e329fcfa9b2', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: '47caec67e8e33bdaa13abb8b04f5ce9756a93e8b', 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: '5244d2842e0faecbe58b737a1ad9ff793c537ffb', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: '9956927be6dbe2e352a917a79fd7946c7ee7a898', afOptions: {
+        }))), h("div", { key: '9e48117d3a59c50c10684f05a40f350c5b936867', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: '02d6c18bd0c16be3fb3266abebd4bd8156e4a432', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: '2dd345af796594ffe63a6c2bca3f7200fe94c295' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: 'd1d766b6f1f094c135a0ae8c9624a0e871ccdfad' })))));
     }
     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: '878236e7967e6c478ddfaa1a94f756a83d417332', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: 'f9e6dea6daf5f25f253789cfe30ace053f7a2d39', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '08ed4d8f0066589ee998f9137a0f5a36a19ebef1' })));
+        return (h("fieldset", { key: 'a7a58d88cd63c80e2ea6a1dabb87e047e9c00b2c', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: 'a6042cfa25c5fd53fd7efd27de0a041ba36eb24b', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '0c301feeafa741c6ec844d3b55cb1ef487f74c3b' })));
     }
     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: 'ac41edd4d0b82449290823ba09691b55a6572d4d' }, h("digi-util-breakpoint-observer", { key: 'e92cedde7482882774272d05ea22b4769dc195ef', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'a81081d2161b6ac627d023df93a55ef6ff46647d', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '3655ab305aa9eb96f8be86f0d7eb91d3706c46ef', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '5e4026e43aea20d146d033175d98701e634bcbe1', class: {
+        return (h(Fragment, { key: '3c3b10acd16e7e8df33eb57139a4d841e576a4d6' }, h("digi-util-breakpoint-observer", { key: 'f0cfe2d2962ee2755757ceed6dc2e22c899677e0', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '1f356bc476148a1b387025877f7ce5107388b7c5', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: 'b881b2cbc54e3bb58e64874e71c8133bfb48b3d3', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'ff17bfc6fa0a50352b3f37863f799e421dc51070', 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: '1722b3fcfb158ab9f7ea26010d910dac0754ec0e', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: 'd8f533e3c27370500292ee9eea8eebde18709fd5', class: "digi-form-file-upload__text-area" }, h("button", { key: '14e67c89cb9e62ec866600339b03523dbab5f282', type: "button", ref: (el) => {
+            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: '62df2861282318e64d22706e8ea3c8b6c0c1a21b', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: '6a4ad53626f507b371a1279f77b8076eb09ed844', class: "digi-form-file-upload__text-area" }, h("button", { key: '581c5393e78277ff20a319c6e2da8da6383379e9', 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: '7b77df6b8fea4ff6736993d3bd2bbfbc47589ee7', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, h("digi-icon-paperclip", { key: 'c636d31cfc7cd9723f7e0b0c1fda4055da43f7b3', "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: 'd223ab2d8fdf712fd259dcf1b4bb4e0399f94774', ref: (el) => {
+            : _t.form.file_choose), h("input", { key: '5588622cf835074d7dc0efa97a99d5e21a1ccfee', 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: 'e46aa8a6646fa70ea36601b508d1bd5a74a975d3' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), h("p", { key: '717bed96af91dffbd8a9122d35dd3ccb306de886', 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: 'c5d84449ecdd6a0ffacc044bcfdc68ee6eac1b05' }, this.afVariation !== FormFileUploadVariation.SMALL &&
+            _t.form.file_dropzone))), h("p", { key: 'dc43de81b8217c4ce6befe4034adb950d0faf7b3', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (h("div", { key: '8969aa3cf924986499b0859b351cee651c62333e', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (h("div", { key: '820daa5debbee48feb5236c125abb22352a8a707', 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: '19c6d5872aab85c626c5ea241312a03a8541bfe7' }, h("div", { key: 'b103033c1b4abd2d7473e708de6736d3f81bd217', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: 'dfd9336afc099665b35c08b47467d68320279469' }, h("div", { key: 'a329b82ecd5905e1792021a16dd1c12b3b7b00a0', 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: '37d6ba0916d8a5a602e7c5f9bad823c9fa2df385', 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: '5af4806cc67c4bd3a66e419abd293e9f6fd9824c', class: {
+            } }, h("digi-button", { key: 'b5a6b2aca44be78743d9f0df213b801395f09ae4', 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: '38753316b8e1cdc24a977c835da398ff344b3d68', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: '1a666627a9de2b671ecaf5008121faa589a2db2b', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '2973005a25e6f51e0e8fb9ebe9eef1a46b73f478', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'ff4a9946138e38c1a9c394b63c471e78c45c012f', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: 'bef6dc84b8439cb5bd45229f5e77b0a2bd6a97ad', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '9572d1ec8bc6f8ac50252be491131544fbb2c151', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'f2071068664d89a5510f2840a7d8912b654c56f4', 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: '896bb5cc2d47758576842fcf240fa1f9e59c600f', class: "digi-form-filter__scroll" }, h("fieldset", { key: 'f4261cb2917d29592136e32b53baecc642f2c30a' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'd7d7d4b110d6e6640a844e3641a4db8998c0dad8', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: '3574702676988b2a0777564b343fdf6dc271177c', class: "digi-form-filter__scroll" }, h("fieldset", { key: '03098521d312f77170041c7240c1bfd1f9831107' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '532094b7579a8c7f60e87e4ee973f66b16cb7487', 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: 'cc7ac2522788b2f94430fd4a64366694fa67296f', class: "digi-form-filter__footer" }, h("digi-button", { key: 'd2aaacf7b5834d629a3af1d4dea1458795857b48', 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: '240dd00d306d89c8e3357b490e2a63acff73b804', "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: '22ae00caa559c9d0736b9ee88a4438241e0bfc97', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: 'c57fe2071e9a2705662ba181422b6dfc74c5a2cc' }))));
+        })))), h("div", { key: 'c7985ef9aec4f29899fc4ff829867fd43fa85c08', class: "digi-form-filter__footer" }, h("digi-button", { key: '06dca89dd7498a070c1046a97cdda36986bebded', 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: '863114cc93fd93a5fea02d114d60c64c86d29d8f', "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: 'ac372d9c7e3a82886b6b692493bfcb536b52b5be', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '5c1fc764d95c7928a84a13cfb57f9299e620e510' }))));
     }
     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: '93df64da0ac84296c5c19b14a8145ca19b59962f', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: 'e4aecd5610ebd518cd775eff551ec28830a94f0c', 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: '45fa0afb964b34df93e751d08067ddaffafa5860', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '90e34dd7c3fda2b594b08bfff503306351fc6a10', 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: '76e580b94dd90b3d68427845fd8b67bb9c241a92', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '153bdcc184b2199cc98919aaed49907c5a0230b6', 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: '5a0459aaeb1116259f22cfa969c3026db4e3b6b9', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '9c6bdb4d73cf4843240f0902d2a516dc877ad9cd', 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: 'b8217d9acb85cf01d7c660eea3d9c1e1454e5b3c', name: "button" })), h("div", { key: 'b10a1c89ce7afc162e07e0217d3aab5c94a62137', class: "digi-form-input__footer" }, h("div", { key: '5c864c9af27c9cc73e12ccfccc0652e35346173c', 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: '29ffa2c8aaf7ca6597bf5f51d0c5f55e2e40fd11', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), h("slot", { key: '645bcd1d92b3984c984d9c8ea23c6c547c44f62b', name: "button" })), h("div", { key: '3b39eec1b0e9216dc0fe34067f90de3a50b49664', class: "digi-form-input__footer" }, h("div", { key: '6ff1c7cf6c84bfe2673890cabfda3fc5a0b0f138', 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: '25362c686f7124c53d16300b02e4c408aac5525e', 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: '0d571ec27d3c657aef091fbe0faa7b5d50a9aab3', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '8434e42f85ce1a641d663fc8890888a8c3b234a1', class: {
+        return (h("div", { key: '7ecbb4390771cc1e95dba43ca55f3d015580c8d5', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'f09541e380357c6058e79848ffd99a95060e950e', 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: '899a5bb61c8a9dd8d92fa831f9f436b29a43e3aa', 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: '80a0757d3c732121adff725a190a49ab9aa6050e', 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: '42d7bbb08288ed5a482500b7dfaae220e64c24a9', 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: '4147f2f43df7c82a074d464d38851a13e2b11b8f', 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: '01e206691f77e812de51faf2b01497335fe6f649', class: "digi-form-label" }, h("div", { key: 'a2a451ab29e0b5e94a4d4d3ed6d05ed326bdc713', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '25840b00bd54a23867afafcc4b49f1abdadfb207', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '7ef08e051d2323d2704aebf0527e9127dd2a413b', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: 'b03334e5a943a080cf5077847aee90bceadf8fe8', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '37135ca88e673eb213d410055d3574c6f0e5e43d', class: "digi-form-label__actions" }, h("slot", { key: 'c7b62819bb01f867511d19ce776e4780b2f94a97', name: "actions" }))))));
+        return (h("div", { key: '4d902817beba8134dc999fa1835dea7c515b219c', class: "digi-form-label" }, h("div", { key: 'd49a36a498fd27ab79b470e481d8014322aade63', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: 'e2fa422d53a288ceb44e943d43cf0881e3b01c64', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '7e7ce153d2482ecdb5904673766ce2f775acd377', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '56e68644319fbeb1abecb5effd0a0d57e170de85', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '2f1786041eb70e527dfb041f30caceeb036bc134', class: "digi-form-label__actions" }, h("slot", { key: '2b188afa76c11ca3bee6f88c3f119c892c6f81ee', name: "actions" }))))));
     }
     static get is() { return "digi-form-label"; }
     static get encapsulation() { return "scoped"; }

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

@@ -78,9 +78,9 @@ export class FormRadiobutton {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '96420bfc47a451d753ef1a8b0c004725defee225', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '15cb59c25f97e4f5d76eb37f84d25f4bcb61cfcf', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+        return (h("div", { key: '737e9170ca2163d53242b72a0879d5f2da68d0b5', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '41378b14eef9d3d368d80af26da4bfd9f02735fd', 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: '0da38fbe9e3c8902f502cf9081af2a30b4a9782d', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '56d8957ac7def30966c9f2a7f805a84013e1b5d8', class: "digi-form-radiobutton__circle" }), this.afLabel)));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '0c4271258b15b2f8cecdd9762ed092b95afae3a2', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '5a1de90ad6c18d08d947261936b03b131d6b9d46', 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: 'b0d73dc989426f3842b11a55be56777cdc4a4857' }, h("div", { key: '8624ae1ce46b1772c575432c87a252230f772c0d', class: {
+        return (h(Host, { key: 'f08c5f7fef0959450fdfac51eb5f65d942f4c857' }, h("div", { key: 'f5a83a8d456f8d8e98bf1614720813d66f5db924', class: {
                 'digi-form-radiogroup': true
-            } }, h("digi-util-mutation-observer", { key: 'a0ca57381a242c46f74cb9701c342b2f39cf1499', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '74623de6e039f1570c73449132fe3a3926363f74' })))));
+            } }, h("digi-util-mutation-observer", { key: 'd58acfea2c0554233188a6572a35f58312d24135', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '6e6fc7086a86f8b5d0b57cd4ad4e8540b212da38' })))));
     }
     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: '8ba79e5e7959f4d40827fb51912195b5e16ec9ed', 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: 'd202410625db1ed892a364374b1516df522df2f6', 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: '51a91a699a7214dae2881b8331565181d359ca00', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '176d6651d6b340bdcb9226c6404d859c8c5aaf66', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'dc49701eab93026def7259d2da3b06ae52590a7f', 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: '1a9acef1bb637e922c162232ce095fd8bb0af36b', class: "digi-form-select__select-wrapper" }, h("select", { key: '9c96e71c15bcd43afce38899de23b63683ededfd', 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: 'dad8a60cf05cceac288c66889ee238911a38ccfa', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '4b5f7021d944b508f828f7cfe0171070c045097b', class: "digi-form-select__label-group" }, h("digi-form-label", { key: '523b6285f4391d61463bad623434b1abb567f085', 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: 'c7a71c29b5732bb86d38a51f0e81866477c226a2', class: "digi-form-select__select-wrapper" }, h("select", { key: '2d0512b9ff27f9d49b0abaf20c239fed5c918d1a', 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: 'e0d316b3023aee6f8f68af6cff3547c76637e09e', 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: '0924488df8b8117924e2281138fc3e3bc9fcde25', 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: '3f1385e0dea6936b97e71b2b1c34137c75049227', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: 'c72a60074699626208582facf11bdabcf5119fc1', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+        })), h("digi-icon-input-select-marker", { key: '6d6063873ce065c92589c56651444ddfa22638f6', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '13ae8dcdbdf7c442b87750a2770c9fb5bc24ffb8', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
                 e.stopImmediatePropagation();
                 this.getOptions();
-            } }, h("slot", { key: '519e8debcb35da5a57319412acb72643984f2722' })), h("div", { key: 'd2dd5d1037d5a55f633f3be6613b4ba50dcfcbaa', class: "digi-form-select__footer" }, h("div", { key: 'd4e0a4933677122aeb4ce8d0e3040897b7296d37', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '229615e7f2caa6e743495cb1d595e400c84ab15d', "af-variation": this.afValidation }, this.afValidationText))))));
+            } }, h("slot", { key: '9c5d1760cfad8809a602ff1be92afdcf9b3f73b0' })), h("div", { key: 'eadf2eaec3d7e8053a227313a4bc662c70f1d512', class: "digi-form-select__footer" }, h("div", { key: '1cb6001ad39f98dc2775e0e16b6b3342415cfde1', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '799d7257456ba08dddb61b39d5e9063a611ab7d1', "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: '629def5cd0526337b2a476863bf8503d5b13224c', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '594cf221cd33821d6cf472808ab2cba9bc432f11', 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: 'daf15b2f7c61548e9ba5a29d2b04a682ba96e6f9', onAfOnEsc: () => this.escHandler() }, h("button", { key: '06ec4ab44e565acccfa33995401ab900731900b9', 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: '815a347d73ee28dc1f7a6b7ee7038de2603b3822', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '535dacbacbef8471149ec90167a8aaf6b96f85b7', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '0dd517494c14f34163f48a43def1b1160b4fcab8', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '61b9cadb2722345d3952e691378a46b40e0a5f26', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '9222e19de9882d7b90edc7690a87fe7748f9d237', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h("div", { key: 'dc569bbcb1a15113765d564825a10e70fd4ab7b6', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '3f817ae9b2ee1093c65ffb9863c1229c565f7520', 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: 'a2ed278840246f11eb0f2afbcd82b4096da0479c', onAfOnEsc: () => this.escHandler() }, h("button", { key: '09b2b2229b4c0b77ec28cd5749057967b23a8032', 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: 'ee6e0e5d306244a8060a3161a3ac0eb8180291c3', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '2449d9919aaf576640e404c1138859534deeaa91', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: 'b4522de04e73639862978a34db5baf9622cb0187', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'eb63251e60d5e0ca48893eae0207a787f47cd2b0', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: 'b8b1bd9b4bc8abee5052f50f6facd05688af8d07', 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: '2d3a45cbfebed7e1cd5c8018668761d78ef07a28' }, h("div", { key: '5442406a01bd1cfedcea3b457e3954bce124752e', class: "digi-form-select-filter__header" }, h("legend", { key: 'c8941e114d3a1a87e9a2e8d0c36988e842ff6542', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'bf8038c240acc4a279edf88c4b92a86e30896326', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: '27f777f720dc3b6e8e10a84246b8a9b5020c462e' }, h("div", { key: '5787a80a58013c0659b0c3cb8655664086ea87ec', class: "digi-form-select-filter__header" }, h("legend", { key: 'f246e3b61ac00bb16f85aed5eec8027c09e32bd6', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '213a95365556115e5d7f0dd8d7894c99bf97243f', 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: '6ee642ae79005d0149642d90c12cdb30170e6705', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '33c5bc900698fa45da5a531964cf9473da2ff5c5', 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: 'f57d74da93f85787897ad1f1f8905d0dc41291f9', 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: '239bc81ed41974406316960219c04915844521cd', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: 'f2222c6c3438d208a34acec6052b60f52ca6e642', 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: 'ce273fe96cf4180f4531d7d25b1f6539fb31151b', 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: '0f3668b1c8188ba28ab7a9b97e5e8f1378196c8b', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '1509367148ce86ba4f567443d26ec13faad000d7', 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: '689ac75c03c759146e666782b3a9fc9f439c5aed', 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: 'f48566319f1663c44b5ae7838884d505d371193a', 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: '5ab922fdb31966269563f1b217c6926068b3ccd6', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'dc0a58c150ff5e8584811c060c0b0e6b03afd8ca', "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: 'faf2ec80f89537acc3c0e863913f64b668e1d660', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '7791fa8dcb6e3f415e3869a0a51bf67495675a12', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: 'c5d0a1496e0d930c38ddf920f0aca50b80617f6a', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: '67166ee875e482c385379af84d6183a575d579f3', "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: '17800114bc1ba2091f5d4a9f11a6f1b0bb6fc6e8', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '6b203634bc380f9882e3e882da616a35a6615906', 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: 'a7abab7ebee31196a4b67bdb15c5b25cec71817c', class: "digi-form-select__footer" }, h("div", { key: '494056569e1498a507d4714065f684e9d00a2954', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'bf8b3982edbe7d0165243e8f89ecbc6b452d1e45', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '7bcb21b73f7169172c3a6a5ab1b4a6ef88f0a8c4', class: "digi-form-select__footer" }, h("div", { key: 'e3e19649088b3b0cdac8159532da4acbfba8aeb8', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'ff554d2b2cce8885756c5790fd5a58b348802b51', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-select-filter"; }
     static get encapsulation() { return "scoped"; }