@designsystem-se/af 35.0.0 → 35.0.1

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

@@ -202,13 +202,13 @@ const ContextMenu = class {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: '36a18ba664f2ca76758c4b468f9c628bd53c4d9f' }, h("div", { key: '961cd1cbb49f8ed9345aa62d454bb1439383db5c', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: '4e8d4eaef09ba8221c86c8f902dfd1a87e9fa7af' }, h("div", { key: 'cfd85763e955b4d86e8c15c9fe59cd5142cf299d', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: 'ecbef85859ea4e37e9acdb9dd8a198ac71526903', 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 && h(this.digiIcon, { key: '41c0b2b134924ac4778dec54a93a1535d3816119', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '331df5f45a5a4a393c8d03b1864bbbd3ad3d982a', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '1245a33444c3f1dc28b48b1b395406d7175006ae', class: {
+            } }, h("digi-button", { key: '27e62fa02246723e52b0595013e657bce4b36951', 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 && h(this.digiIcon, { key: 'bfe44549892617cfbcfdb6d94380974ba26495d5', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'b4b68d61df1505026533a9e82f76b5a1aed58d62', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '11f1abdd973720de6fdba6bf2b8b7861b1dc2e44', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '15b40cb1ce0b082e44f3cc3baf70e75529306f06', onKeyDown: (e) => {
+            } }, h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

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

@@ -281,11 +281,11 @@ const Dialog = class {
         };
     }
     render() {
-        return (h(Host, { key: '47db653acf1fb1bd4ba8c33e00758f96dfa4bb8a', ref: (el) => {
+        return (h(Host, { key: 'b6fa143b71709908623eda3f8fda037f523a4f90', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: '991380f4910eeba8b37d85c93a19ce504a49ebbe', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'bd13c26c054a624e7e7b607678929bf7a9903284', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '455526aacc52a617f7ac8d94dbd69625995904bb', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: '46ae05735ed8f54c75a82b5cc5e23effae77e745', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'd6da8ca0633774200dff4ade8fb170f2fd19b6b9', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: '8b64f760f5e1dbbc7ca4ec5478c26a410fcc812e' }, this.afCloseButtonText && (h("digi-button", { key: '77dff2e268dc667a6dc2dcea9512d53acb9f3125', 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: '5b8099b95484bd659ab2eed7cec11bdd75b7644d', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'aa3324de33951b6386ab4f00c623cb2cedac5848', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '27749285154ce7e376f208041744015e649b9d0f', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '1f60c3fade5acf3c3fe338cad999c745772862db' }), h("div", { key: 'db378fd98ed0759d9a2213525f059aedf8bdd83f', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '51387edf100b73435e09b932a17850cfb0e7dba6', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '800befa156ee562a29b9dd304cc6a5d79df40c19', 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: 'e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac' }, this.afCloseButtonText && (h("digi-button", { key: 'e52c53a254adfca3c0e7d22500f381877feb798d', 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: '78b867c769a5f170a7b09270f0a466358febd0df', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: '20b204bea4212367ed6202e73185ee0f63ab85f3', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '20b227dc35ebe307589e097cb64bcd7c47913729', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '2c5f707d8a5db9957a252e1a6a454824521b6541' }), h("div", { key: '167c44e5b9827f66b9355180d6af6a9fc8f783ad', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '1208655a175f323aa4bff70b0cf8daa28e2f3e86', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -77,7 +77,7 @@ const ExpandableAccordion = class {
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '0dbfe0a7e9703a333f8f8aa61450015a45406afb', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'a80a605c0f9cf47fb294fe3a741e259098e6ae4f', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'b93fa8e72327e517b6a7dee880617f468b1352e5', class: "digi-expandable-accordion__heading" }, h("button", { key: '442428448ae2174384f39823d5ae5ea626769114', 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: '5d901f852d56ee413e1f5ac4d00cb2b52f66abb7', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), h("section", { key: '0ca52283c1785dcd95a73e05ec8cf2a2fea34a40', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e9c761a867d41a445d121f7591dcd8a66b25961f' }, h("digi-typography", { key: '943e3d4bb15d0a495cd6706a23a4a7d8919d5600' }, h("slot", { key: 'f88b1a4d933eccc36cce59b8d5b4dcffda2effaa' }))))));
+        return (h("article", { key: '02340aea532ecb7415f74c39fc9d0105b3b3000c', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'da98703b8a2fb69c202570255a525f513dd5e99e', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'a666f55b00e451ebdf75cb3675e5f8f07c12f887', class: "digi-expandable-accordion__heading" }, h("button", { key: '0b5668f4d32b0b31ac627b0b787eb2795e756cee', 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: 'b2c63b1a5afe9dcc8c96b72856ac16ddfb61a38c', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), h("section", { key: '7ee9a822e15da2212df6980c4b813730df44a90e', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'f0b3eb9abff27c9ee4e06c6924654a8874ee247f' }, h("digi-typography", { key: '970ae11eebb5358ebae1457dcd1f8ac8996d8336' }, h("slot", { key: 'aa44a79ce9417911ad9974ed5d84f7b012a0aa5a' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -68,18 +68,18 @@ const ExpandableFaqItem = class {
         }
     }
     render() {
-        return (h("article", { key: '8524070a89e5c11ec59c080217beeef05ab2a638', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '2855bff991c7913d572f1c7a69e6633df9164e8a', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '57c0c4fe4a31e56864d7d51f2d63d2866cf6fc6c' }, h("button", { key: 'a5bc9d20dc5d85cf09d2dea7f632656a6b954dcd', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '586884d3f2c91a7597743198cdab5758735943ed', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '51e944438c6ccf3ff713f838da0117436acdd88a', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '1e976960a26b0bab61886351c3ed4137c98ec06b' }, h("button", { key: 'e52835b2541c1ffc3a7becf76e59aef097240604', 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: 'ec1ff662f5d57d8b6f86d3d5df25dc696f281a59', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '36b8f9c563b9ef4417a21fbcba204b914ea96506', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), h("section", { key: 'c0ead6a1cc3cdb612691284bdcd8d98bb60bc7f2', class: {
+            } }), this.afHeading))), h("section", { key: '8f384f65f08a5d84649f40ad1c441ab3733fdc62', 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: '32230776fd30ef70ff0c5e88093d6f5b5eb06407' }, h("digi-typography", { key: 'b2d27bda9cb6f45ce1a83a3721aa02fe5828311c' }, h("slot", { key: 'b803445513973e37034a5101ec4194ee83269a92' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '0af73c452462f4436ef90ca4c9d5b77dba1ee1d4' }, h("digi-typography", { key: 'f2079bf2c748440255eafc9052e6a0b671a662fc' }, h("slot", { key: 'bf723138101e6ab11cfe245089eea195e8950ee0' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -49,9 +49,9 @@ const ExpandableFaq = class {
             });
     }
     render() {
-        return (h("div", { key: 'd3f8bc5ca102da492ea2fe0255c0fa456be252d7', class: {
+        return (h("div", { key: '1f3dcc55e6e60e2624a647817174a2dd1f8574e6', class: {
                 'digi-expandable-faq': true
-            } }, h(this.afHeadingLevel, { key: 'ccca4d8ef47d21a0035d3ff9035eee6ecd46c2ba' }, this.afHeading), h("slot", { key: '95e31c31561a8a425fb5c9ed49a32f95a7d49af4' })));
+            } }, h(this.afHeadingLevel, { key: 'b557cac87e08ff794989dc92d9e7c405859707f1' }, this.afHeading), h("slot", { key: '694f4df0a65c40eae1e4e260fad27377f31fd31d' })));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const FooterFooterCard = class {
         };
     }
     render() {
-        return (h(Host, { key: '1faa15a472160bfaf8917c740f5146c528f14b9d' }, h("div", { key: '66927f1f478491fb666039519f24349b0212a18e', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '3792d6650842c95a98ff86f91337a3df0880849d', class: "digi-footer-card__content" }, h("slot", { key: '25992c4cb3054fcd1cef6a6db469e0d63a3236e5' })))));
+        return (h(Host, { key: 'fd1e970c930fad36d18c848db7325b02bacf1cee' }, h("div", { key: '3db638133e06a7c248679a8c0660637d1310e0ff', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '15ab93d8bc71a42f9b65482d20294240c4cf777d', class: "digi-footer-card__content" }, h("slot", { key: '052855b6532d652dd380f5a40771ed03f9a47907' })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -65,7 +65,7 @@ const FooterFooter = class {
         };
     }
     render() {
-        return (h(Host, { key: '2a4bbea16d72f4bc24ccae7cbbc4677b6fb51e3c' }, h("footer", { key: '6069a641a3d2a3abea5eddc1d3281a517a332e4b', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'fae14090a98ddef94f06eaa511ffcb4acf97b591' }, h("digi-layout-block", { key: '9d0446a66733a834d89f8eebe57fdf9415543922', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '5f15765122c9247cdcd40995b3f2a1582ed933c5', "af-no-gutter": true }, h("div", { key: '6364df43ea5f6bf12e8b8015aa22e47c6ea1e63d', class: "digi-footer__content-top" }, h("slot", { key: 'cc274cf1a8eb7ea55156aebbcdaa417fa88ddc4a', name: "content-top" })), h("div", { key: '4576f62180f1505da9c1aafce49496d05be08997', class: "digi-footer__content-bottom" }, h("slot", { key: 'c5a9c32a4e86aae5b4f039467ede1d58e92ef3a1', name: "content-bottom-left" }), h("slot", { key: '01f932d193a99d90a4d2fb1746e36edac9a4eba7', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: '27eaaeb6323b8eab2c9e676e52baff22e3931b59' }, h("footer", { key: 'a18d1fbd40129804018f9768db4f3aa27cd3ecdf', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '87b429e38f0eb8d589b7522cff7130f0cbf30634' }, h("digi-layout-block", { key: 'd983d8d03811df520b946e701e50f8a7d88259aa', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '3213388b3b270fedbb848c1d6d129d693f8876cd', "af-no-gutter": true }, h("div", { key: '4b8725eaead3c4b9ce57d7b77af3fcb3fa3522da', class: "digi-footer__content-top" }, h("slot", { key: 'c21f38065a406da56631f1f9345eb92e8d8f834d', name: "content-top" })), h("div", { key: 'b3fc3c7fc7f8f6ba18865c5e58b7cda17ccc38ca', class: "digi-footer__content-bottom" }, h("slot", { key: 'f16a990a7608e2f673b39e1bc7191024afdfaac4', name: "content-bottom-left" }), h("slot", { key: '848d34e8d04affe50fab869bba06fb03625db725', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -95,7 +95,7 @@ const FormCategoryFilter = class {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: '73bedbbdcca2a1cf6d2a312db7e86f4c5c3b2ab6' }, h("div", { key: '46132dcd6b7d7172ec7b8f505dfe80c944f10c97', class: {
+        return (h(Host, { key: '546117d0885502aef20ee5e1c3027a14c038dd8b' }, h("div", { key: '1ebd8d6a3f18b0248556783f8b7cecd984dbcc8d', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -103,7 +103,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' && (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: 'b7c80f9f6c46b6cf1b2f0cfb91e0a56768e3af6c' }, h("digi-button", { key: 'c774535256dd9a6ea81f1c58cdd37458bdbeff00', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'f0dae2df00b4c6484f54995352eb6411d4d568da' }, h("digi-button", { key: '1dc1028d7e7407ee724c294e02c52246f39e6025', 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/esm/digi-form-checkbox.entry.js

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

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

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

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

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

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

@@ -213,24 +213,24 @@ const FormFilter = class {
         });
     }
     render() {
-        return (h(Host, { key: 'aeb58e15a98a41b67f94e7d7a697234a8126e8e0' }, h("div", { key: '997aa5448212c336304a33255117897881047592', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: '06055afc9bf852603e743cce20d2756d744fbdb4' }, h("div", { key: '3407d91796228d6b3d5e44bee54019816e1ce5c0', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
                 'digi-form-filter': true,
                 'digi-form-filter--open': this.isActive
-            } }, h("digi-button", { key: '261a1a8bb0e5c787e282ec13c07e396c6cb62528', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: '2c6bec35cd2a157dee7be26de4d5257a1ba460a7', class: {
+            } }, h("digi-button", { key: '4cc0e542e9478cdc000e705a44fb451942b764f4', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: '259d330a1db17e422e8d19a048f3ebe9ab4d0d07', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: 'e40dae22e843409a39c7b6f68523eb2147813955', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '17ee48884198709e78503f284195e3867506229f', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '200ea57b96b95f38d404394034a435d988dbd78b', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: '8ef7488ef698070ea06100c487dcb1d4b1f8d18b', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: 'f79c3de8b3f7185c1454cf48123412fff7692eb6', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'de006979d38ac488c7f95bd8cb7b21d9199669df', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
                 'digi-form-filter__dropdown': true,
                 'digi-form-filter__dropdown--right': this.afAlignRight,
                 'digi-form-filter__dropdown--hidden': !this.isActive
-            } }, h("div", { key: '71ffe489abe613b362fd8a382d230d486f0ae843', class: "digi-form-filter__scroll" }, h("fieldset", { key: 'dbebcc989590d132a6ba1c26ee2dfa9ab38cd4cd' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '5efefd7f7f88fb3b993bd895879412947474aa73', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: '32c3d72df4666aa47d6f6a3db8b53b9c39dcfcfe', class: "digi-form-filter__scroll" }, h("fieldset", { key: '5e13cb4e5841e3fac23f421e74b178dede4a2ea9' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'd418cc75754df2e9a03b3360cd7627a1e81f1116', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
             const isChecked = this.checkedItems.includes(item.id);
             const isTabbable = this.tabItems.includes(item.id);
             return (h("li", { class: "digi-form-filter__item", key: item.id }, h("digi-form-checkbox", { afInputRef: (ref) => (this.refs.filter = Object.assign(Object.assign({}, this.refs.filter), { [item.id]: ref })), afTabIndex: isTabbable ? 0 : -1, afLabel: item.label, afValue: item.id, afChecked: isChecked, onClick: (e) => {
                     e.preventDefault();
                     this.handleCheckItem(item);
                 } })));
-        })))), h("div", { key: '815c85395c582a629378cf8bb15b256fa5bc211a', class: "digi-form-filter__footer" }, h("digi-button", { key: '103a032af3728f6e8194c28e2b23efb5a2ff590e', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: '5ea80520146d089d05a3cb2e592facce4b4050b6', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: 'c0833aae0c0104d9d20f6ef1f00ffdcfcae77e5a', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: 'c81a0342f69442028f3069bc270fd31fe9e14f99' }))));
+        })))), h("div", { key: 'db545803b4c8099bff8f76f2e3a7d7fb373c0ab8', class: "digi-form-filter__footer" }, h("digi-button", { key: '6c048f27411ccf4a973dbaebb8b682984dde6b42', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: '801d3b2fef01b7984ccfa39c3121499cdaae0ff0', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: 'bd87343e8d79a176878bc76af61f1a8fb56f8979', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '9c854f22aef8185b9ecb909d82f14d1ecd637cb7' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -124,10 +124,10 @@ const FormInputSearch = class {
         };
     }
     render() {
-        return (h("div", { key: '3f2ba52881881e1ba0322cb0c13c62c7cdc87b74', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'a0974efdfbb965f27cf2e47d51ca76cfac882e29', class: {
+        return (h("div", { key: '2f5f36653b7563f25639090be3b235bc6ef25a33', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '9b34f69981f378ad57c15e662df6a42b60b5a67a', class: {
                 'digi-form-input-search__input': true,
                 'digi-form-input-search__input--no-button': this.afHideButton
-            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '0d5d134b82d47f9580ddbdb259dc6b02b3de6065', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '844fe972fe2a345df3677f3525a3b9a714784e06', slot: "icon" }), this.afButtonText)))));
+            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: 'cb30c0e93140a5c1b045c79568d4d316fbd11677', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '0f9f91c1e7f09ddd436618dd1afb04f8f90a6f27', slot: "icon" }), this.afButtonText)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -156,10 +156,10 @@ const FormInput = class {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (h("div", { key: 'ed581b32ec9b7ff9735ae273f90c7acf011c532b', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '030b01ee983a531ad27f0871e61af7c6a313127c', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '4a05433675fa7f37fa38573fd198a42fdb78789c', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: 'd2d818a72821ac13172b6fae6463e4d2d0be0a29', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
+        return (h("div", { key: 'fd3bce3a3e0049c260192ef655c5521571236ae6', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '2c0d7d223e24cdf4291c1d89e863bac38beff558', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '1125bd730a737476d11cbc18152b53dc935399f4', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '2f98355411050b0df8bbf70c3687e1be35a67a00', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
             ? {}
-            : { inputmode: this.afInputmode }))), h("slot", { key: '13d128d4643babb45616f8c75425e1dbb2f07ae9', name: "button" })), h("div", { key: 'e7888d616a2dbbb001d94911e034907b271f65b9', class: "digi-form-input__footer" }, h("div", { key: '90065a95e82d72d4d598f4012c6bb62d81a564b3', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: '2a7fc849b68f27e4fadcc9f4051b5cc70f7b19c0', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), h("slot", { key: '927b71f7804ebe28f51062ddd1ef7a4cebcb36de', name: "button" })), h("div", { key: '0427a8d8d8216f56f8ce39a6aee9ccd50d76b199', class: "digi-form-input__footer" }, h("div", { key: 'e40d6e9c628d9f8000c120ceeaecb86bfc6b86a0', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'ff4e34130e69f881353e21d224ddaa907c3f10bf', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -54,7 +54,7 @@ const FormLabel = class {
         }
     }
     render() {
-        return (h("div", { key: '188381f52cc24517ea48faadf137d68c396d2f7a', class: "digi-form-label" }, h("div", { key: 'a3ea6f320b3463bb583f779014b5eec5f31df32f', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: 'e98b00ec329036b1e029c68e5d7ec44a3adf5365', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: 'a200d099f8d9be48e68851de06ecbd66853cc1d1', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '8121aa5cd8cc33cc2b5c2d5c3212888b1214551b', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '62514a7151641c311d0cc41f3d049041403520e7', class: "digi-form-label__actions" }, h("slot", { key: 'c59e5090f35c0a47cd744fbc6c8ad10ad196e21c', name: "actions" }))))));
+        return (h("div", { key: '49750e16792d0b5078896035bcb99792e6d9f589', class: "digi-form-label" }, h("div", { key: '81fddd3e4fcc34ba9c8324f5cae0fd1cde00c3fb', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '01feb27d7f79c818ad7124f85fb6db671a7af847', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '0d484a84b46230a10df0e88a48ebf03880892bad', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '2fc41f3cfe8d3057260f65b6e0700b92f47a82b9', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '466cd22c12eca1390b0051766efe7acd34cf732b', class: "digi-form-label__actions" }, h("slot", { key: 'acc3c7a1ab59f4031c80f90a32c66a15de025180', name: "actions" }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -92,7 +92,7 @@ const FormValidationMessage = class {
         }
     }
     render() {
-        return (h("div", { key: '18f52b4ebf44ba3e2c3e1bffc1067b4b3edcc7b8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: '70c60e70b5f3bda2fe52c0d14afca5fa235ecdc7', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '243aa014e575dd029e372bf63ec1cc59d7e2d355', class: "digi-form-validation-message__text" }, h("slot", { key: 'ddc134438d834d64a3890bc72e26ed662a73ab5d' }))));
+        return (h("div", { key: 'b4d77f58e8c289295892fe8c6bbd128f0ac0bfe8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'ccf07b383eed2f696e2108bc2b11d50a0a37aee2', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: 'fe5c2456fcc88c666463205c7c735048697f37d2', class: "digi-form-validation-message__text" }, h("slot", { key: '8d47bef18ec9c7b255f8ee3ec94af6620a0c0dd4' }))));
     }
     get hostElement() { return getElement(this); }
 };
@@ -111,11 +111,11 @@ const IconValidationError = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '08a288cff8c96c6a132d7e2b534b03bbe1028c74', 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 (h("svg", { key: '8524bbde695d74e2470455f3cc1839f0d408a457', 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 && h("title", { key: 'e514de2c238d0947d32eeeee4cbd9742503d00a2', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '260c45731cd4b218fdba6b9b692525849e7fd160' }, this.afDesc), h("path", { key: '254d7675dc30b16a04ae717e0a6c0ecf66daac55', 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 && h("title", { key: '6fb9b3b1c131b19bf917ef77c6537a901cded82f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'aa58e66089363499e54f07e2a8bbb404d950d1ef' }, this.afDesc), h("path", { key: 'bf969ce29ae22211682e47e4c3ae28327d2151d4', 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;
@@ -133,11 +133,11 @@ const IconCheckCircle = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '7b9c13bad58249bd1f2bb27dbee92a91564ac3a7', 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 (h("svg", { key: '0482f39996d2872d04bfee866e2cfb7cae28be0a', 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 && h("title", { key: '54d5aaec6478ddbebd3290c460b71ed444fe593d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd207799a520e429fcbff121708b81384127eb672' }, this.afDesc), h("path", { key: '367f452ea692f343a29a124cd3844a3c15ee5174', 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 && h("title", { key: '8c73fda1ee6f939831da4ac643a67c56f709f71a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fa56bb893c6b17ad7654657a68b0b49bd94786df' }, this.afDesc), h("path", { key: '5612043e9d9e866cd0cd2c7f4c4a3eb38cddcd8e', 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;
@@ -155,11 +155,11 @@ const IconValidationWarning = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("div", { key: '96a4e644b930cde51aa4efe19cb72eff93a86dd4' }, h("svg", { key: '0d1d8859a9097b9f911dadfeefc53ecc380b5b66', 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 (h("div", { key: '542f4d7b4b9557d7de28eac8697529b3b8e3e47a' }, h("svg", { key: '2e39132ddd43fb4dabefab2a766b14b73b862c2d', 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 && h("title", { key: '27ccd44f48f48f5fec5208cf9fd9ca14d991a0c3', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ca87583e3998f23d4f4ad698d051d9ea1773df40' }, this.afDesc), h("g", { key: '4d5b22852948684812e0e9e61c551a2278c93494', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '7f4d814b75048506363ae0cee72cbd7306855e3e', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '0123684bccf9cf3234e178dbcd438fdeb18f899e', 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 && h("title", { key: 'df52e5a1bace15d5da7ab1169f050a12d8e3047b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5d07f74a5afea6113223c5e4de79de367717804e' }, this.afDesc), h("g", { key: 'fde32f48d8b91b6b6028b9cce0fee9e34ef67cc4', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: 'db8dd3d391232ccd708b9e379ab062c7ae20b090', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '89b0008737c65858d22fef93f07c97b7232490dd', 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/esm/digi-form-radiogroup.entry.js

@@ -42,9 +42,9 @@ const FormRadiogroup = class {
         });
     }
     render() {
-        return (h(Host, { key: 'f834d8ac10b7c0a6890a97f2d757915aeb5f82d2' }, h("div", { key: '942a3935cd212abc1071eef2ad440fd200b7c049', class: {
+        return (h(Host, { key: 'a1dc24e8c0ced8a598dca254923310a4ac354b33' }, h("div", { key: '09d87e1b67dd7c3f7907164744e702d75d47bc36', class: {
                 'digi-form-radiogroup': true
-            } }, h("digi-util-mutation-observer", { key: 'b359f762e615f11bfc5c3365ec02d7957ae933a5', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: 'da998cf808267de0b4b74918fcdd7002ff7737fd' })))));
+            } }, h("digi-util-mutation-observer", { key: 'a9f7f2098a0b6dee51508d3f2627b7480eda0d4a', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '6610bea1f78df360f8e4f69fd00f2c29e82ccd9f' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -500,15 +500,15 @@ const FormSelectFilter = class {
             } }, h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (h("div", { key: '46bfa90846250303fbaa77898bd4e36cc754300c', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '7fa7ed96855d58256f88a6fd7e73ff07e2b338a2', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'e794ea5f9b127e81b191c05277bf402ceaded662', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'b275cf5f21a1dbf70e253689a8d817f23267d3f9', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: 'ac3f3a8e40f835cb8e8da51ea4516242f9c20c9e', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: 'c11f157e73ecac65e39250e48af6554a9840d4c9', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '5c41c4423bb41ecd02d62ede9026aa65ce67d187', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '4ef9a7757e0905a304bf7f05cbf6da8e0bbb8abf', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '7b01f15b770651577dbb1b6801012a686a6b71ec', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h("div", { key: '44cc16ed72ac985c551d2ea469226f12062e998f', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '99a1f568920d657792956f1682a7a87fd654063b', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: '1b96c168519cadf139092232d0addad71793b39a', onAfOnEsc: () => this.escHandler() }, h("button", { key: '885c1b4185648fffd8b786163d099bef617003ab', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '010faa6f5c6cb5d3031e21dcc1ec32170c274503', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '3f812a67caf29f2e4ed6ccedb5cde6f4ec032d8a', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '29a54235cc20bb2098ce9b0b5c65b9be96e2256b', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '0afb7d3238712a83173f841133b2d1e75b520158', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '94639b310bf2aea572f18a5cd3ea93f4c4b5d40b', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
                 'digi-form-select-filter__dropdown': true,
                 'digi-form-select-filter__dropdown--right': this.afAlignRight,
                 'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, h("fieldset", { key: '53a4e183fba4353750db107ae1484cd8411c272f' }, h("div", { key: 'e77c9c0314871919d821ee5a62226a9a95b88e88', class: "digi-form-select-filter__header" }, h("legend", { key: '692a2dc590cdc2c05a82ea0de11becfbf8dd045a', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'f8da6a7956f2e31515d2ec8a02ae508ae4362b52', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: 'f85b2c145d88e1ddc341756688b26b01278655c8' }, h("div", { key: 'b7ac99419b2b6b23a97a9c4894d22af21a34cf68', class: "digi-form-select-filter__header" }, h("legend", { key: 'decbffa5b7181147d8194145c335135035c0fc0f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '86f5e662b1aedbfb18d12b80a7ff10608f04ffe0', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
             }, onAfOnKeyup: (e) => {
                 this.inputSearchKeyboardHandler(e.detail);
-            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: 'eba97cf59c747df31c0bbbef960cba770e712467', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '17ab0cfca19c8f115180f657be14056738a4b9c7', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '70ed31dff7160c7ff71a239a36b16afc8d1c9805', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
+            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: 'ae6b1a11c35952c11d541ada4b295c21020592e7', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21da78f60e2be7662839b7f8033449b59488ff4d', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '60a589978e2b6eee588d9f93fb82ab890266071c', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
                 ? 'false'
                 : this.afValidation === FormSelectFilterValidation.ERROR
                     ? 'true'
@@ -516,11 +516,11 @@ const FormSelectFilter = class {
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: 'cae743e0531b2e9fff08a20534797a61426c6670', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: 'b4f11c04f2dc4842b3c277801afacd3734088fc7', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
                 ? 'false'
                 : this.afRequired
                     ? 'true'
-                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '1e9a97899f51562a715e507bd3b4474a47f3dc59', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
+                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '2a0448ffb7c06d877f91210a5d913047f09cd020', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
             this._filteredResult.map((item, index) => {
                 return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -532,9 +532,9 @@ const FormSelectFilter = class {
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (h("div", { key: 'a47eabd6a3684a983bfd361e89b1f5f02a363c46', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: '871daa6e270cbc16e9fbd32b374d9c87d461e6cb', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '32293108304f6a58b17d890be9414c604044f3a0', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'f15b5f53816e58f4a2867972480c1f98d4cb8f14', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: '5d4651b71154ee9b443db6efa748887755f76561', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'd5bceb942bc9838507916b491609fdb6c6e15a2f', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'f4f5b77a54d59f28584265759015c59c03ee87ff', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '783f159900e9e77cbe58758b01eacf95523aad9c', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
                 this.setClosed(true);
-            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'ebbbe22cd7d335c97d7b0b01c3eb9e7fd4188c6d', class: "digi-form-select__footer" }, h("div", { key: 'fe21c398917513b79f71f52fe1ff02d713c77893', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '993ce37ddcdccc206922d7b34eaeb48b53abe93c', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '2160a5556a346884d540bcaa6eb976b7942fe4f8', class: "digi-form-select__footer" }, h("div", { key: '89cfadac50c5520e9ea14a70e922dbb249ddb8e7', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '95d189c3b944ff0c37b79d21470a9046dd80f46d', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-form-select_2.entry.js

@@ -126,17 +126,17 @@ const FormSelect = class {
             : false;
     }
     render() {
-        return (h("div", { key: 'd5e7ac0d8a2c4fac7a5435c19f896653205c3977', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '9899b063bdb80dfa868f095180580592fb6abfbf', class: "digi-form-select__label-group" }, h("digi-form-label", { key: '1a8b59fd9fdcecc5c40c1f5cb59c17d3818dc2ba', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'ccaca3995af717b690a61eaea5de30db4319c0d9', class: "digi-form-select__select-wrapper" }, h("select", { key: 'f1ed03a62f97ebce9cfd015371746d6201802694', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
+        return (h("div", { key: '49f40c92117bbce3728e70e863b1a4216413ab29', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'aa0ab7690d810299489ffaf00cccf038ff5672d3', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'b6b7e0638e5a2b01701b8e23d3ae2bc4abe15cf5', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'be4fe8473e1014c2a5b3dc7074234df79f281ff4', class: "digi-form-select__select-wrapper" }, h("select", { key: '71a7828e7675d0062f8b2fc2db48809cc7ef41fc', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
                 ? 'true'
-                : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: '243198b667b2e07324a6a9c583b4899daf60081c', class: {
+                : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: 'f24aa09189501c39a31289d62a7fd18d8722b9b3', class: {
                 'digi-form-select__select-option': true,
                 'digi-form-select__select-option--initial-value': true
             }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
             return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
-        })), h("digi-icon-input-select-marker", { key: '6be4cf840bdf728cb29af7cb84a6ee8e1425d536', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '907845f2a44114ffbbb25f8ffe659ed666f46823', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+        })), h("digi-icon-input-select-marker", { key: '8b9fd9d1affea7fe6febb7a144fffa205c8ab2b5', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '3f5b110b0a296597cb25963d885e881c0fc4657a', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
                 e.stopImmediatePropagation();
                 this.getOptions();
-            } }, h("slot", { key: '239cd46d2cc5831eb5e4e9df3aa95c278d70e221' })), h("div", { key: 'e8a045ea79000428873c50b9b339cdc83b7503ed', class: "digi-form-select__footer" }, h("div", { key: '887fcf781abd4749f347a91a417ebe3c60b19af5', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '2a3fb6c5358f940b6ab19d372c62d271a70d05be', "af-variation": this.afValidation }, this.afValidationText))))));
+            } }, h("slot", { key: '4d39e4eb08050272d097e1f302fd09c71e1210d7' })), h("div", { key: '63717b4931c6ef6d79c3f7e9807b3f9621a4da43', class: "digi-form-select__footer" }, h("div", { key: '612a4029c893ae0355620ce8ff8530127c1bd65e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'da30bfd2f237363b4d061d3e83d9f0c3509978bb', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -159,11 +159,11 @@ const IconInputSelectMarker = class {
         this.titleId = randomIdGenerator('icon-input-select-marker');
     }
     render() {
-        return (h("svg", { key: '420128ee424be1e14ef62585508350ae85bc871b', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '4a1bd4a8b07d23c4188a34c6b6acdbf331cc4fe3', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'e1d93d5536ca5312788714b57663cba46f027ce8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '57d43cd2ac3e94372691729ae24f6ec2dfc9100c' }, this.afDesc), h("path", { key: '62de0073038d6e884a1e0ea48dacff7937b12671', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+                    : undefined }, this.afTitle && h("title", { key: '83ec1298782db2e5a8756908d2f1d6f7e7258606', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b91499649f9e835920188a5bcd16a9f31c635f3e' }, this.afDesc), h("path", { key: 'a536e8da9e92c77e97835e9de0be8545a90ecef0', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
     }
 };
 IconInputSelectMarker.style = DigiIconInputSelectMarkerStyle0;

package/dist/esm/digi-form-textarea.entry.js

@@ -112,10 +112,10 @@ const FormTextarea = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: 'f9c11dbbbeb22af4404d7bf7204cf30fbf323673', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: '3eb7ad78ab41782cb5dfca68a92bd55fbd61f87d', class: "digi-form-textarea__label" }, h("digi-form-label", { key: 'fc1d477e9e5752bb66c3773fd8d8635d39f354db', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '67546e098467bbad002d1c9052a7c786970126dc', class: "digi-form-textarea__content" }, h("textarea", { key: 'b440f8b6d4ed8623586fd1321f8dc7b41a199c82', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
+        return (h("div", { key: '91cc15996083fac55f965a5b710a13ee53758de6', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'c231c265843c8345ca0d1160e8bac83dc8cf0627', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '2a41fc8ddd351b1ce520890c247d58a0cc6b5e17', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '95988ab9dafbbb488b8be50801f7a2bdf9c8c69a', class: "digi-form-textarea__content" }, h("textarea", { key: '7e130463b6e52c33656bc91df6ec95cd998b8375', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
                 ? 'true'
-                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: '12696377f451dc31407c869d2515f35752c1dfa1', class: "digi-form-textarea__footer" }, h("div", { key: '8390af6731f11b1297f425bee582e550afc58569', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: '2bf14180fe7e91927a210b33ebdb5cb38b01bd9f', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: '55ab944bb3f18533e2a8e6eb60f6a5342995b416', class: "digi-form-textarea__footer" }, h("div", { key: 'f88ead6eacffa2661e0a8311cdfe5af814743a1e', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: '533fdbaa51fde2f0e757eea7f946546e634caa6e', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {