@designsystem-se/af 35.4.1-beta.10 → 35.4.1-beta.12

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

@@ -136,17 +136,17 @@ const CodeExample = class {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (index.h("div", { key: '2ef6570a3577fc8e68971f09151dec2bd86bdc18', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, index.h("div", { key: '94e1dfbf94a1b7b90a770c86c4c309c02a5d682a', class: {
+        return (index.h("div", { key: '64b359db9b5ce07f09ec04965ec86ae5055e08dd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, index.h("div", { key: 'dccf1c981f42652cadc5761db4a25ee3e250ece3', class: {
                 'digi-code-example__container': true
-            } }, index.h("div", { key: '2a56800cc263782d8bbbf3962eaacaa1df341067', class: "digi-code-example__example" }, index.h("slot", { key: 'c11c6a395e412c64291261fc9c849b22960e685b' })), !this.afHideCode && (index.h("div", { key: 'd230e73ee09938b258675aae499eb5d0f20cb6da', class: "digi-code-example__code" }, this.showMoreButton && (index.h("button", { key: 'bc334ed8052f21302dc1abd9402974938d3b11ae', class: "digi-code-example__code-expand", "aria-label": this.isActive ? text._t.code.show_less : text._t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? text._t.code.show_less : text._t.code.show_more, ' ', index.h("digi-icon-chevron-down", { key: 'e1d2f3d0908f13abffdda78f83fa008af09f0cb8', class: {
+            } }, index.h("div", { key: '5adc1e437c61314cbb90460e126aa690b3cb40bb', class: "digi-code-example__example" }, index.h("slot", { key: '630621134cd53d1e0523f785023178f4f3f03251' })), !this.afHideCode && (index.h("div", { key: '5530e6d9df1e69c6c365c435f6165311869d8198', class: "digi-code-example__code" }, this.showMoreButton && (index.h("button", { key: '6f09b11e1c38d9e05f9191046093d38597d7296a', class: "digi-code-example__code-expand", "aria-label": this.isActive ? text._t.code.show_less : text._t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? text._t.code.show_less : text._t.code.show_more, ' ', index.h("digi-icon-chevron-down", { key: '2d813db7f159d0e2a35c0949eb58b8a56e886a22', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), index.h("div", { key: 'a7fe982261026080d861cda236a555a50aee199d', class: {
+            }, "aria-hidden": "true" }))), index.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
-            } }, index.h("digi-code-block", { key: '35e29b95fbe734f9823b39d34e91b78e338189b0', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (index.h("div", { class: {
+            } }, index.h("digi-code-block", { key: '3f0fd153637ab48268081008ef0d5b9f56efb407', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (index.h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

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

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

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

@@ -206,13 +206,13 @@ const ContextMenu = class {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (index.h(index.Host, { key: 'd9024d6373cbed4e449d880eb5999921941311c8' }, index.h("div", { key: '2e71d1de06967dee77553c0e171338f0ec2a16b2', id: `${this.afId}-identifier`, class: {
+        return (index.h(index.Host, { key: 'b540e20352a03b08dabc6282167d4cf8739ed75b' }, index.h("div", { key: '31b0ef83abb0c87ff509c1ee54b4ce695bd3e627', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, index.h("digi-button", { key: 'f72ca1811f2c10873bff2cf6c6edfb6d690909b3', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && index.h(this.digiIcon, { key: 'a7d28de1604540f5bc90ac45f92c11db03c9e3f4', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: '39a9b3cc9d61b8a43f6b32391f20fdf183e620c4', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: 'f9a7c9014f2683e69c30fef9a586e0ff929d589f', class: {
+            } }, index.h("digi-button", { key: '7be2ef2e3155c53ab4df739740924fcdefde1895', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && index.h(this.digiIcon, { key: 'fd3de7bb67c02b0b6166ee170fddac9d4ad07cea', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: '29205dafdca952a267b2b1ed8eb10cc724decec5', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '611df8365d2fead64b1efe70e7e07c5bf523e4e2', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, index.h("div", { key: 'c31531d586d8214c2287f9c5d98902a0bd98c0a2', onKeyDown: (e) => {
+            } }, index.h("div", { key: '5104945715a43638fba74fd8614f7ae51946579a', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

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

@@ -279,11 +279,11 @@ const Dialog = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7645cdea8aa64030e5cdacc13d2b657ced71694d', ref: (el) => {
+        return (index.h(index.Host, { key: '081d59c8f189c983387036ce62f06b4ee2769647', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (index.h("div", { key: '7956ce0de7909b54bd51a2a203f34239eea43f38', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: 'd032d1a8b27b5cd88558c06d1a044dced2c0287c', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: '5eaa4f82217a657b8a956ca19620ce5ee4058651', ref: (el) => {
+            } }, this.afShowDialog && (index.h("div", { key: 'debe37c7ada92dd174a8123ca689219d212e7424', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.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" }, index.h("div", { key: 'f2f07c84aa00a9b52a8d1a74f31607707c875870', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: '08f9045a7fedc3127593a92e85dbdb08243cd7aa' }, this.afCloseButtonText && (index.h("digi-button", { key: '297e28a9840d4365a98b41d7ce0b704ba20c3632', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: 'b21d15d15f96f30cfeba0cc952c99918dbe92f0d', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '9a17c4c0accd79502cd53d4f1a9b40bd24aa8f63', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '797db07e133f8e424972a22dc4cd9c0fff87c1ca', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '228d808404637c354e80264d9a16accd07ef7038' }), index.h("div", { key: '3026af7da362dae66103f8bee7d0cf82d4b9d9bc', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: '5799f15bee8a093981c7a2ee1746c3ebf5bcaaa4', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '78aa226ed8b00565138cdc52c50dbfc719c7775a', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (index.h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), index.h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -83,7 +83,7 @@ const ExpandableAccordion = class {
         this.afOnClick.emit(e);
     }
     render() {
-        return (index.h("article", { key: '8d5ce165aedb7ed2a0b6522bdf3b5ea17006efc5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: '1f59047728c9801ee02b28c3ded6cb01ada183d6', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: '1ffb558f80b0176ad168963f4c6523ae25a41c38', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '4d46778a6df61aaa2a66aa43723936eba1239fce', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, index.h("digi-icon-chevron-down", { key: '2fd77c212f1c5b6c9d049af4fce5167077a87e5f', class: "digi-expandable-accordion__toggle-icon" }), index.h("div", { key: 'b6545a0d30edaffac6f1e68d0c852cd1f994bb9a', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), index.h("section", { key: '4da27c2bfcb70a31f90b5ae7ff98c5d814b93de6', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: '9e919c0f92663e6d601f71fd31a8ad46e5b3661b' }, index.h("digi-typography", { key: 'b590cf6ba29e1cfbe7343f15c9164fe62e8d36bc' }, index.h("slot", { key: '8d4844b2b7b1cdd6ff013292865fcbbab8aced1a' }))))));
+        return (index.h("article", { key: '293f1af18ec10b52ff734f449e9248c0040e1550', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: '43f3dd32444ebe7c7f4d89d02ae51172ee71323c', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: '593d5f642ffceb433eb0c284977ff004752e5d95', class: "digi-expandable-accordion__heading" }, index.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) }, index.h("digi-icon-chevron-down", { key: '607b495071e96df847175f5ea55cf5ba3534e113', class: "digi-expandable-accordion__toggle-icon" }), index.h("div", { key: '9e543a4d2ec72dcec7d904c89836d8b8ea4b3c37', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), index.h("section", { key: '65d5666a1bba3609cc452240d2c6baaae9e1a364', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: '6d38ae958f5ebdcd3bb56dc5516b65bd5f196c2d' }, index.h("digi-typography", { key: '95dca191c7e197e5bc303ca88d933ab0d2c3d31c' }, index.h("slot", { key: '86171e79136fff82378ef011def29b38dca87955' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -74,18 +74,18 @@ const ExpandableFaqItem = class {
         }
     }
     render() {
-        return (index.h("article", { key: '7b2b0373f7f84167b89b012528e7be9ee7f70615', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '1696540ad262246538d0c06e8c4f509d89e001fe', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: 'e83eadc3b36841d2fcd446f47cae5b0bf6c88c0c' }, index.h("button", { key: 'dd702a1089e2bc936b16af5e58ca01836da1fb13', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (index.h("article", { key: '77cebf9e6024110a7a13e0a8b8bad26443783f3f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: 'cfcd9dd4602a738d93c588e78aacf3a1d680be7f', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '070e9ce1ae568f76a98c790eecd9f6c8170882eb' }, index.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` }, index.h("digi-icon-chevron-down", { key: '51cb95de4071557f33e5d8bc4183cdcae0322dd5', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.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
-            } }), index.h("div", { key: '0e275884fd0cf1033f2c0c3c576ba1951c6ae428', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), index.h("section", { key: 'a3f2864b8da871187757844f4e36da0e83d87e77', class: {
+            } }), index.h("div", { key: '8f3a9b920c46c0bd7604fc263eee364aab0530bc', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), index.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` }, index.h("div", { key: 'cf0a26beec405ea2ce63de5109531519059cf1cb' }, index.h("digi-typography", { key: 'f3de9345310bf8336e791c252554e26f80d337f5' }, index.h("slot", { key: '930caf3476eb17a28d6d220dfd5b4086d73aa988' }))))));
+            }, id: `${this.afId}-content` }, index.h("div", { key: '57d0847d6c133b95366884299109f728b72f9cdf' }, index.h("digi-typography", { key: 'a7ac9df70a7e68d0f55b6f745d456884ab3527ac' }, index.h("slot", { key: '49f68abb221c4b439269ea016c8f66e7dd5c37ea' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -53,9 +53,9 @@ const ExpandableFaq = class {
             });
     }
     render() {
-        return (index.h("div", { key: 'd84ec6e500c1b68e97f3d603bed1ff7d3ffeefab', class: {
+        return (index.h("div", { key: 'fde7684ab703ddbe07b156035ba37050ed3dda1b', class: {
                 'digi-expandable-faq': true
-            } }, index.h(this.afHeadingLevel, { key: '1a71cdaa1d07a35e95a89d2bf4fd058a09971c7a' }, this.afHeading), index.h("slot", { key: '97c1cd09ad0d655fc6f10355c2370f3f880e901c' })));
+            } }, index.h(this.afHeadingLevel, { key: 'f2e2dfac429cdfed99c9f71071770918cf38df70' }, this.afHeading), index.h("slot", { key: 'a9289be94c96e969748c8bc76a701efb2e2b56d7' })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const FooterFooterCard = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '53f8d5774dce0d2b9c41000a68e76c44957a43f2' }, index.h("div", { key: '00af88b7956647374a763dc3af89f444e748ecd1', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '28eac7401a11f8526fb997950c4a393471d1c4d9', class: "digi-footer-card__content" }, index.h("slot", { key: '39f48ef9ffc87f4cac7149d10d7a6e1736532b75' })))));
+        return (index.h(index.Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, index.h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, index.h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -63,7 +63,7 @@ const FooterFooter = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '01f991e208985e0f4baa2370e1759796e79e16e2' }, index.h("footer", { key: 'ec717c1ea929b7e8f4768a8f2cda28d44c40457c', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '0f880d2402708f5d5b9750ed79c4e5da249d79d0' }, index.h("digi-layout-block", { key: '33ebd6330a7a5a491c74dd8b0ba02ef4498fd418', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: 'f646697637b94cefb4d15d68e5577dd36f5cca56', "af-no-gutter": true }, index.h("div", { key: '1489000ea40378ff7c53d90eba8b6514bc921c67', class: "digi-footer__content-top" }, index.h("slot", { key: '694e5154560344d84fbaf6aac24ec81887054e15', name: "content-top" })), index.h("div", { key: '016b0d947e1874414636808aa97471561d310c6f', class: "digi-footer__content-bottom" }, index.h("slot", { key: '7ed92012150110ae25bc17ee35c9417fa6f58b31', name: "content-bottom-left" }), index.h("slot", { key: '7e46f29f763f76fd30605bde73b5b23542906b88', name: "content-bottom-right" }))))))));
+        return (index.h(index.Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, index.h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, index.h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, index.h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, index.h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), index.h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, index.h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), index.h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-form-category-filter.cjs.entry.js

@@ -99,7 +99,7 @@ const FormCategoryFilter = class {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (index.h(index.Host, { key: 'a9bf071c9972f6ae732f8dfa7b5f3481548dd77b' }, index.h("div", { key: 'c7fa2dbbe1305e65989c31e7450ead6e4122f8df', class: {
+        return (index.h(index.Host, { key: 'd12f4ac366631a31dd0578b1241510210c1a2eec' }, index.h("div", { key: 'b24c2101967cdf45646831bbc81121be8050557b', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (index.h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -107,7 +107,7 @@ const FormCategoryFilter = class {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (index.h("span", null, category.name, ' ', index.h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: '2549c0fe3b8c9364be6614bdc965f039bb0aadcb' }, index.h("digi-button", { key: '3a4bb85891ff201ab27495dba557e0e5de884cbf', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: '2ab08f68cc055f2e5dfc6d507079654c8ae59af4' }, index.h("digi-button", { key: '0286e062fa8df32f71e9149a35e3af51a8f35f7d', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (index.h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (index.h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }

package/dist/cjs/digi-form-checkbox.cjs.entry.js

@@ -99,7 +99,7 @@ const FormCheckbox = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: '991ac437cb149487dbafa067d0a453322bc92039', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '3be3281e632a73de89c19bf900bdfaf0407b976b', class: "digi-form-checkbox__input", ref: (el) => {
+        return (index.h("div", { key: 'b07980174b08bcb0e20711739ba19d29232243c7', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.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);
@@ -107,7 +107,7 @@ const FormCheckbox = class {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === formCheckboxVariation_enum.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 }), index.h("label", { key: '71959598b2e5b3ab3b53e8ff0746d21ce1d1ff43', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: 'edd3fdfd546f0f635e4db1cd75f47c582f743a23', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: '58cc0348c18b4adf345e6fa2314101ee656c652b', 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 }), index.h("label", { key: 'ec267b3b7bd10a8e479b00af487bcba16ad6bd7a', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '82b1fce3fe05914df36490e59994e59940780ac8', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: '48e935761fb00cf6149ac1d00b91f557ebeb64a6', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-error-list.cjs.entry.js

@@ -121,14 +121,14 @@ const FormErrorList = class {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (index.h("div", { key: '868c07e57dbbc9f46ccc5f9214341301c0e7b1b7', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '437a183cac9324be7d1a8907e21586fd172a41dd', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '1db9783857417e3f0619bca6af9f6e5d38351dcd', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '3889e42373badbcf3f4b39bdb6c29736d4a11ae8', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: '1f23512859a993e96b005bbe958db6a59761e67c', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (index.h("div", { key: 'b1538bef3aa4d16c21c04cc6ec3a16e1da48cf9c', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '2b6989a273a1182560cf313e22c5c6d2fd01fd33', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '9142a6f39761391edd40aa8102cff60547be34b2', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '0244fd85c399f6823dca2437e5b25e329fcfa9b2', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: '47caec67e8e33bdaa13abb8b04f5ce9756a93e8b', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
             return (index.h("li", { class: "digi-form-error-list__item" }, index.h("digi-link-internal", { class: "digi-form-error-list__link", afHref: item.href }, item.text)));
-        }))), index.h("div", { key: '255cc10b49e79829d75c7260f9018c58650200d3', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: '0b69e728b52eb717824c9422dcfd1eb39a50960b', afOptions: {
+        }))), index.h("div", { key: '9e48117d3a59c50c10684f05a40f350c5b936867', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: '02d6c18bd0c16be3fb3266abebd4bd8156e4a432', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: '290ad5d315d3a1c6e4986c2e76374b0b16e72d18' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: 'd1d766b6f1f094c135a0ae8c9624a0e871ccdfad' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-form-file-upload.cjs.entry.js

@@ -549,22 +549,22 @@ const FormFileUpload = class {
             } }, this.renderFiles())));
     }
     render() {
-        return (index.h(index.Fragment, { key: '2025a02adbd55894dcc3c38a196b4279287996b1' }, index.h("digi-util-breakpoint-observer", { key: 'bc3b516ac8f68e41d3a17c7552dc3dd5e491849a', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '5cf42348e437d398df8785ba18ee379a028471f4', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.h("digi-form-label", { key: 'b2862aac292652a68fbec15582a182ce7f9947e5', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: '0b4c133f9ab0d4a5f32dcf7a14ec92f23de5ba3a', class: {
+        return (index.h(index.Fragment, { key: '3c3b10acd16e7e8df33eb57139a4d841e576a4d6' }, index.h("digi-util-breakpoint-observer", { key: 'f0cfe2d2962ee2755757ceed6dc2e22c899677e0', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '1f356bc476148a1b387025877f7ce5107388b7c5', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.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 }), index.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_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'bff81ac1188c5b1c378d24a096eaab5b0fcfda5e', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '0426d5e3fe0be5c08437cc0cbaa0ddb8d9ff59b7', class: "digi-form-file-upload__text-area" }, index.h("button", { key: 'e5bef279888a6faf71c75fef8e6345bf872a05c1', type: "button", ref: (el) => {
+            this.afVariation != formFileUploadVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: '62df2861282318e64d22706e8ea3c8b6c0c1a21b', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '6a4ad53626f507b371a1279f77b8076eb09ed844', class: "digi-form-file-upload__text-area" }, index.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'
-            } }, index.h("digi-icon-paperclip", { key: '4140bc8a9d5c674a46985f756be9be8c9ff75528', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, index.h("digi-icon-paperclip", { key: 'c636d31cfc7cd9723f7e0b0c1fda4055da43f7b3', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
             ? this.afUploadBtnText
-            : text._t.form.file_choose), index.h("input", { key: 'a6b780d856015098ae31bb9f41294e0584d1d3d7', ref: (el) => {
+            : text._t.form.file_choose), index.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" }), index.h("span", { key: '5c93124b98510320ba1044b38a07764a79719b80' }, this.afVariation !== formFileUploadVariation_enum.FormFileUploadVariation.SMALL &&
-            text._t.form.file_dropzone))), index.h("p", { key: '680d39c6d460f250f4476c7de960a72d3c21afc0', 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" }), index.h("span", { key: 'c5d84449ecdd6a0ffacc044bcfdc68ee6eac1b05' }, this.afVariation !== formFileUploadVariation_enum.FormFileUploadVariation.SMALL &&
+            text._t.form.file_dropzone))), index.h("p", { key: 'dc43de81b8217c4ce6befe4034adb950d0faf7b3', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: 'c60a2d3e46e0794ec12f7174db6da398ab367132', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: '820daa5debbee48feb5236c125abb22352a8a707', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-filter.cjs.entry.js

@@ -217,24 +217,24 @@ const FormFilter = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '629ed6c227116a5fa43e0e2e4c90da6f15310b46' }, index.h("div", { key: '60e8979ca12ea06f48dac9103fed77a25a895b64', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (index.h(index.Host, { key: 'dfd9336afc099665b35c08b47467d68320279469' }, index.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
-            } }, index.h("digi-button", { key: 'f91142adf06d5320b5bd18f7e057ba3db67982a4', 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 }, index.h("i", { key: '06b3942b320859323c70bef9a48b0170e62494b1', class: {
+            } }, index.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 }, index.h("i", { key: '38753316b8e1cdc24a977c835da398ff344b3d68', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), index.h("span", { key: '72654121dd476fde27a6dfc8dac7e0fa308da60a', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), index.h("digi-icon-chevron-down", { key: 'a1d0c0155b0c5017cc85315134130b41697a6d54', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '930be23958d57a8ec6b40e027f9729cb3297bc6c', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), index.h("span", { key: 'bef6dc84b8439cb5bd45229f5e77b0a2bd6a97ad', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), index.h("digi-icon-chevron-down", { key: '9572d1ec8bc6f8ac50252be491131544fbb2c151', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), index.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
-            } }, index.h("div", { key: 'be2ff919debc13ccae9b55443b6ede7b20584a62', class: "digi-form-filter__scroll" }, index.h("fieldset", { key: 'e8e95989e36cefe37dc8d9ea35f733b721ba0925' }, this.afName ? (index.h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (index.h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), index.h("ul", { key: 'ad8e66517cee5fe0c6ed26c016e23a00e62ee9ff', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, index.h("div", { key: '3574702676988b2a0777564b343fdf6dc271177c', class: "digi-form-filter__scroll" }, index.h("fieldset", { key: '03098521d312f77170041c7240c1bfd1f9831107' }, this.afName ? (index.h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (index.h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), index.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 (index.h("li", { class: "digi-form-filter__item", key: item.id }, index.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);
                 } })));
-        })))), index.h("div", { key: '79448216684afafd5746362f923ca6cda0b3a136', class: "digi-form-filter__footer" }, index.h("digi-button", { key: '891b9ba1f286b1c9fc11c42855c41612fb3b84f4', 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 && (index.h("digi-button", { key: '11fa710bab35b7709c8063f143da9af0da6daaef', "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))))), index.h("div", { key: '29f9d7299f89d564a616c302d9965e8431cbc3f8', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, index.h("slot", { key: 'a4b103b33602a14617884e95a28db8b958fcbbcd' }))));
+        })))), index.h("div", { key: 'c7985ef9aec4f29899fc4ff829867fd43fa85c08', class: "digi-form-filter__footer" }, index.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 && (index.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))))), index.h("div", { key: 'ac372d9c7e3a82886b6b692493bfcb536b52b5be', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, index.h("slot", { key: '5c1fc764d95c7928a84a13cfb57f9299e620e510' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-input-search.cjs.entry.js

@@ -127,10 +127,10 @@ const FormInputSearch = class {
         };
     }
     render() {
-        return (index.h("div", { key: '02144410d52e85e6b842b4f5693352be6872b7d2', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: 'de20a664c882c34266c644090efa32559f8789c0', class: {
+        return (index.h("div", { key: '7ecbb4390771cc1e95dba43ca55f3d015580c8d5', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.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 && (index.h("digi-button", { key: 'eac2cba2d101b332bb84b659d204f30f904f4cb4', 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" }, index.h("digi-icon-search", { key: '1960574fac896c296c1bed536e4d4fc68752861c', 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 && (index.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" }, index.h("digi-icon-search", { key: '4147f2f43df7c82a074d464d38851a13e2b11b8f', slot: "icon" }), this.afButtonText)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-input.cjs.entry.js

@@ -160,10 +160,10 @@ const FormInput = class {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (index.h("div", { key: 'c144067dc98520574af894358a93e1ef2c2dd30d', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '0c94fd4af85ce581b6a00d7fdc0175f0e712a900', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: 'a68f4616a4d29db42a91fce5001c41914d53cebf', class: "digi-form-input__input-wrapper" }, index.h("input", Object.assign({ key: 'de8e95035fd38d1fe070bc5a2147ca33f6cc7209', 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 === formInputVariation_enum.FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == formInputVariation_enum.FormInputMode.DEFAULT
+        return (index.h("div", { key: '76e580b94dd90b3d68427845fd8b67bb9c241a92', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, index.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 }), index.h("div", { key: '5a0459aaeb1116259f22cfa969c3026db4e3b6b9', class: "digi-form-input__input-wrapper" }, index.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 === formInputVariation_enum.FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == formInputVariation_enum.FormInputMode.DEFAULT
             ? {}
-            : { inputmode: this.afInputmode }))), index.h("slot", { key: 'a2145c6435f1b5f881fd10b96b5f616e51dad2b1', name: "button" })), index.h("div", { key: '2fb74cafcb99ba64d9c9bce3afbb8723f71f0966', class: "digi-form-input__footer" }, index.h("div", { key: '7023496623fdf351b5b2cea0b053f5ffdfb190b2', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != formInputVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '07b6ec22bfeba9d27591de01003fd7c1bd2bda3a', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), index.h("slot", { key: '645bcd1d92b3984c984d9c8ea23c6c547c44f62b', name: "button" })), index.h("div", { key: '3b39eec1b0e9216dc0fe34067f90de3a50b49664', class: "digi-form-input__footer" }, index.h("div", { key: '6ff1c7cf6c84bfe2673890cabfda3fc5a0b0f138', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != formInputVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '25362c686f7124c53d16300b02e4c408aac5525e', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-label_5.cjs.entry.js

@@ -58,7 +58,7 @@ const FormLabel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0714a446215f218b8cc5449a318090a7e15de36e', class: "digi-form-label" }, index.h("div", { key: '290f19411233736a2741ccff9f95a328f0181513', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: '9c990f78e47ee4bc1de6cc750cea54f8eb763033', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: '22a428a427bb72921dd9b2487f2fb97844db541f', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: 'd13261b4e0525e5fd680032cd625c579d8037302', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: '198faa5a754472ca76e2e84edf38f6ea1280b067', class: "digi-form-label__actions" }, index.h("slot", { key: '0066fc1f5cab5b72c2971e50cb8f0b1736d24ec7', name: "actions" }))))));
+        return (index.h("div", { key: '4d902817beba8134dc999fa1835dea7c515b219c', class: "digi-form-label" }, index.h("div", { key: 'd49a36a498fd27ab79b470e481d8014322aade63', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: 'e2fa422d53a288ceb44e943d43cf0881e3b01c64', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: '7e7ce153d2482ecdb5904673766ce2f775acd377', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: '56e68644319fbeb1abecb5effd0a0d57e170de85', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: '2f1786041eb70e527dfb041f30caceeb036bc134', class: "digi-form-label__actions" }, index.h("slot", { key: '2b188afa76c11ca3bee6f88c3f119c892c6f81ee', name: "actions" }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -96,7 +96,7 @@ const FormValidationMessage = class {
         }
     }
     render() {
-        return (index.h("div", { key: '397e813bc6d40303d92437bfa1e4552fc92b980b', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: 'b2e87b27cfce83f7f7c868f4233a7b912b54473f', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: '62442c92ad270e486f1a28d5a51a9a734d334a85', class: "digi-form-validation-message__text" }, index.h("slot", { key: '42ea340b45c74cc1003544677712087268809ae4' }))));
+        return (index.h("div", { key: 'b39aa9f7c7e9ec75c7ffd7613953a350129f1689', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: '2b0507799231c329f600279e9140fc4ab4e09c70', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: '4027b59a97f1ce0fe1d30b12453456ee0a044c06', class: "digi-form-validation-message__text" }, index.h("slot", { key: 'f115e6f24b60e34eb9b0b6bec5b6cfd2fff639fd' }))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -115,11 +115,11 @@ const IconValidationError = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'daaa2f68dbf788e719060c10491d4c92a6615d23', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'a3066c8707f6f0a1ed8be127e10e6166578f2584', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: 'b328f5e8a2b4b0efc6bf92ea54f0a520ef6e4220', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1d01416bb7e7b7fe5176233b0541fd6ed2b2b260' }, this.afDesc), index.h("path", { key: '643a69ff433972ef69a5984ad61453bb03c7de28', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && index.h("title", { key: '90c9921e691d6a646be443273f2679df4fe02936', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '19a5d97bdacdb14d1ba037b4f1aa85349f5776f8' }, this.afDesc), index.h("path", { key: '88e2fb895899fb17895bcb5be69a3a238a2948a7', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconValidationError.style = DigiIconValidationErrorStyle0;
@@ -137,11 +137,11 @@ const IconCheckCircle = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'de30d92503ad57205ef5fdfca08e1884159710bd', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '253c41b3eec2b8cf5d03bb05ca04bb9c8f3ecfba', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '2996a565b482407e22a56ac8c028fbb019425f72', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'fa1fa2974bc270a80434803c864502998ded704e' }, this.afDesc), index.h("path", { key: 'c4aea6e544ba403a7511ec45b9395b6181a78453', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '75c7dc872f2b3acd7559a2ca5103a8a9f335d01a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1c699244714a8e67204dc3245c09a80f1e222ef4' }, this.afDesc), index.h("path", { key: '850682e74d826ff323d2a225adf34aed897b256e', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconCheckCircle.style = DigiIconValidationSuccessStyle0;
@@ -159,11 +159,11 @@ const IconValidationWarning = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("div", { key: 'fb9af02a7037ff74e21b20d20540849014be7e9d' }, index.h("svg", { key: 'ba50e2905cf6af29794d07558a60042d37af5930', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("div", { key: '4b2915251fcad07985bea41e6a3761b8fdf6cfac' }, index.h("svg", { key: '2d58830353438155a46bc655a481726f994a9d94', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: 'c693a8a9ea27ec82bac429fd570ed9c3b128647c', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'd16f8833d2732fc5cec73efa78bd858240300ac9' }, this.afDesc), index.h("g", { key: '7f7cf95fecf1a5273cf896fd92f2088586dc035a', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: '4151cf12c89e97f4a4982e07257e873749d82763', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: 'ebc8a1eac31217eda5c65ad6e172e86753a4d1b4', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+                    : undefined }, this.afTitle && index.h("title", { key: '89b3cddbab4ed46001074b427118447ca4b03dce', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '437d1bbd833abe5f6781b9ef7a5c6d7838dd49b3' }, this.afDesc), index.h("g", { key: 'eb54fd247a6fa06b8b3fdd851fbc5b18e641bf77', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: '517f9348cb0cd47b7abeb4000a0d538e75c426c1', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: 'bb860600b4cd0ffc71d702c5ec30559297cdc026', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
     }
 };
 IconValidationWarning.style = DigiIconValidationWarningStyle0;

package/dist/cjs/digi-form-radiogroup.cjs.entry.js

@@ -46,9 +46,9 @@ const FormRadiogroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '32ecef2c08cd9f37a95d782d8f0e631ad4037c69' }, index.h("div", { key: '1d4606fe5a994d4b79113568349147874d15b6ad', class: {
+        return (index.h(index.Host, { key: 'f08c5f7fef0959450fdfac51eb5f65d942f4c857' }, index.h("div", { key: 'f5a83a8d456f8d8e98bf1614720813d66f5db924', class: {
                 'digi-form-radiogroup': true
-            } }, index.h("digi-util-mutation-observer", { key: '1facc76b33e1b65428b5205ee074af6ae511bc74', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, index.h("slot", { key: '7b006ed18743cf5fdf7c432b80674b753a347aa7' })))));
+            } }, index.h("digi-util-mutation-observer", { key: 'd58acfea2c0554233188a6572a35f58312d24135', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, index.h("slot", { key: '6e6fc7086a86f8b5d0b57cd4ad4e8540b212da38' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-receipt.cjs.entry.js

@@ -102,7 +102,7 @@ const FormReceipt = class {
         return (index.h("div", { class: "digi-form-receipt__content" }, index.h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, index.h("title", null, "Check mark"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-170 -32)" }, index.h("g", { transform: "translate(170 32.325)" }, index.h("g", { transform: "translate(0 .77495)" }, index.h("mask", { id: "b", fill: "white" }, index.h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), index.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)" })), index.h("g", { transform: "translate(4.2177)" }, index.h("mask", { id: "a", fill: "white" }, index.h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), index.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)" })))))), index.h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (index.h("div", { key: 'f773848a60debafb325e51ddc83a92be493062e1', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (index.h("div", { key: 'd202410625db1ed892a364374b1516df522df2f6', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-form-select-filter.cjs.entry.js

@@ -498,15 +498,15 @@ const FormSelectFilter = class {
             } }, index.h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (index.h("div", { key: '59ffc1d9dfccc348911d49d4fe2d4b4e5f2aefb9', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.h("digi-form-label", { key: 'e9ea0d81d58463dbcfca683cd26677043a49677c', 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 }), index.h("digi-util-keydown-handler", { key: '526e485fe0664d900b280148413ec284a64270e9', onAfOnEsc: () => this.escHandler() }, index.h("button", { key: '521363787fe80af4c7f711526c269977c7302feb', 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 }, index.h("div", { key: '92fef929c1a37541cbae2c46d1b58066598027ba', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: '57cec37118590daea519a2759b8efadba618aad1', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: '65e862c658f9e67b4a8627f6f77d1be2365f611c', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: '9466f4a2f4d89ee0314f440be9e144a3c87142a5', class: "digi-form-select-filter__toggle-icon" })), index.h("div", { key: '736e3560ccd30dc238253208dd267774482ca8a7', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (index.h("div", { key: 'dc569bbcb1a15113765d564825a10e70fd4ab7b6', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.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 }), index.h("digi-util-keydown-handler", { key: 'a2ed278840246f11eb0f2afbcd82b4096da0479c', onAfOnEsc: () => this.escHandler() }, index.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 }, index.h("div", { key: 'ee6e0e5d306244a8060a3161a3ac0eb8180291c3', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: '2449d9919aaf576640e404c1138859534deeaa91', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: 'b4522de04e73639862978a34db5baf9622cb0187', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: 'eb63251e60d5e0ca48893eae0207a787f47cd2b0', class: "digi-form-select-filter__toggle-icon" })), index.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
-            } }, index.h("fieldset", { key: '57b313bd18ead628ffe38c709121cb48fde0cbc3' }, index.h("div", { key: '31fb512faf76807439e1dab1537c79908dd27bba', class: "digi-form-select-filter__header" }, index.h("legend", { key: '08bad844f0c681d4918d6b0b79b4c7ec182d289e', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'ff06629732f2c5215b4e5a4ffda7d8632e060832', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: formInputVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: formInputVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, index.h("fieldset", { key: '27f777f720dc3b6e8e10a84246b8a9b5020c462e' }, index.h("div", { key: '5787a80a58013c0659b0c3cb8655664086ea87ec', class: "digi-form-select-filter__header" }, index.h("legend", { key: 'f246e3b61ac00bb16f85aed5eec8027c09e32bd6', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: '213a95365556115e5d7f0dd8d7894c99bf97243f', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: formInputVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: formInputVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
             }, 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()), index.h("div", { key: '1cedf3e2ebbd9c0980c8a56048efcec1cc6c3437', class: "digi-form-select-filter__scroll" }, index.h("digi-util-keydown-handler", { key: '10e410d90fe78d5cbc1af0eac55f4356cf37acb3', 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() }, index.h("ul", { key: '5d12c07fdc63d9445e35c088d793c7c202ce021a', 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()), index.h("div", { key: '239bc81ed41974406316960219c04915844521cd', class: "digi-form-select-filter__scroll" }, index.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() }, index.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 === typographyVariation_enum.FormSelectFilterValidation.ERROR
                     ? 'true'
@@ -514,11 +514,11 @@ const FormSelectFilter = class {
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (index.h("li", { key: 'dd77f313d6346d441316a53a9adf311ed341afd1', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (index.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 && (index.h("digi-icon-check", { key: 'd2ad38d919541561dc9f0e87fe788d31577722a9', 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 && (index.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$1) => {
                 return (index.h("li", { class: "digi-form-select-filter__item", key: index$1, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -530,9 +530,9 @@ const FormSelectFilter = class {
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index$1 === 0 ? 0 : -1 }, this.isSelected(item.value) && (index.h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (index.h("div", { key: '8540327ec1dd929ebca8ee93107ffeb7a2a23a16', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.h("digi-button", { key: 'db997f3f23b5c8574fc641d012b46c8aeef9fab4', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), index.h("digi-util-keydown-handler", { key: '39c6d78b457f4737c50646a5e613fe06fd30c056', onAfOnUp: () => this.setFocusItem() }, index.h("digi-button", { key: '62dda11e757aa7414c0916ea75ad3b1c53baa955', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (index.h("div", { key: 'c5d0a1496e0d930c38ddf920f0aca50b80617f6a', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.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)), index.h("digi-util-keydown-handler", { key: '17800114bc1ba2091f5d4a9f11a6f1b0bb6fc6e8', onAfOnUp: () => this.setFocusItem() }, index.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)))))), index.h("div", { key: '8ccfcd8bbed9f6915b599fe8b26d8b496e3d6b8e', class: "digi-form-select__footer" }, index.h("div", { key: 'f40c8541821a4d310bef6830c54a5c104cf7bb59', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'ff62bb2d5f1de9c787d3bda12445ab5365de9c22', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), index.h("div", { key: '7bcb21b73f7169172c3a6a5ab1b4a6ef88f0a8c4', class: "digi-form-select__footer" }, index.h("div", { key: 'e3e19649088b3b0cdac8159532da4acbfba8aeb8', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'ff554d2b2cce8885756c5790fd5a58b348802b51', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {