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

package/dist/esm/digi-calendar-week-view.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-bfea2cc5.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 import { r as requiredArgs, t as toDate, a as toInteger, c as getUTCWeekYear, n as getUTCISOWeekYear, b as getUTCWeek, g as getUTCISOWeek, m as isValid, j as getTimezoneOffsetInMilliseconds, h as subMilliseconds, i as isProtectedWeekYearToken, e as throwProtectedError, f as isProtectedDayOfYearToken, k as defaultLocale, l as longFormatters, o as buildFormatLongFn, p as buildLocalizeFn, q as buildMatchPatternFn, u as buildMatchFn } from './index-dc6b83f7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
@@ -2230,7 +2230,7 @@ const CalendarWeekView = class {
                 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
             });
@@ -2250,15 +2250,15 @@ const CalendarWeekView = class {
                 } }, 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 watchers() { return {
         "selectedDate": ["selectedDateChangeHandler"],

package/dist/esm/digi-chart-line.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-bfea2cc5.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 import { s as select, f as dispatch, r as range, a as axisLeft, g as formatLocale, p as polyInOut, b as axisBottom, l as linear, m as max, d as min, o as ordinal, c as interpolate, e as linear$1 } from './linear-0246aaea.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 
@@ -2301,7 +2301,7 @@ const ChartLine = class {
             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) }, ' ')));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-code-block_3.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, c as createEvent, g as getElement } from './index-bfea2cc5.js';
 import { C as CodeBlockVariation, B as ButtonSize } from './code-example-variation.enum-e656d235.js';
-import { a as CodeBlockLanguage, h as FormFieldsetValidation, k as FormRadiobuttonVariation, i as FormRadiobuttonLayout, j as FormRadiobuttonValidation } from './typography-variation.enum-dea0fe69.js';
+import { a as CodeBlockLanguage, h as FormFieldsetValidation, k as FormRadiobuttonVariation, i as FormRadiobuttonLayout, j as FormRadiobuttonValidation } from './typography-variation.enum-04944af5.js';
 import { P as Prism } from './prism-git-92a0d5cd.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
@@ -16,6 +16,7 @@ import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
 import './form-validation-message-variation.enum-f7835fc5.js';
 import './form-radiogroup-validation.enum-d790fc66.js';
+import './form-textarea-variation.enum-05017e8e.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
 import './layout-container-max-width.enum-c40018ac.js';
@@ -44,7 +45,7 @@ import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 
 const codeBlockCss = "digi-code-block{--digi--code-block--background:var(--digi--color--background--primary);--digi--code-block--border-radius:0.3rem;--digi--code-block--border:1px solid var(--digi--grayscale--900);display:block}digi-code-block .digi-code-block{border-radius:var(--digi--code-block--border-radius);border:var(--digi--code-block--border);overflow:hidden;position:relative}digi-code-block .digi-code-block pre{margin:0}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--light pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:#fefefe}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.prolog,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.cdata{color:#696969}digi-code-block .digi-code-block--light .token.punctuation{color:#545454}digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.tag,digi-code-block .digi-code-block--light .token.constant,digi-code-block .digi-code-block--light .token.symbol,digi-code-block .digi-code-block--light .token.deleted{color:#007faa}digi-code-block .digi-code-block--light .token.boolean,digi-code-block .digi-code-block--light .token.number{color:#008000}digi-code-block .digi-code-block--light .token.selector,digi-code-block .digi-code-block--light .token.attr-name,digi-code-block .digi-code-block--light .token.string,digi-code-block .digi-code-block--light .token.char,digi-code-block .digi-code-block--light .token.builtin,digi-code-block .digi-code-block--light .token.inserted{color:#aa5d00}digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.entity,digi-code-block .digi-code-block--light .token.url,digi-code-block .digi-code-block--light .language-css .token.string,digi-code-block .digi-code-block--light .style .token.string,digi-code-block .digi-code-block--light .token.variable{color:#008000}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function{color:#aa5d00}digi-code-block .digi-code-block--light .token.keyword{color:#d91e18}digi-code-block .digi-code-block--light .token.regex,digi-code-block .digi-code-block--light .token.important{color:#d91e18}digi-code-block .digi-code-block--light .token.important,digi-code-block .digi-code-block--light .token.bold{font-weight:bold}digi-code-block .digi-code-block--light .token.italic{font-style:italic}digi-code-block .digi-code-block--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:window}digi-code-block .digi-code-block--light .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.selector{font-weight:bold}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.string{color:highlight}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.url{font-weight:normal}}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark .digi-code-block__button{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary)}digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--dark pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:#272727}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.prolog,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.cdata{color:#d4d0ab}digi-code-block .digi-code-block--dark .token.punctuation{color:#fefefe}digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.tag,digi-code-block .digi-code-block--dark .token.constant,digi-code-block .digi-code-block--dark .token.symbol,digi-code-block .digi-code-block--dark .token.deleted{color:#ffa07a}digi-code-block .digi-code-block--dark .token.boolean,digi-code-block .digi-code-block--dark .token.number{color:#00e0e0}digi-code-block .digi-code-block--dark .token.selector,digi-code-block .digi-code-block--dark .token.attr-name,digi-code-block .digi-code-block--dark .token.string,digi-code-block .digi-code-block--dark .token.char,digi-code-block .digi-code-block--dark .token.builtin,digi-code-block .digi-code-block--dark .token.inserted{color:#abe338}digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.entity,digi-code-block .digi-code-block--dark .token.url,digi-code-block .digi-code-block--dark .language-css .token.string,digi-code-block .digi-code-block--dark .style .token.string,digi-code-block .digi-code-block--dark .token.variable{color:#00e0e0}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function{color:#ffd700}digi-code-block .digi-code-block--dark .token.keyword{color:#00e0e0}digi-code-block .digi-code-block--dark .token.regex,digi-code-block .digi-code-block--dark .token.important{color:#ffd700}digi-code-block .digi-code-block--dark .token.important,digi-code-block .digi-code-block--dark .token.bold{font-weight:bold}digi-code-block .digi-code-block--dark .token.italic{font-style:italic}digi-code-block .digi-code-block--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:window}digi-code-block .digi-code-block--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.selector{font-weight:bold}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.string{color:highlight}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.url{font-weight:normal}}digi-code-block .digi-code-block__toolbar{padding-bottom:0.5rem;display:flex;justify-content:flex-end;position:absolute;bottom:0;width:100%}digi-code-block .digi-code-block__button{margin-right:var(--digi--margin--smaller)}";
@@ -82,7 +83,7 @@ const CodeBlock = class {
         };
     }
     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 watchers() { return {
         "afCode": ["formatCode"]
@@ -104,7 +105,7 @@ const FormFieldset = class {
         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)))));
     }
 };
 FormFieldset.style = DigiFormFieldsetStyle0;
@@ -191,9 +192,9 @@ const FormRadiobutton = class {
         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)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-bfea2cc5.js';
 import { C as CodeBlockVariation, b as CodeExampleVariation, a as CodeExampleLanguage, B as ButtonSize } from './code-example-variation.enum-e656d235.js';
 import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 
 const codeExampleCss = ".sc-digi-code-example-h{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example.sc-digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example.sc-digi-code-example{min-width:360px}}.digi-code-example--light.sc-digi-code-example{background-color:#ffffff;background-image:linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%)}.digi-code-example--dark.sc-digi-code-example{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}.digi-code-example__container.sc-digi-code-example{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls.sc-digi-code-example{flex-direction:column}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button.sc-digi-code-example{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button--dark.sc-digi-code-example{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example.sc-digi-code-example{height:100%;padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button.sc-digi-code-example{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock.sc-digi-code-example digi-code-block.sc-digi-code-example{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden].sc-digi-code-example{display:none}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__code.sc-digi-code-example{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand.sc-digi-code-example{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand.sc-digi-code-example:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand.sc-digi-code-example:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{height:64px}.digi-code-example__copy-button.sc-digi-code-example{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon.sc-digi-code-example{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open.sc-digi-code-example{transform:rotate(180deg)}.digi-code-example__fade.sc-digi-code-example{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light.sc-digi-code-example{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark.sc-digi-code-example{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls.sc-digi-code-example{margin-bottom:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls{display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls[hidden]{display:none}.sc-digi-code-example-s .slot__controls digi-form-fieldset,.sc-digi-code-example-s .slot__controls digi-form-select,.sc-digi-code-example-s .slot__controls digi-form-fieldset+digi-form-checkbox,.sc-digi-code-example-s .slot__controls .divider{display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}";
@@ -132,17 +132,17 @@ const CodeExample = class {
             .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/esm/digi-code.entry.js

@@ -30,7 +30,7 @@ const Code = class {
         };
     }
     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 watchers() { return {
         "afCode": ["formatCode"]

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

@@ -202,13 +202,13 @@ const ContextMenu = class {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: '4e8d4eaef09ba8221c86c8f902dfd1a87e9fa7af' }, h("div", { key: 'cfd85763e955b4d86e8c15c9fe59cd5142cf299d', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: 'd2a7ce5b274c40d0cd8d2dc14ecd16f213f625ed' }, h("div", { key: 'daa7cc434e475a8780fd04a902185d1bd38c6215', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, 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: {
+            } }, h("digi-button", { key: '2177e28904af67feec33d924d55240855923cae4', 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: '8d06f25a76270489266b9403919b4dae0ef6daa1', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '9da9554c531f8952d5a29d28cb0bc51914245f64', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '4dafe424e116c2b78dcf6f5266a9422bc5f116c7', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
+            } }, h("div", { key: '1d811dff01c1d5d4b5241a825cda742d465427e6', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bfea2cc5.js';
-import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-dea0fe69.js';
+import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-04944af5.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
@@ -16,6 +16,7 @@ import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
 import './form-validation-message-variation.enum-f7835fc5.js';
 import './form-radiogroup-validation.enum-d790fc66.js';
+import './form-textarea-variation.enum-05017e8e.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
 import './layout-container-max-width.enum-c40018ac.js';
@@ -274,11 +275,11 @@ const Dialog = class {
         };
     }
     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))))))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { E as ExpandableAccordionHeaderLevel } from './expandable-accordion-header-level.enum-85681e2f.js';
 
@@ -79,7 +79,7 @@ const ExpandableAccordion = class {
         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' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -70,18 +70,18 @@ const ExpandableFaqItem = class {
         }
     }
     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' }))))));
     }
     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: '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' })));
     }
     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: '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' })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-bfea2cc5.js';
-import { F as FooterVariation } from './typography-variation.enum-dea0fe69.js';
+import { F as FooterVariation } from './typography-variation.enum-04944af5.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './code-example-variation.enum-e656d235.js';
@@ -15,6 +15,7 @@ import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
 import './form-validation-message-variation.enum-f7835fc5.js';
 import './form-radiogroup-validation.enum-d790fc66.js';
+import './form-textarea-variation.enum-05017e8e.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
 import './layout-container-max-width.enum-c40018ac.js';
@@ -58,7 +59,7 @@ const FooterFooter = class {
         };
     }
     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" }))))))));
     }
     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: '4098c877261aa9b69dbfc0969d7d4b99a8ebe5f3' }, h("div", { key: '0907f7f36b12cd3324cae1ea48bd06f2da91012c', 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,
@@ -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: 'e6e524d7840a99cf360b9a2bb3c7967617b2de6d' }, h("digi-button", { key: '66a292db85e82ba5eafbf7ada307395ff777876b', 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/esm/digi-form-checkbox.entry.js

@@ -95,7 +95,7 @@ const FormCheckbox = class {
         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);
@@ -103,7 +103,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: '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))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { d as FormErrorListHeadingLevel, x as NotificationAlertVariation, A as TypographyVariation } from './typography-variation.enum-dea0fe69.js';
+import { d as FormErrorListHeadingLevel, v as NotificationAlertVariation, y as TypographyVariation } from './typography-variation.enum-04944af5.js';
 import { l as logger } from './logger.util-ede3c48a.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
@@ -17,6 +17,7 @@ import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
 import './form-validation-message-variation.enum-f7835fc5.js';
 import './form-radiogroup-validation.enum-d790fc66.js';
+import './form-textarea-variation.enum-05017e8e.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
 import './layout-container-max-width.enum-c40018ac.js';
@@ -116,14 +117,14 @@ const FormErrorList = class {
         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' })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-bfea2cc5.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel, c as FormValidationMessageVariation } from './form-validation-message-variation.enum-f7835fc5.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
@@ -544,22 +544,22 @@ const FormFileUpload = class {
             } }, 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: '1068e450b48ab821622eb193016c330edb05fc67', type: "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: 'a439e424f83e4ea197215a3812459882c322678b', "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: 'd194bb6becbe173f833634a4484a4542c5dfabb1', 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: 'b317ecd9f780111c20a529cd7d203ef5a765bb2c' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), h("p", { key: '85f16b73106ab1221a98591d01ee0157081d3778', 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: 'eff456a01f0c09f4f6c1a80c76f3537e487d3fb2', 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())))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@ import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { l as logger } from './logger.util-ede3c48a.js';
 import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
 import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
-import { _ as _t } from './text-26e02c8d.js';
+import { _ as _t } from './text-8f88c0f6.js';
 import './detectClosest.util-58a7504f.js';
 
 const formFilterCss = ".sc-digi-form-filter-h{--digi--form-filter--footer--background:var(--digi--color--background--secondary-accent);--digi--form-filter--scroll--max-height:18.75rem;--digi--form-filter--scroll--max-height--large:23.4275rem;--digi--form-filter--scroll--padding:var(--digi--padding--small);--digi--form-filter--reset-button--margin-left:var(--digi--padding--small);--digi--form-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-filter--list--margin:0;--digi--form-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-filter--dropdown--border-radius:var(--digi--border--radius--primary);--digi--form-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-filter--dropdown--min-width:18.75rem;--digi--form-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-filter--dropdown--z-index:999;--digi--form-filter--toggle-button-indicator--color--default:transparent;--digi--form-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-filter--toggle-button-indicator--width:0.625rem;--digi--form-filter--toggle-button-indicator--height:0.625rem;--digi--form-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-filter--toggle-icon--width:0.875rem;--digi--form-filter--toggle-icon--height:0.875rem;--digi--form-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop)}.sc-digi-form-filter-h .digi-form-filter.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height);position:relative}.sc-digi-form-filter-h .digi-form-filter--open.sc-digi-form-filter .digi-form-filter__toggle-icon.sc-digi-form-filter{transform:rotate(-180deg)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter{transition:var(--digi--form-filter--toggle-icon--transition)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter-s>[slot^=icon],.sc-digi-form-filter-h .digi-form-filter__toggle-icon .sc-digi-form-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-filter--toggle-icon--height)}.sc-digi-form-filter-h .digi-form-filter__legend.sc-digi-form-filter{font-weight:var(--digi--form-filter--legend--font-weight);font-family:var(--digi--form-filter--legend--font-family);font-size:var(--digi--form-filter--legend--font-size)}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto;padding:var(--digi--form-filter--scroll--padding);overflow-x:hidden}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height--large)}}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter fieldset.sc-digi-form-filter{border:none}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter legend.sc-digi-form-filter{width:100%;border-bottom:var(--digi--form-filter--legend__border-bottom);padding-bottom:0.25rem}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter .legend-hidden.sc-digi-form-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-filter-h .digi-form-filter__footer.sc-digi-form-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-filter--footer--background);padding:var(--digi--form-filter--scroll--padding)}.sc-digi-form-filter-h .digi-form-filter__reset-button.sc-digi-form-filter{display:inline-block;margin-left:var(--digi--form-filter--reset-button--margin-left)}.sc-digi-form-filter-h .digi-form-filter__dropdown.sc-digi-form-filter{min-width:var(--digi--form-filter--dropdown--min-width);position:absolute;z-index:var(--digi--form-filter--dropdown--z-index);background:var(--digi--form-filter--dropdown--background);border-radius:var(--digi--form-filter--dropdown--border-radius);box-shadow:var(--digi--form-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-filter--dropdown--margin-top)}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__dropdown--right.sc-digi-form-filter{right:0}}.sc-digi-form-filter-h .digi-form-filter__dropdown--hidden.sc-digi-form-filter{display:none}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator.sc-digi-form-filter:before{content:\"\";width:var(--digi--form-filter--toggle-button-indicator--width);height:var(--digi--form-filter--toggle-button-indicator--height);background:var(--INDICATOR--BACKGROUND);display:inline-block;margin-right:var(--digi--form-filter--toggle-button-indicator--margin-right);border-radius:50% 50%;overflow:hidden;margin-left:var(--digi--form-filter--toggle-button-indicator--margin-left)}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator--active.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--active)}.sc-digi-form-filter-h .digi-form-filter__list.sc-digi-form-filter{margin:var(--digi--form-filter--list--margin);padding:var(--digi--form-filter--list--padding)}.sc-digi-form-filter-h .digi-form-filter__item.sc-digi-form-filter{display:block}.sc-digi-form-filter-h .digi-form-filter__toggle-button-text.sc-digi-form-filter{margin-right:var(--digi--form-filter--toggle-button--text--margin-right)}";
@@ -213,24 +213,24 @@ const FormFilter = class {
         });
     }
     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' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {