@designsystem-se/af 35.2.1-beta.2 → 35.2.1-beta.3

package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js

@@ -18,7 +18,7 @@ export class CalendarDatepicker {
         this.userInput = '';
         this.afId = randomIdGenerator('digi-calendar-datepicker');
         this.afLabel = _t.calendar.datepicker.label;
-        this.afLabelDescription = _t.calendar.datepicker.description;
+        this.afLabelDescription = undefined;
         this.afName = undefined;
         this.afOpenCalendarAriaLabel = _t.calendar.datepicker.openCalendarAriaLabel;
         this.afCloseCalendarAriaLabel = _t.calendar.datepicker.closeCalendarAriaLabel;
@@ -358,7 +358,7 @@ export class CalendarDatepicker {
         return this.afSelectedDates;
     }
     render() {
-        return (h(Host, { key: '0e4fa182ae33ac82d440e3841f853e6328b67794' }, h("div", { key: '81e2d07ec330b4e2994e1fd86d693dcb5405410d', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: 'a47c94fa8498d8f88caea31f725fd0294ea03ac2', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: 'af7ad6bdec9ec1e45e11ff2ac06a51fdad7ea80a', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
+        return (h(Host, { key: 'f827e4dbd2058dc0b2ae780bab810a4904c80e32' }, h("div", { key: '48fc7ed95e144d2011d0e9a96c898a2eecc81b6c', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: '6b99bec92c6114eb3790317220bd3b2d871fd57a', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: 'c095c5d036b22934b1a548cf7e53d3bb42e2c9ad', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
                 ? FormInputValidation.ERROR
                 : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
                 evt.stopImmediatePropagation();
@@ -374,11 +374,11 @@ export class CalendarDatepicker {
                 e.preventDefault();
                 const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
                 focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
-            } }, h("button", { key: 'fbd02f05da4d93f60a4c4d8b52adba311fc4a324', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
+            } }, h("button", { key: 'e0e24bd46c40f38fe9ebdcbe6b4235a994edbba7', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
                 ? this.afCloseCalendarAriaLabel
-                : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, this.showCalendar ? (h("digi-icon-x", { class: "digi-calendar-datepicker__button-icon", slot: "icon" })) : (h("digi-icon-calendar-alt", { class: "digi-calendar-datepicker__button-icon", slot: "icon" }))))), h("div", { key: '07bed93717efb5bf1dba04ce61f2006403a860d2', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: '8fc156658ea084cf2291149f2f4c6a7a246b731f', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
+                : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: 'c32da1f075986bd27af49b180634736b316f9e21', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: '6f2f3214b2205de2b5554d1b207a633f18e32dee', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: 'ca4b3f022c74f980341e8f3a06092c0ff3a4814e', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
             ? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
-            : ''), h("digi-calendar", { key: '0cf7d10740ad6be29431c366127893741184544d', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
+            : ''), h("digi-calendar", { key: '4a7b3e14f5955d56c4d031c470eafbbc305b06da', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
                 evt.stopImmediatePropagation();
                 this.parseCalendar(evt);
             }, onKeyDown: (e) => {
@@ -388,7 +388,7 @@ export class CalendarDatepicker {
                     return;
                 e.preventDefault();
                 this.focusOnCalendarInput();
-            } })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: 'ba8d4fb43fc1c54cc417e48c42c47264e2731e74', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
+            } })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: 'c2bf479b2006ac39de70ee222c40c0b1ca0d83ca', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
             ? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
             : '')))));
     }
@@ -467,13 +467,12 @@ export class CalendarDatepicker {
                             "name": "en",
                             "text": "Optional description text"
                         }],
-                    "text": "Beskrivande text som b\u00F6r beskriva det f\u00F6rv\u00E4ntade formatet och/eller andra krav"
+                    "text": "Beskrivande text som b\u00F6r ange det f\u00F6rv\u00E4ntade formatet och/eller andra krav"
                 },
                 "getter": false,
                 "setter": false,
                 "attribute": "af-label-description",
-                "reflect": false,
-                "defaultValue": "_t.calendar.datepicker.description"
+                "reflect": false
             },
             "afName": {
                 "type": "string",

package/dist/collection/components/_calendar/week-view/calendar-week-view.js

@@ -110,7 +110,7 @@ export class CalendarWeekView {
                 format(new Date(lastDate), 'MMMM yyyy', { locale: svlocale });
     }
     render() {
-        return (h("div", { key: 'cf671623b23a03523dfd3ec0db0eec3df6f2dd76', class: "digi-calendar-week-view" }, h("nav", { key: '6aa79f9093a643a04a5b142dd64bc4647b69f6df', class: "digi-calendar-week-view__timepicker" }, h("div", { key: 'a264a62fc6ef4f5c07a4618480a96792bd3827df', class: "digi-calendar-week-view__dates" }, h("div", { key: '8d7341cee9dcb0282273f3404c6885938de7f01d', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: 'ee209d98aa8899b55d912a0d26cd598c702f222e' }, h(this.afHeadingLevel, { key: 'eb23f5e42e562c2d0a880f0d70d09e662321f4e9', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: '5ea2d7a5d2e87ac3cb9393a36954b2d85ae9db35', class: "digi-calendar-week-view__month" }, this.currentMonth), h("span", { key: 'f534204d77350b0bade6d081d221d68e3555ea88', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), h("ul", { key: '816553435601ca5a4d7197c35ff46af328cdf62e', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
+        return (h("div", { key: '967ccb9710018973a960ae36d52157ba85dacfed', class: "digi-calendar-week-view" }, h("nav", { key: '6a9137d8f8a8e652d26d099ae652cb76e5665b51', class: "digi-calendar-week-view__timepicker" }, h("div", { key: 'a2b8aaeaa93e391e65847b2ea8f9b455e86474f1', class: "digi-calendar-week-view__dates" }, h("div", { key: '0cc675c0cd67d042e5e27a38a6665ab30e516cea', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: 'd47f59955354cb435dc80895059c6e4fd6eefa8a' }, h(this.afHeadingLevel, { key: 'f01725e82afff23b8ae357b30af909b325d85279', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: 'bbfab19eec8776e640ed235654c0fd960faf5722', class: "digi-calendar-week-view__month" }, this.currentMonth), h("span", { key: 'a3a52801083cd83351056d474e01df926d8b0117', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), h("ul", { key: 'a3f3703318fa5400cd32ee5d3af896900a032acd', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
             const date = format(new Date(dateItem), 'd', {
                 locale: svlocale
             });
@@ -130,15 +130,15 @@ export class CalendarWeekView {
                 } }, day), h("span", { class: "digi-calendar-week-view__date-button-date" }, date), h("span", { "aria-hidden": "true", class: {
                     'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
                 } })))));
-        })))), h("digi-button", { key: 'b3e13206cde9240aff492b1875f68f372779c53a', onClick: () => this.prevWeek(), class: {
+        })))), h("digi-button", { key: '2edb685459c4cbf8a0120ab340672b17d0ea3f9f', onClick: () => this.prevWeek(), class: {
                 'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
                 'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
                 'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { key: '4c2913caad1960fac926fd167601229e6e4b6864', slot: "icon" }), this.prevWeekText), h("digi-button", { key: '32f46f7f0752a8b26d273075f16763f2cf725171', onClick: () => this.nextWeek(), class: {
+            }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { key: '8948b12a1654f9ef46728ea8de3b1df5f40addcd', slot: "icon" }), this.prevWeekText), h("digi-button", { key: '729ed8eebce68168b66c5365588a52b1279eec3f', onClick: () => this.nextWeek(), class: {
                 'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
                 'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
                 'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { key: '7d5f0845dc359264849d55327ef7b1fdc195dd9a', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: 'f2b405ff5781a66353b718de8ed4043e8c499401', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: 'a11e26bab95f41515c948d69ea54f3a89fc37a60' }, h("slot", { key: 'acfe0aadbd1b7607d1d78b1be9d607b9b5ba74c2' })))));
+            }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { key: '75bf1669a5d9dd3f618661c79202dc8e69f6c8ea', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: 'c7379a321936f28783d2f7a4e1e94d0b119de471', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: 'f7e55435a94c5bff18a3b4b7bfa5d397291f7e8c' }, h("slot", { key: '7c59e144a47c721f5f4a454b9776c708f6d2f15c' })))));
     }
     static get is() { return "digi-calendar-week-view"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1425,7 +1425,7 @@ export class barChart {
 				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
             }
         }
-        return (h(Host, { key: '2d4b4d87fda1641635042c67028b7c84549f96cd', ref: (el) => (this._host = el) }, h("div", { key: '67ab0146d75868e264ab3634d2d0238948d6b0c1', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'fecc4f007b31d84d881df69a1b872e12baff0f41', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '5984634338df29ed910c918419d754f55cd9b58f', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title) ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '96a9908153fccece462b14d8d9d9d44ecf2e6087', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '5e74950e7740943936dbd0aa53fe6d7806d2664a', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title) ? (_e = this._chartData) === null || _e === void 0 ? void 0 : _e.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'f46f6a52186bbdf22942bf81372648489a90b870', slot: "icon" }), "Visa diagram"), h("div", { key: '628f26fd9c13494c179e3392a5aa2a8775d98773', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '5b510ad07b70def68a7c5bceae26814b867a326b', class: "chartTooltip", id: this.afId }, h("div", { key: '1c95d989c252c724682e180c9095370b1363a4d9', class: "tooltipBody" }), h("digi-icon-x", { key: '8911b337cd7420b6dccb4c2e749881aaac979f7c', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: '80e03627039492a5b9d64e0089cb830720301fee', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '9e7d0772a59a50a8143de51ff59fa07ea56776d1', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '00b5b278015f6ec6fed1170f9b693a2b9150dc25', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h(Host, { key: '7659fcc4817cdfb3f19f2bd11a41464c13b5e19e', ref: (el) => (this._host = el) }, h("div", { key: '063611cf8dbb2554904d972ed3fc1f89d714772e', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'ad58c43c2629e7b2b97e3ad1658646e5171b1531', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '2234460c0ffab8e7d251f099f4f2d38e1e5ebede', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title) ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'b82a89d578d997ab878d44a2928e5e31773bd34f', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b5dc532f7655bd383d0dcf42f8851edbc81b448c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title) ? (_e = this._chartData) === null || _e === void 0 ? void 0 : _e.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'f868d9fd2c37c247e8abdd59cf2b9342ad120fef', slot: "icon" }), "Visa diagram"), h("div", { key: '6a0f7838d86a43b46d9a036ad935f50ebb2b523f', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '5f37b9eaf1030cd1d5b1b0360cdaaa61f953b624', class: "chartTooltip", id: this.afId }, h("div", { key: 'a89608cb64620456a165ba4fb57db823870d2231', class: "tooltipBody" }), h("digi-icon-x", { key: 'e842c2b42f6bc7d6dfdad1d1b8a7acb9f8df5a1a', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: 'f07154ab370a948016aa30a2547c4c9b25fae03b', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '385151df18d373779257040d298bf8c108184500', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'd5f07fc01a628aa2035a96d86621b6bab1e73f01', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-bar-chart"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1616,7 +1616,7 @@ export class ChartLine {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (h("host", { key: '3fd0ff05a416b160b504118a59440c3cd45540e1', ref: (el) => (this._host = el) }, h("div", { key: '72f480c3f41004e8892ecc758efb5f17f19975d6', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '14e57f41d3bdddc8d4dbf4a427d49c8f8efe4042', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '1d7f6264bc92f59cb3435e52f2c9c6d543b1f1ff', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'e30a5c70a165006be7d26ae7d2dce0194f7ef1db', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '736bc6dca71ac63039af38291b83954319823f86', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '785c60026da5b10357c576536fc961b4de240bc8', slot: "icon" }), "Visa diagram"), h("div", { key: '80c1446c2d0ed934240c76594b4d57c473ebe287', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'c1967d458dff110cac2c38ad5c6c7b1c0a9349ff', class: "chartTooltip", id: this.afId }, h("div", { key: '18c1ac0babb851fd86f8ebc82587179142cf427c', class: "tooltipHead" }, h("digi-icon-x", { key: '7eec9f8fc3c154e3e26c998d618d02da66d7e380', class: "close" }), ' '), h("div", { key: '358497a7f175754f43fb106d3a9d26e310923653', class: "tooltipBody" })), h("div", { key: '0013f988af31ddc540efe0d29ea1760eab60b34d', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '222ca9c2fe1acaef91fed817f5a885fb9bf89565', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'f6990353582af550e483ed78f06b5776c55811da', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: '0aab34e11f412e3fea690e806cd2d9067bcafe09', ref: (el) => (this._host = el) }, h("div", { key: '941eef6b6e130641acec11ec4ee893611a811d75', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '2f4a69e973def39e52ef01bea01d2c6fe9accc47', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: 'e7b8e1e0a202b33b1a3a32af43d642fd925dff90', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '5dbedd2ceed7ef62100f610c57496675a2b2254b', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '9a0d402143c1087582f88ec8b8a12152fe665a3d', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '082bd94e92917727ed627cce01daf437f71fcf39', slot: "icon" }), "Visa diagram"), h("div", { key: 'e0c445ff5e9c6832831d45ee1e8bd1c37c8c6ecc', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'f012774817ee966de745cc20dd2410a44c7562d7', class: "chartTooltip", id: this.afId }, h("div", { key: 'da2b1f257ff3fb7b6b141af96fd85ebf3442accd', class: "tooltipHead" }, h("digi-icon-x", { key: 'a50f73e003c912a4123a83f4c64cd5cc03bf6c68', class: "close" }), ' '), h("div", { key: '25013c3bd2d261beed1bafce41d599b7625b5bbe', class: "tooltipBody" })), h("div", { key: '7d8ee22026572d3c6cdce7200c98c3b665ba948b', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: 'bf0d27d67c1c86d701401828ec59bd6f873a96f7', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'b3539e60f97683d40b50e91be789eb78ab6d7061', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-chart-line"; }
     static get encapsulation() { return "scoped"; }

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

@@ -36,7 +36,7 @@ export class Code {
         };
     }
     render() {
-        return (h("span", { key: 'fe5bd7c4e18d5038c0edb7d3be15451069a86388', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'f5a186e1fd1c8021216c26bb2220460b4cd47921', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: '8b58df902f5d794e1874e6b0f6f7790b5a10985d', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '3e26521ae19d2c7e08ab30a24e1c328ee709fa94', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get is() { return "digi-code"; }
     static get originalStyleUrls() {

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

@@ -46,7 +46,7 @@ export class CodeBlock {
         };
     }
     render() {
-        return (h("div", { key: '7da7c24753c591cf5d4cbaae14a8216656845fe1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'ed0d821a7de52b976c43f400f3d18133748daf66', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: 'aec25bc79623ab7228a49c06ca94085966c0703e', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '96613b6086dfddf05e3c750940166a3a47dd669b', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'e24b2810009f096b615b600aefde8f9f5b2938f4', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: '78df6930d661b8fbeca5e0d9d28ea40039efe904', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
+        return (h("div", { key: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
     }
     static get is() { return "digi-code-block"; }
     static get originalStyleUrls() {

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

@@ -137,17 +137,17 @@ export class CodeExample {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '92832626f4ab9639e40dcd035b19cda093241fa8', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: '34065a2b928886bcdafee852c8bbde3cbcaa0fcb', class: {
+        return (h("div", { key: '2504eb214d681d53d5db5f7ee4bbf070da4ac6bd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'a0ceb68001efe0e88fa477ad8c2d01c9b1dd8644', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '35d295b3357c3cbd52a1355b1bf4bde93a1adc47', class: "digi-code-example__example" }, h("slot", { key: '1f6be5b28348188541226eb3c9a34442003ab634' })), !this.afHideCode && (h("div", { key: '297c430dbb2ae80a9b189477a04b399bbdae573b', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '5021875d50836b270b8cedbe27e0811d6c7b12d3', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '750c97bbebe294c414c77a644e2f9f37f678b448', class: {
+            } }, h("div", { key: '175257f48da6faf68791e79cca21b7ac32fcc7bf', class: "digi-code-example__example" }, h("slot", { key: '9f4c44dcc64eb3b3b8a471218052a59c2fd415e5' })), !this.afHideCode && (h("div", { key: '438208775e65656d25cccae3870a5efb892d176e', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '8fcbeaa3373450f5811d27bae2a2e7920f7949ea', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'df424b79ffa72a86c9af76c5445d8ba6af01c0bc', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: 'b7179ceec32acda3f2e6f2f9baec813ce791e72d', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: 'bda1ff7309767aafa1feef42769b197d16c4484b', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: '83dc582d0daffeeef6722bd7bfe5db78e465dd58', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: 'e9a3ac82bbe4a6aca0ce15aa697efdb5ec5ec9f5', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

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

@@ -234,11 +234,11 @@ export class Dialog {
         };
     }
     render() {
-        return (h(Host, { key: '1042565e08a72c9512c65764bbfe543f12ab9930', ref: (el) => {
+        return (h(Host, { key: 'b6fa143b71709908623eda3f8fda037f523a4f90', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: '19cd13160ff92c02c838a6e6418aa0f41eb382d9', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '197bc7df564a9510bd4c3723e0cf7c0dcd518467', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '8dee3b4c1df6bbb3760f4b764e8a0833a34fa538', 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: '9f91050295a0af97898292c5bd088004160e022d' }, this.afCloseButtonText && (h("digi-button", { key: '404f184d925acda67f90220589847fc25541b165', 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: 'c997126d5b43ee4243f3232bd1197f83e714f6c9', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: '55ae410a6893d354ed827ee29cd056740132f599', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '416e7678abc6be26ab0e0571c0b73c91eb04b65f', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '1e27a7c8709f8b8374c221ef4e47b19202e2068c' }), h("div", { key: '6446138b88ab4e38193208d346c9a21300033f09', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'ad5045a4a6949a9f9bb7d6ab199a34aea12b7950', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: 'c03997ae763eeaa8f7047d909dcf668394618e83', 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))))))))));
     }
     static get is() { return "digi-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -78,7 +78,7 @@ export class ExpandableAccordion {
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '336241503377b02740b45d89667bbc54b1b35ed0', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: '7c6bed5fec11cb270498e60b9f8ae5590224f1d0', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '3987d2afeed73945dcbcaa7e7dead17d18c88aa1', class: "digi-expandable-accordion__heading" }, h("button", { key: '82e91f6e4ca556f0de5dbd4916c9bc3d4c3e1a42', 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: 'd3100e528c4f93c03ae693c45f5a885d415e8f07', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '1743582efce077cfedca361a3aa7c0b11e637c48', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: '95fa885be60518b90364f9416074746fc9d5dfaa', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'dd1bfbdc18dfbc0418747883ab5fda8235f91ddc' }, h("digi-typography", { key: 'd4fa43c03b777bf0734a7dab2457716e201e160c' }, h("slot", { key: '37e15ae8fbdb33bff41b4e37729f1d3efdf769c6' }))))));
+        return (h("article", { key: 'b08e4bbb4a2956b84516f66657d6325e734d48c2', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'e41faee765bdd4102afeafdb4bc8d16968a68f32', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'f4d7007ac8251c13c4e04b57ac94bbe469bc7078', class: "digi-expandable-accordion__heading" }, h("button", { key: 'a2b7fb9290a255deaa4cf540f009f89f3718037c', 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: 'efb0e571d1e6df737155c9b1ae981cc30454eb0e', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: 'c4af3ba7d8b96c9873e47efef07d008b3ae4f502', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: '3d82589e8eb52b9bd7af94962f7c957b91523186', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: '724a0623fbfc5ec5b8649c793cf3847616325930' }, h("digi-typography", { key: '25eb5ec621cf75bcbd3822e323092e101119dbbf' }, h("slot", { key: '29a9704d5e443f391483333be1b11822109dca44' }))))));
     }
     static get is() { return "digi-expandable-accordion"; }
     static get encapsulation() { return "scoped"; }

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

@@ -50,9 +50,9 @@ export class ExpandableFaq {
             });
     }
     render() {
-        return (h("div", { key: '1f3dcc55e6e60e2624a647817174a2dd1f8574e6', class: {
+        return (h("div", { key: 'd1351ff9e840ef3f2a93db7724ba5808fef5ebe3', class: {
                 'digi-expandable-faq': true
-            } }, h(this.afHeadingLevel, { key: 'b557cac87e08ff794989dc92d9e7c405859707f1' }, this.afHeading), h("slot", { key: '694f4df0a65c40eae1e4e260fad27377f31fd31d' })));
+            } }, h(this.afHeadingLevel, { key: '62ab39883256fa2b7544eb747497a19280e57909' }, this.afHeading), h("slot", { key: 'd72a84f027f5abb9dd32547606704c36f299759b' })));
     }
     static get is() { return "digi-expandable-faq"; }
     static get encapsulation() { return "scoped"; }

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

@@ -70,18 +70,18 @@ export class ExpandableFaqItem {
         }
     }
     render() {
-        return (h("article", { key: '3dfce2bfda479c187d80fa5deddae374d1d7edb3', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '524c6f1da105dadd5f2604bd81076fa8bd1690fc', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '6ee1a53347a8b8473956153decb110f6acde9445' }, h("button", { key: '0fa62090e13384bebc03cf15aa77f8721fd124d2', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: 'e412b493af65f46ae29f328eddcb578b2541edd8', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '145157d04dfdc71a3c97fa7aadf4e907407ad98d', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'd756b0ebc4c2787eb6ccfc209332d5ab91bcd850' }, h("button", { key: '47ad4e697d1098e17e08f662ee8623b5cbdca1f7', 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: '69be1e9d75cdc277e5ae2b83996e0c103cdd2376', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: 'eea58e9001fbeac3d398de353c267b5e5a32ac9b', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), h("div", { key: 'c92307fcd4f1944aab08ea111ed4c5aa1d5e760a', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '6cb3a8c6fa81af441ba1eca78f509c5cf78f016b', class: {
+            } }), h("div", { key: 'a5bd2b8c7a79543c3abc8dc4d8e287aad2b26712', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '535ff0e89a64e71ca8c8cbdd2f4492e71f46e374', 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: '7a2f0e4af70d934eeb9c745b0c64fe027b304f57' }, h("digi-typography", { key: '5f2690d5a2f22e6e0f992c28d28fd2b17ccd48d0' }, h("slot", { key: 'eb97626ba3321a57f1c547197bbd33ab796be28f' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: 'e8bf194e00157e1fead5927000024f7710ef8740' }, h("digi-typography", { key: 'a1fe6e46cc23cf0f6602d041499e04ff5952b119' }, h("slot", { key: '83a8cf8b3316a072b08202f9ba8ccaead336dfaf' }))))));
     }
     static get is() { return "digi-expandable-faq-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -22,7 +22,7 @@ export class FooterFooter {
         };
     }
     render() {
-        return (h(Host, { key: '290b5a6dc0fc87d2476f5129408c4cc44cf82f07' }, h("footer", { key: 'b92eeb3fa2abb7c669f23b408b286c2a30319193', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'e1e13da221898cad7fad5afb0d1f91fc34a988f7' }, h("digi-layout-block", { key: '74fd6ce8dd79bc68580e0e562321a95d0476fa61', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'ade99551f2d30e45584c3fe6eeaabaffb8f58d19', "af-no-gutter": true }, h("div", { key: '2dc0db77c9a88176570d5383848a0457fb5d5f53', class: "digi-footer__content-top" }, h("slot", { key: 'f941248294f4ff2d21c54e00b5766fec562a363f', name: "content-top" })), h("div", { key: '95108dda17e5de2f6ada16853c6075c684b23f26', class: "digi-footer__content-bottom" }, h("slot", { key: '35758a3012b9af1ae96b1628d8d1b2197da7d6c5', name: "content-bottom-left" }), h("slot", { key: '9bf0ee0fdcc999a676419e579cefb8267170cb31', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: 'ee4ea5865121a24c3c7101bfa8c05c2eb3435dd1' }, h("footer", { key: 'ce6d22b1e0e6cf7162618c74e55a0cbc87e88e15', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '61d27159721343567f14badad6a856567b85448a' }, h("digi-layout-block", { key: '968df18f78b11b490b7e3ec2b2a474b47e18121f', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '5a4b6b077e9778e8bc79f2607759e62c07f454f6', "af-no-gutter": true }, h("div", { key: '69d9448d50f5cf564e0c971da28f9cb1fa2321ea', class: "digi-footer__content-top" }, h("slot", { key: '5019f2a0590db884fe8aa7c6a2e8e97c30b067a1', name: "content-top" })), h("div", { key: '684f69689e98ca66403d1bd52ed36d4007024009', class: "digi-footer__content-bottom" }, h("slot", { key: '6a59e1787e2d9a52a83a01df7a69e84170c51975', name: "content-bottom-left" }), h("slot", { key: 'd3a16b9e1bd1220c252d11c0c318f1c7f7b2e0d0', name: "content-bottom-right" }))))))));
     }
     static get is() { return "digi-footer"; }
     static get encapsulation() { return "scoped"; }

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

@@ -20,7 +20,7 @@ export class FooterFooterCard {
         };
     }
     render() {
-        return (h(Host, { key: '23a8c846f34617431940dbee7a45fe7df8215379' }, h("div", { key: '37bb961c71d120ac08e5c6ea56b49519ad84ea1b', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '253fb91e4a869d2bbaaee40b79bd9154330bf054', class: "digi-footer-card__content" }, h("slot", { key: 'c92407e7c27c528b34081dfa10705cc073016ff7' })))));
+        return (h(Host, { key: 'fa225634df0c6414c3949ba2e6828b7fc389d2df' }, h("div", { key: 'f1e422f341731f92616b787727fac43e806e95d4', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '63c5b87358d98b2f4be80d59780d8cc2f315a102', class: "digi-footer-card__content" }, h("slot", { key: '246e9b9cd9b60eb9cc1b1f5bb0b81425ce0b863e' })))));
     }
     static get is() { return "digi-footer-card"; }
     static get encapsulation() { return "scoped"; }

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

@@ -92,7 +92,7 @@ export class FormCategoryFilter {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: '1116adb138d4455a8946696bd148de4470fc8278' }, h("div", { key: '888f3e8c1133706105581a7a89966ef93ccad0c9', class: {
+        return (h(Host, { key: '74f5f06035832ce1cebf26ab089e404a649f9240' }, h("div", { key: '7e71bbdf539632985c56ba33ecba9e57b64d271e', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -100,7 +100,7 @@ export class FormCategoryFilter {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'b717e98f7a11951d09332be733c9f42ffce092df' }, h("digi-button", { key: '405ae252571b1702e02db338cf0137955f1cbef6', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '415f044908497e9def159aeda3eeebd597ba1a6d' }, h("digi-button", { key: '176c0a91996e9134fbceaea2916344962cbb9561', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }

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

@@ -89,7 +89,7 @@ export class FormCheckbox {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: 'f6302e63cb4d0f30d68f8e0f3b7b44eeb22a6ebb', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'e7080e82e7ad32381a7723bc8757363b33fced15', class: "digi-form-checkbox__input", ref: (el) => {
+        return (h("div", { key: '3a4c3d66ae5b6fb5edcf3db68c0454458d0e7317', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '960e66ccc1aa15956b147369a829fdcd87ffacb0', class: "digi-form-checkbox__input", ref: (el) => {
                 var _a;
                 this._input = el;
                 (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -97,7 +97,7 @@ export class FormCheckbox {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '1a37b5a3e5101e55bd2898775273694c480d1f75', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '365b594ae4056c033760c46ef10f9a64000449a2', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '385fea7b200f0bea0decfdadd1389084dc67303c', 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: '49f8b41478bf43aff3a069dcced39dadd77d56a0', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '3d15477d96fe56f8a3e75e15f24f71c4fb279da9', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '68ea2e81febd0d60c3209d8227eed4d0ee165db2', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
     }
     static get is() { return "digi-form-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -72,14 +72,14 @@ export class FormErrorList {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (h("div", { key: 'ecc98cd91365bc963b5d0e291b43b243c54698db', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: 'a363bfd7e50bf38fd285142734c3a215bb86c6ca', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: 'fd0f7f8fa93e73e862b388aa4255af8757de54c4', "af-variation": TypographyVariation.SMALL }, h("p", { key: '9c29318b1e724b241492550c231679c361359916', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: 'a0c5df0e7fbce606eeee8b9dea657b058295c72b', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (h("div", { key: '94c22fcbc1e236c8f844322acae63fa73987c1ef', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '493ba65bbc8bc1699632144fcff3400c63d6d7e6', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '9756bf1761c3d9f00b0362eb51a4b5e05dd76b7c', "af-variation": TypographyVariation.SMALL }, h("p", { key: 'd7dff655598f45b5ca9947b93db85da1410c195a', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: '316f9c2e40ee13bfaab4955b4e5e85efcb52ce39', 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: 'b26ac06d2bd0dc398ac8f0b1981e7f2d172ba924', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: '338917c29c2068babda0b04ff5761c487b29e65c', afOptions: {
+        }))), h("div", { key: 'f162a4fe587ef6042c4bd8c0e8cceab13af643e5', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: '007278fd0ea86d4c02bbeb9d4aa6d03b55a51ae1', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: '0dcfdfe2a3349f1f62661e04eb9cfa6f89c164e5' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: '542ce197ea50c262f89d23971b24d4f3d004f54d' })))));
     }
     static get is() { return "digi-form-error-list"; }
     static get encapsulation() { return "scoped"; }
@@ -259,9 +259,14 @@ export class FormErrorList {
                     "text": "L\u00E4nkelementens 'onclick'-event."
                 },
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "CustomEvent",
+                    "resolved": "CustomEvent<any>",
+                    "references": {
+                        "CustomEvent": {
+                            "location": "global",
+                            "id": "global::CustomEvent"
+                        }
+                    }
                 }
             }, {
                 "method": "afOnReady",

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

@@ -15,7 +15,7 @@ export class FormFieldset {
         this.afValidationText = undefined;
     }
     render() {
-        return (h("fieldset", { key: '7cbfea53d490bcbd9f960582ba65db760c940f37', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '7790000c31f93f7d84d5f734c61a46a2f5421d9c', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'b56e3f870dcb67a78fcea0e26bee79147c27bd09' }), h("div", { key: 'c464c380963f13a8b2bbb4c2eb132a1663591db4', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '3b601ce81919801e2113311c7da174a3cb0db47f', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+        return (h("fieldset", { key: '69f69f2e9db30581503c30b868cefeb1fb4ab521', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: 'a5b8178d0bb6836cece62ffe705337af72fd9f69', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'fa8aca2038f312d4f494413d908b94840dfea516' }), h("div", { key: '17588937df36149bdd44bbfae684f917c6118337', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '50c579fecf2fa47e10640a03cc63a751e7b70560', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
     }
     static get is() { return "digi-form-fieldset"; }
     static get encapsulation() { return "scoped"; }

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

@@ -543,22 +543,22 @@ export class FormFileUpload {
             } }, this.renderFiles())));
     }
     render() {
-        return (h(Fragment, { key: '029c26599c9c80723c3ea8272f6fbd89e6fbcadf' }, h("digi-util-breakpoint-observer", { key: '1c68ba6b251ef4472c44720667675394100e7d16', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '081c0f618a8335c27323cb9f44f9dd8d04d08ca2', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '2784f4e91f7a26fa19c29cc7cb060c0b97ea3fd0', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '557351483aa421876dea979d9d68a2195a45bf22', class: {
+        return (h(Fragment, { key: '7c026d9a38c6d410478984f63ed556d940f682ab' }, h("digi-util-breakpoint-observer", { key: '8d4c30f68206eceae7ca2477a6d6644838799373', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '1f385e1e6035ce12938131d9eac6e0c0c32457d3', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '15f9d8b31b8a63aa6de2f313010aa7a54fdeb4ed', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '0230a14be0614492479c79f14ea6e96a930ef6be', 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: '252d8551475a8efeafcb5422e3bc9a39ab766ee0', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: 'e04056de0ca60a999f38e7fc2ee3dddb14f3352e', class: "digi-form-file-upload__text-area" }, h("button", { key: '9e7e1d5c75e32f5db420e92f32b428bfb66b430e', type: "button", id: this.afId + '-button', ref: (el) => {
+            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: '392393cfd22e21ac8cf6daf5bd3d800941313734', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: 'a3378677fb88791da3f1d873a710c558c99f05d4', class: "digi-form-file-upload__text-area" }, h("button", { key: '6d8024c03f1fd048b0a11218d0e087d30e4408d8', type: "button", id: this.afId + '-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: '16567976f7f354917cfe2c28046dcb99f302c828', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, h("digi-icon-paperclip", { key: '88390753038d3404e722659cd8f62e1be4f35fea', "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: '2bd5c1af11f38d32964c46a89fd31b04908d3de5', ref: (el) => {
+            : _t.form.file_choose), h("input", { key: 'cee61408adfe5421c9d3abc83390691c438e1983', 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: '8ba2509be773975eedfea52a75b51fb4f9890ed1' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), h("p", { key: '82c7c35bc1ad2766687ba683c3f3b14836a74515', 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: 'de25cfa9358cb3a1fb7af647c31b828a6b94da4a' }, this.afVariation !== FormFileUploadVariation.SMALL &&
+            _t.form.file_dropzone))), h("p", { key: 'cd33cbd322175f466c5f3ab38669da5643887784', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (h("div", { key: 'df0c06072fd8df4cd77eca15f67a046fca028a07', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (h("div", { key: '3c02fc5e96c85eedfbd59f18d62ed2edf79ee89a', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     static get is() { return "digi-form-file-upload"; }
     static get encapsulation() { return "scoped"; }

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

@@ -206,24 +206,24 @@ export class FormFilter {
         });
     }
     render() {
-        return (h(Host, { key: '19c6d5872aab85c626c5ea241312a03a8541bfe7' }, h("div", { key: 'b103033c1b4abd2d7473e708de6736d3f81bd217', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: '25474ac35c012bd4b561c80ae7f2963ce1b487b6' }, h("div", { key: 'e6f62138d68dbaf310344e140051c6595d03261c', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
                 'digi-form-filter': true,
                 'digi-form-filter--open': this.isActive
-            } }, h("digi-button", { key: '37d6ba0916d8a5a602e7c5f9bad823c9fa2df385', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: '5af4806cc67c4bd3a66e419abd293e9f6fd9824c', class: {
+            } }, h("digi-button", { key: '96d0115272832155e2591d9bf215fc6798d1a092', 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: 'ca8ee4f73e9dd7d34bd47c2ba0458ca0d2c10a0e', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: '1a666627a9de2b671ecaf5008121faa589a2db2b', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '2973005a25e6f51e0e8fb9ebe9eef1a46b73f478', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'ff4a9946138e38c1a9c394b63c471e78c45c012f', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: '204abbfc04d481ad1e9cf0fc6a1b4ee609b628eb', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '9a5a2b80e541e36b5341729ea0eddbfa3b82fedb', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '3cb4d1830ba1ca9adc50034562c48262ffc96f60', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
                 'digi-form-filter__dropdown': true,
                 'digi-form-filter__dropdown--right': this.afAlignRight,
                 'digi-form-filter__dropdown--hidden': !this.isActive
-            } }, h("div", { key: '896bb5cc2d47758576842fcf240fa1f9e59c600f', class: "digi-form-filter__scroll" }, h("fieldset", { key: 'f4261cb2917d29592136e32b53baecc642f2c30a' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'd7d7d4b110d6e6640a844e3641a4db8998c0dad8', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: '9e787a8eb8df4d9c223f897522e21e1e35bee67a', class: "digi-form-filter__scroll" }, h("fieldset", { key: '66a76350febd90667a9ae746df6ae05969c1d6aa' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '4fdf3876f6e41929dbd7d129967189281f517b59', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
             const isChecked = this.checkedItems.includes(item.id);
             const isTabbable = this.tabItems.includes(item.id);
             return (h("li", { class: "digi-form-filter__item", key: item.id }, h("digi-form-checkbox", { afInputRef: (ref) => (this.refs.filter = Object.assign(Object.assign({}, this.refs.filter), { [item.id]: ref })), afTabIndex: isTabbable ? 0 : -1, afLabel: item.label, afValue: item.id, afChecked: isChecked, onClick: (e) => {
                     e.preventDefault();
                     this.handleCheckItem(item);
                 } })));
-        })))), h("div", { key: 'cc7ac2522788b2f94430fd4a64366694fa67296f', class: "digi-form-filter__footer" }, h("digi-button", { key: 'd2aaacf7b5834d629a3af1d4dea1458795857b48', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: '240dd00d306d89c8e3357b490e2a63acff73b804', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: '22ae00caa559c9d0736b9ee88a4438241e0bfc97', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: 'c57fe2071e9a2705662ba181422b6dfc74c5a2cc' }))));
+        })))), h("div", { key: 'fe21c1087f118698a19a9fa2d575a47e1e98a31f', class: "digi-form-filter__footer" }, h("digi-button", { key: '20f224bf3ff5249e1a6a6868d5498198d501427e', 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: '0d6ea5f60e4f3c0c8b845d0e71d6fa389d2281de', "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: '9c55e0131e61c3956794bb5cff140fcb9b061989', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: 'e37bcdb33d2fd1b690ac9a8024a64c9e97074414' }))));
     }
     static get is() { return "digi-form-filter"; }
     static get encapsulation() { return "scoped"; }

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

@@ -155,10 +155,10 @@ export class FormInput {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (h("div", { key: '6309c6b61d95e8a96c724c1493daac592aa79f81', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '3ef5a2a1251e0e3c1c99a761482c4ec5ff634430', 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: 'ebcb01079c78738339e5317cf9239f1a89e31921', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '6ec3288227014624b27d7d10797fb7fde4c47f26', 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: '1b15d4cddca70f3317adbedbb16f1a62751146c1', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '8ff3facac86480a34efaf5a0e6f7b6a1bfa9d5dd', 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: '90a2f050648f228406dd4825bdfd3ed07c4f28c1', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '5c3ba9626d93ea1b30511bf8071f339959b7e020', 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: '0da5dfcd73e997a16bf3be18b4cbd3651cab7ebb', name: "button" })), h("div", { key: '4f24b7c3b070e5f8fbe4396d38865c1afa59709e', class: "digi-form-input__footer" }, h("div", { key: 'f0b6ee56051886efbecf82c136338c42130d80d8', 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: '0f00497d0bf3c0da8a11f60fbdb302c11b41e8aa', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), h("slot", { key: '2c929bfcf372a3975bf65c9db73df571c16fd976', name: "button" })), h("div", { key: 'ceeb3339bab503c50c5b94ceffb16b30ec5e4c3e', class: "digi-form-input__footer" }, h("div", { key: 'c887bce172943a8b72856275f330acc8c658569e', 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: '348bf0421d502a198134b99a615d08e30480e64a', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -110,10 +110,10 @@ export class FormInputSearch {
         };
     }
     render() {
-        return (h("div", { key: '0d571ec27d3c657aef091fbe0faa7b5d50a9aab3', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '8434e42f85ce1a641d663fc8890888a8c3b234a1', class: {
+        return (h("div", { key: '302ff0d4ce1fcaecad08e90e8a92b8d3fcee8284', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'a1a615a40c1977a0610aa90647d7eb65eae4585c', class: {
                 'digi-form-input-search__input': true,
                 'digi-form-input-search__input--no-button': this.afHideButton
-            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '899a5bb61c8a9dd8d92fa831f9f436b29a43e3aa', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '80a0757d3c732121adff725a190a49ab9aa6050e', slot: "icon" }), this.afButtonText)))));
+            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: 'a711196b9ddf8e9a83118d6cc4f80e11bf6208ab', 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: 'c8367fd7832e557a6e41f4b447461c9a2e62d82d', slot: "icon" }), this.afButtonText)))));
     }
     static get is() { return "digi-form-input-search"; }
     static get encapsulation() { return "scoped"; }

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

@@ -52,7 +52,7 @@ export class FormLabel {
         }
     }
     render() {
-        return (h("div", { key: '01e206691f77e812de51faf2b01497335fe6f649', class: "digi-form-label" }, h("div", { key: 'a2a451ab29e0b5e94a4d4d3ed6d05ed326bdc713', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '25840b00bd54a23867afafcc4b49f1abdadfb207', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '7ef08e051d2323d2704aebf0527e9127dd2a413b', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: 'b03334e5a943a080cf5077847aee90bceadf8fe8', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '37135ca88e673eb213d410055d3574c6f0e5e43d', class: "digi-form-label__actions" }, h("slot", { key: 'c7b62819bb01f867511d19ce776e4780b2f94a97', name: "actions" }))))));
+        return (h("div", { key: '24ae333ab5edc928ce4d26e6e4da0f642617792a', class: "digi-form-label" }, h("div", { key: 'b1a5073a7c9883b13a86f741b865c3b368c1d02b', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '4dd98d11699d82e0e6b5f1127ca0e97382dc45d1', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: 'a8c1b2cf89d24625e3c13a93bac5fd144d95a3cb', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '4a82c714e6b4f3189772d44bd5748c830252a8d5', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: 'd07f90e8e0a8ba9061686bf7cc331480091fbb33', class: "digi-form-label__actions" }, h("slot", { key: '7c5f1750217d9666a6543044e6dbb29ee4839940', name: "actions" }))))));
     }
     static get is() { return "digi-form-label"; }
     static get encapsulation() { return "scoped"; }

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

@@ -78,9 +78,9 @@ export class FormRadiobutton {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '96420bfc47a451d753ef1a8b0c004725defee225', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '15cb59c25f97e4f5d76eb37f84d25f4bcb61cfcf', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+        return (h("div", { key: '1d6a28574af8e43a49e92d2fe6f767f0e3692829', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '34eb9e492e0f0ff485b0e8ed2557022c82228811', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '0da38fbe9e3c8902f502cf9081af2a30b4a9782d', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '56d8957ac7def30966c9f2a7f805a84013e1b5d8', class: "digi-form-radiobutton__circle" }), this.afLabel)));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '1e1f8906b74f1c1969677b463234d27c46d9deff', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '08d43eb4360ee81c2b448edd900684045ca2de96', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     static get is() { return "digi-form-radiobutton"; }
     static get encapsulation() { return "scoped"; }