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

package/components/digi-form-radiobutton.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiFormRadiobutton extends Components.DigiFormRadiobutton, HTMLElement {}
 export const DigiFormRadiobutton: {

package/components/digi-form-radiobutton.js

@@ -1,4 +1,4 @@
-import { F as FormRadiobutton, d as defineCustomElement$1 } from './p-9839cf46.js';
+import { F as FormRadiobutton, d as defineCustomElement$1 } from './p-cf527784.js';
 
 const DigiFormRadiobutton = FormRadiobutton;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-form-radiogroup.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiFormRadiogroup extends Components.DigiFormRadiogroup, HTMLElement {}
 export const DigiFormRadiogroup: {

package/components/digi-form-radiogroup.js

@@ -1,11 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e5abfc2d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a53686b3.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { F as FormRadiogroupValidation } from './p-24fe2189.js';
-import { d as defineCustomElement$6 } from './p-49a67d97.js';
-import { d as defineCustomElement$5 } from './p-bd19f8cd.js';
-import { d as defineCustomElement$4 } from './p-e795bd84.js';
-import { d as defineCustomElement$3 } from './p-522414d8.js';
-import { d as defineCustomElement$2 } from './p-a223734b.js';
+import { d as defineCustomElement$2 } from './p-2f619b66.js';
 
 const formRadiogroupCss = "";
 const DigiFormRadiogroupStyle0 = formRadiogroupCss;
@@ -16,12 +11,9 @@ const FormRadiogroup = /*@__PURE__*/ proxyCustomElement(class FormRadiogroup ext
         this.__registerHost();
         this.afOnGroupChange = createEvent(this, "afOnGroupChange", 7);
         this.radiobuttons = undefined;
-        this.afId = randomIdGenerator('digi-form-radiogroup');
         this.afValue = undefined;
         this.value = undefined;
         this.afName = randomIdGenerator('digi-form-radiogroup');
-        this.afValidation = FormRadiogroupValidation.NEUTRAL;
-        this.afValidationText = undefined;
     }
     OnAfValueChange(value) {
         this.value = value;
@@ -52,9 +44,9 @@ const FormRadiogroup = /*@__PURE__*/ proxyCustomElement(class FormRadiogroup ext
         });
     }
     render() {
-        return (h(Host, { key: 'b8fdb2fce803f2ea1ab71244a74c7ef9d2903911' }, h("div", { key: 'de0f874c666b3154cb7ca150b1e91689fd257877', id: this.afId, class: {
+        return (h(Host, { key: '87664130d894a0a76cafb15b184ba1bc970f2c09' }, h("div", { key: '5ad880fd119a958646af1395de884533c19cb677', class: {
                 'digi-form-radiogroup': true
-            } }, h("digi-util-mutation-observer", { key: '5e0fd143bfcc7f00b0c96726871813d38fb09ce5', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '2f38b87f888cfea9458b81dc1d821ca0cd6ab169' }))), h("div", { key: '8af4d3bff07ec0d0a4de40e028d5f69b42685f76', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != FormRadiogroupValidation.NEUTRAL && (h("digi-form-validation-message", { key: '2d491974c2b3d455aee7fe4d2c3ebfcdf2404ff3', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+            } }, h("digi-util-mutation-observer", { key: '87ca289dca9a3ef8a95ee32c149594ab08d58399', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: 'e4da7e705be3248e7edc088969031d1dc671cf35' })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {
@@ -63,12 +55,9 @@ const FormRadiogroup = /*@__PURE__*/ proxyCustomElement(class FormRadiogroup ext
     }; }
     static get style() { return DigiFormRadiogroupStyle0; }
 }, [6, "digi-form-radiogroup", {
-        "afId": [1, "af-id"],
         "afValue": [1025, "af-value"],
         "value": [1025],
         "afName": [1, "af-name"],
-        "afValidation": [1, "af-validation"],
-        "afValidationText": [1, "af-validation-text"],
         "radiobuttons": [32]
     }, undefined, {
         "afValue": ["OnAfValueChange"],
@@ -78,33 +67,13 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["digi-form-radiogroup", "digi-form-validation-message", "digi-icon-validation-error", "digi-icon-validation-success", "digi-icon-validation-warning", "digi-util-mutation-observer"];
+    const components = ["digi-form-radiogroup", "digi-util-mutation-observer"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-form-radiogroup":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, FormRadiogroup);
             }
             break;
-        case "digi-form-validation-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "digi-icon-validation-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "digi-icon-validation-success":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "digi-icon-validation-warning":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
         case "digi-util-mutation-observer":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/components/digi-form-receipt.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiFormReceipt extends Components.DigiFormReceipt, HTMLElement {}
 export const DigiFormReceipt: {

package/components/digi-form-receipt.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
-import { j as FormReceiptVariation, i as FormReceiptType, h as FormReceiptHeadingLevel } from './p-ea2c5384.js';
+import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
+import { j as FormReceiptVariation, i as FormReceiptType, h as FormReceiptHeadingLevel } from './p-5a256d98.js';
 import './p-717306ef.js';
 import './p-a4a001e1.js';
 import './p-f518a4cf.js';
@@ -14,9 +14,7 @@ import './p-8142cc73.js';
 import './p-905ccb30.js';
 import './p-bc3d2778.js';
 import './p-c8429245.js';
-import './p-9a1bec0e.js';
 import './p-06625463.js';
-import './p-24fe2189.js';
 import './p-f447b984.js';
 import './p-9c5a93d8.js';
 import './p-7933b555.js';
@@ -29,7 +27,6 @@ import './p-2a023831.js';
 import './p-5ba6737a.js';
 import './p-e4a9f8f0.js';
 import './p-f2a6768b.js';
-import './p-290d1746.js';
 import './p-40657c82.js';
 import './p-f600576a.js';
 import './p-3b20ec86.js';
@@ -48,8 +45,8 @@ import './p-d1886fff.js';
 import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-cdcaf0eb.js';
-import { d as defineCustomElement$3 } from './p-4ca3dd51.js';
-import { d as defineCustomElement$2 } from './p-009ccd8f.js';
+import { d as defineCustomElement$3 } from './p-d309b91a.js';
+import { d as defineCustomElement$2 } from './p-f5e13d2e.js';
 
 const formReceiptCss = ".sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--pop-out);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__infographic-primary.sc-digi-form-receipt{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}";
 const DigiFormReceiptStyle0 = formReceiptCss;
@@ -105,7 +102,7 @@ const FormReceipt = /*@__PURE__*/ proxyCustomElement(class FormReceipt extends H
         return (h("div", { class: "digi-form-receipt__content" }, h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (h("div", { key: 'aca2ac3cc2c680a572f86bbe766564e25d91d615', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (h("div", { key: 'b2eb6b974cce153f6cd93f20912f7256e67eed6f', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     get hostElement() { return this; }
     static get style() { return DigiFormReceiptStyle0; }

package/components/digi-form-select-filter.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiFormSelectFilter extends Components.DigiFormSelectFilter, HTMLElement {}
 export const DigiFormSelectFilter: {

package/components/digi-form-select-filter.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-e5abfc2d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-a53686b3.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { l as logger } from './p-e3d2e899.js';
 import { d as detectClickOutside } from './p-430607cb.js';
 import { d as detectFocusOutside } from './p-ee33960b.js';
 import { _ as _t } from './p-08cf2c0e.js';
 import './p-717306ef.js';
-import { k as FormSelectFilterValidation } from './p-ea2c5384.js';
+import { k as FormSelectFilterValidation } from './p-5a256d98.js';
 import './p-a4a001e1.js';
 import './p-f518a4cf.js';
 import './p-7e32c40b.js';
@@ -19,9 +19,7 @@ import './p-8142cc73.js';
 import './p-905ccb30.js';
 import './p-bc3d2778.js';
 import { d as FormInputVariation, b as FormInputType, c as FormInputValidation } from './p-c8429245.js';
-import './p-9a1bec0e.js';
 import './p-06625463.js';
-import './p-24fe2189.js';
 import './p-f447b984.js';
 import './p-9c5a93d8.js';
 import './p-7933b555.js';
@@ -34,7 +32,6 @@ import './p-2a023831.js';
 import './p-5ba6737a.js';
 import './p-e4a9f8f0.js';
 import './p-f2a6768b.js';
-import './p-290d1746.js';
 import './p-40657c82.js';
 import './p-f600576a.js';
 import './p-3b20ec86.js';
@@ -53,16 +50,16 @@ import './p-d1886fff.js';
 import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-cdcaf0eb.js';
-import { d as defineCustomElement$b } from './p-4a9363d9.js';
-import { d as defineCustomElement$a } from './p-e3961597.js';
-import { d as defineCustomElement$9 } from './p-98765f91.js';
-import { d as defineCustomElement$8 } from './p-49a67d97.js';
-import { d as defineCustomElement$7 } from './p-a1607b17.js';
-import { d as defineCustomElement$6 } from './p-d96a2a60.js';
-import { d as defineCustomElement$5 } from './p-bd19f8cd.js';
-import { d as defineCustomElement$4 } from './p-e795bd84.js';
-import { d as defineCustomElement$3 } from './p-522414d8.js';
-import { d as defineCustomElement$2 } from './p-f1059907.js';
+import { d as defineCustomElement$b } from './p-e8fc33ed.js';
+import { d as defineCustomElement$a } from './p-73c973fc.js';
+import { d as defineCustomElement$9 } from './p-71bad47e.js';
+import { d as defineCustomElement$8 } from './p-ad94e4f3.js';
+import { d as defineCustomElement$7 } from './p-aed6db71.js';
+import { d as defineCustomElement$6 } from './p-a90980f7.js';
+import { d as defineCustomElement$5 } from './p-6c7ff092.js';
+import { d as defineCustomElement$4 } from './p-f516f6d6.js';
+import { d as defineCustomElement$3 } from './p-299871dc.js';
+import { d as defineCustomElement$2 } from './p-42c4e18d.js';
 
 const formSelectFilterCss = ".sc-digi-form-select-filter-h{--digi--form-select-filter--footer--background:var(--digi--color--background--secondary);--digi--form-select-filter--scroll--max-height:10.625rem;--digi--form-select-filter--scroll--padding:var(--digi--padding--small);--digi--form-select-filter--reset-button--margin-right:var(--digi--padding--small);--digi--form-select-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-select-filter--list--margin:0;--digi--form-select-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-select-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-select-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-select-filter--dropdown--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--dropdown--background:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--min-width:18.75rem;--digi--form-select-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-select-filter--dropdown--z-index:999;--digi--form-select-filter--dropdown--header--background:var(--digi--color--background--secondary-accent);--digi--form-select-filter--dropdown--item--cursor:pointer;--digi--form-select-filter--dropdown--item--height:auto;--digi--form-select-filter--dropdown--item--min-height:1.5rem;--digi--form-select-filter--dropdown--item--color:var(--digi--color--text--primary);--digi--form-select-filter--dropdown--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select-filter--dropdown--item--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--dropdown--item--font-weight--default:var(--digi--typography--link--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--selected:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--hover:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--letter-spacing:0px;--digi--form-select-filter--dropdown--item--line-height:1.5;--digi--form-select-filter--dropdown--item--margin-bottom:0px;--digi--form-select-filter--dropdown--item--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--border-type:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--border-color:var(--digi--color--divider--primary);--digi--form-select-filter--dropdown--item--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--padding-x:var(--digi--margin--largest);--digi--form-select-filter--dropdown--item--multiple--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--multiple--padding-x:var(--digi--padding--largest-2);--digi--form-select-filter--dropdown--item--background-color--default:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--item--background-color--focus:var(--digi--color--background--interactive--hover--quarternary);--digi--form-select-filter--dropdown--item--background-color--hover:var(--digi--color--background--interactive--hover--quarternary);--digi--form-select-filter--dropdown--item--background-color--active:var(--digi--color--background--interactive--selected--tertiary);--digi--form-select-filter--dropdown--item--background-color--selected:var(--digi--color--background--interactive--selected--tertiary);--digi--form-select-filter--dropdown--item--checkbox--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--item--checkbox--background-color--selected:var(--digi--color--marking--indication--primary);--digi--form-select-filter--dropdown--item--checkbox--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-select-filter--dropdown--item--checkbox--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--checkbox--border-style:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--checkbox--border-radius:var(--digi--border-radius--tertiary);--digi--form-select-filter--dropdown--item--checkbox--width:1.25rem;--digi--form-select-filter--dropdown--item--checkbox--height:1.25rem;--digi--form-select-filter--toggle-button-indicator--color--default:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-select-filter--toggle-button-indicator--width:1rem;--digi--form-select-filter--toggle-button-indicator--height:1rem;--digi--form-select-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-select-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-select-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-select-filter--toggle-button-indicator--color:var(--digi--color--marking--indication--primary);--digi--form-select-filter--toggle-icon--width:0.875rem;--digi--form-select-filter--toggle-icon--height:0.875rem;--digi--form-select-filter--search-input--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--search-input--border-width:var(--digi--border-width--input-regular);--digi--form-select-filter--search-input--border-style:var(--digi--border-style--primary);--digi--form-select-filter--search-input--border-color:var(--digi--form-select-filter--toggle-button--border-width--neutral);--digi--form-select-filter--search-input--height:var(--digi--input-height--medium);--digi--form-select-filter--search-input--width:100%;--digi--form-select-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-select-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--form-select-filter--toggle-button--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select-filter--toggle-button--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select-filter--toggle-button--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--toggle-button--border-width--success:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select-filter--toggle-button--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select-filter--toggle-button--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select-filter--toggle-button--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select-filter--toggle-button--border-width--error:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select-filter--toggle-button--background--error:var(--digi--color--background--interactive--validation--error);box-sizing:content-box}.sc-digi-form-select-filter-h .digi--a11y--sr-only.sc-digi-form-select-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-select-filter-h .digi-form-select-filter.sc-digi-form-select-filter{display:flex;flex-direction:column;gap:0.4em;position:relative;--INDICATOR--BACKGROUND:var(--digi--form-select-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-select-filter--scroll--max-height)}.sc-digi-form-select-filter-h .digi-form-select-filter--neutral.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--neutral\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--neutral\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--neutral\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--success.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--success\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--success\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--success\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--warning.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--warning\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--warning\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--warning\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--error.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--error\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--error\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--error\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--open.sc-digi-form-select-filter .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transform:rotate(-180deg)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter{background:var(--BACKGROUND);border:var(--BORDER-WIDTH) solid var(--BORDER-COLOR);border-radius:var(--digi--border-radius--input);color:var(--digi--color--text--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--digi--typography--body--font-size--desktop);width:100%;padding:0 var(--digi--gutter--medium);min-height:var(--digi--input-height--medium);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus-visible,.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transition:var(--digi--form-select-filter--toggle-icon--transition)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter-s>[slot^=icon],.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon .sc-digi-form-select-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-select-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-select-filter--toggle-icon--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__legend.sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--legend--font-weight);font-family:var(--digi--form-select-filter--legend--font-family);font-size:var(--digi--form-select-filter--legend--font-size);border:0;padding:0;margin:0;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-select-filter-h .digi-form-select-filter__scroll.sc-digi-form-select-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--header--background);padding:12px 12px 22px}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter input.sc-digi-form-select-filter{border-radius:var(--digi--form-select-filter--search-input--border-radius);border-width:var(--digi--form-select-filter--search-input--border-width);border-style:var(--digi--form-select-filter--search-input--border-style);border-color:var(--digi--form-select-filter--search-input--border-color);height:var(--digi--form-select-filter--search-input--height);width:var(--digi--form-select-filter--search-input--width)}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter legend.sc-digi-form-select-filter{width:100%;border-bottom:var(--digi--form-select-filter--legend__border-bottom)}.sc-digi-form-select-filter-h .digi-form-select-filter__footer.sc-digi-form-select-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-select-filter--footer--background);padding:var(--digi--form-select-filter--scroll--padding)}.sc-digi-form-select-filter-h .digi-form-select-filter__reset-button.sc-digi-form-select-filter{display:inline-block;margin-right:var(--digi--form-select-filter--reset-button--margin-right)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter{box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.7);min-width:var(--digi--form-select-filter--dropdown--min-width);width:100%;position:absolute;z-index:var(--digi--form-select-filter--dropdown--z-index);background:var(--digi--form-select-filter--dropdown--background);border-radius:var(--digi--form-select-filter--dropdown--border-radius);overflow:hidden;margin-top:var(--digi--form-select-filter--dropdown--margin-top)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter fieldset.sc-digi-form-select-filter{border:none;padding:0;margin:0}@media (min-width: 48rem){.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--right.sc-digi-form-select-filter{right:0}}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h .digi-form-select-filter__label.sc-digi-form-select-filter{display:block}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-wrapper--activated.sc-digi-form-select-filter{display:flex;align-items:center}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator.sc-digi-form-select-filter{display:none;--digi--icon--color:var(--digi--form-select-filter--toggle-button-indicator--color)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator--active.sc-digi-form-select-filter{display:flex;margin-right:var(--digi--form-select-filter--toggle-button-indicator--margin-right);width:var(--digi--form-select-filter--toggle-button-indicator--width);height:var(--digi--form-select-filter--toggle-button-indicator--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__search-status.sc-digi-form-select-filter{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary)}.sc-digi-form-select-filter-h .digi-form-select-filter__list.sc-digi-form-select-filter{margin:var(--digi--form-select-filter--list--margin);padding:0;max-width:100%}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--item--background-color--default);border-width:0;box-sizing:border-box;border-bottom-width:var(--digi--form-select-filter--dropdown--item--border-width);border-style:var(--digi--form-select-filter--dropdown--item--border-type);border-color:var(--digi--form-select-filter--dropdown--item--border-color);cursor:var(--digi--form-select-filter--dropdown--item--cursor);color:var(--digi--form-select-filter--dropdown--item--color);display:block;font-size:var(--digi--form-select-filter--dropdown--item--font-size);font-family:var(--digi--form-select-filter--dropdown--item--font-family);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--default);padding:var(--digi--form-select-filter--dropdown--item--padding-y) var(--digi--form-select-filter--dropdown--item--padding-x);position:relative;height:var(--digi--form-select-filter--dropdown--item--height);min-height:var(--digi--form-select-filter--dropdown--item--min-height);margin-bottom:var(--digi--form-select-filter--dropdown--item--margin-bottom);letter-spacing:var(--digi--form-select-filter--dropdown--item--letter-spacing);line-height:var(--digi--form-select-filter--dropdown--item--line-height)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:focus-visible{background-color:var(--digi--form-select-filter--dropdown--item--background-color--focus);outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:hover{background-color:var(--digi--form-select-filter--dropdown--item--background-color--hover);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--hover)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:active{background-color:var(--digi--form-select-filter--dropdown--item--background-color--active)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[aria-checked=true].sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--selected);background-color:var(--digi--form-select-filter--dropdown--item--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[dir=rtl].sc-digi-form-select-filter{text-align:right}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;height:25px;left:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter::before{right:3px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter{padding:var(--digi--form-select-filter--dropdown--item--multiple--padding-y) var(--digi--form-select-filter--dropdown--item--multiple--padding-x)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][aria-checked=true].sc-digi-form-select-filter:before{background:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter::before{content:\"\";position:absolute;background-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--border-color);border-width:var(--digi--form-select-filter--dropdown--item--checkbox--border-width);border-style:var(--digi--form-select-filter--dropdown--item--checkbox--border-style);height:var(--digi--form-select-filter--dropdown--item--checkbox--width);width:var(--digi--form-select-filter--dropdown--item--checkbox--height);border-radius:var(--digi--form-select-filter--dropdown--item--checkbox--border-radius);left:12px;transform:translateY(1px)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;left:16px;--digi--icon--color:white}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter::before{right:12px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:16px}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-text.sc-digi-form-select-filter{margin-right:var(--digi--form-select-filter--toggle-button--text--margin-right)}.sc-digi-form-select-filter-h .hidden.sc-digi-form-select-filter{display:none}";
 const DigiFormSelectFilterStyle0 = formSelectFilterCss;
@@ -508,15 +505,15 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
             } }, h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h("div", { key: 'a973426bdba50ce86911d281a5e9c9fb7e285807', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'e4f5954c7c2d53232f9d11895b6fa5688302d163', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: '4dcef492e96fb96d6baea74e0b36b6fec14ad3d6', onAfOnEsc: () => this.escHandler() }, h("button", { key: '9e1bb4096c077df73139e8b4767e5cadc5f4d2ee', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '237419ff66314b63efca1fb02d73cb2d60fdaf3d', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '5a56d5b6d3d2c6d0f3d0df3ee63c451298b18851', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '9f3f6993ca24bb20fbebdb1739592fda24bd965b', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'fc3e71d79a44e8953609da9bbc4024a16cc92794', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '565c9af0e540f891f5f58b5f68fd1bdef789d439', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
                 'digi-form-select-filter__dropdown': true,
                 'digi-form-select-filter__dropdown--right': this.afAlignRight,
                 'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: 'dc8b60b9b9f0568967ef4e5ffddf464149e41b7b' }, h("div", { key: 'c14f0eaad909cebd41564028f2436269e96ab13a', class: "digi-form-select-filter__header" }, h("legend", { key: '92baa299ac9d085a650860bcfed4474f5265d526', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '776c9d498f33990b521ee04898d1ea739432c077', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
             }, onAfOnKeyup: (e) => {
                 this.inputSearchKeyboardHandler(e.detail);
-            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '1c7566020cc272722d7978b618395177c114a9ac', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
+            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: 'ac8da673afc1e2a6c0543a835b2627b957021f33', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '08f0943b88567354588ae2b45111468698dd38ff', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: 'd7b7f52a85bfebd96b14ef18b4ac1d6aaac9273e', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
                 ? 'false'
                 : this.afValidation === FormSelectFilterValidation.ERROR
                     ? 'true'
@@ -524,11 +521,11 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '3f3c8ee516a00099adb40779cf648046e3d79133', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
                 ? 'false'
                 : this.afRequired
                     ? 'true'
-                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
+                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '20bdf4fd24c13a9dc6ad12718847f6f4f78af2af', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
             this._filteredResult.map((item, index) => {
                 return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -540,9 +537,9 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: 'f3f670c396cc7dc01dcb3834042b2ca9af3faeb7', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: '508ea54b56002d2f4dfa6307d07242436edc8277', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '9dcba889f74484cc90e00c8873b314eab6508c06', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'df2fe414579e01db151b20131068ce9c7e8f0a7b', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
                 this.setClosed(true);
-            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e4856539556e2d5912e3a326bb697dc61b98efca', class: "digi-form-select__footer" }, h("div", { key: 'e9da92046fd4f2b0a93f3e7681243de5cae57b83', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '8b2bd29203a6f722ae4507ea65c0600dbfe960c2', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-form-select.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiFormSelect extends Components.DigiFormSelect, HTMLElement {}
 export const DigiFormSelect: {

package/components/digi-form-select.js

@@ -1,4 +1,4 @@
-import { F as FormSelect, d as defineCustomElement$1 } from './p-05a97800.js';
+import { F as FormSelect, d as defineCustomElement$1 } from './p-ab1d6ae3.js';
 
 const DigiFormSelect = FormSelect;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-form-textarea.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiFormTextarea extends Components.DigiFormTextarea, HTMLElement {}
 export const DigiFormTextarea: {

package/components/digi-form-textarea.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-a53686b3.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { a as FormTextareaVariation, F as FormTextareaValidation } from './p-9c5a93d8.js';
-import { d as defineCustomElement$6 } from './p-98765f91.js';
-import { d as defineCustomElement$5 } from './p-49a67d97.js';
-import { d as defineCustomElement$4 } from './p-bd19f8cd.js';
-import { d as defineCustomElement$3 } from './p-e795bd84.js';
-import { d as defineCustomElement$2 } from './p-522414d8.js';
+import { d as defineCustomElement$6 } from './p-71bad47e.js';
+import { d as defineCustomElement$5 } from './p-ad94e4f3.js';
+import { d as defineCustomElement$4 } from './p-6c7ff092.js';
+import { d as defineCustomElement$3 } from './p-f516f6d6.js';
+import { d as defineCustomElement$2 } from './p-299871dc.js';
 
 const formTextareaCss = ".sc-digi-form-textarea-h{--digi--form-textarea--height--small:4.6875rem;--digi--form-textarea--height--medium:8.4375rem;--digi--form-textarea--height--large:10.3125rem;--digi--form-textarea--height--auto:auto;--digi--form-textarea--border-radius:var(--digi--border-radius--input);--digi--form-textarea--padding:calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);--digi--form-textarea--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-textarea--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-textarea--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-textarea--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-textarea--border--error:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--success:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-textarea--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-textarea--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-textarea--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-textarea-h .digi-form-textarea.sc-digi-form-textarea{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-textarea-h .digi-form-textarea--small.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--small)}.sc-digi-form-textarea-h .digi-form-textarea--medium.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--medium)}.sc-digi-form-textarea-h .digi-form-textarea--large.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--large)}.sc-digi-form-textarea-h .digi-form-textarea--neutral.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--neutral);--BORDER-COLOR:var(--digi--form-textarea--border-color--neutral);--BACKGROUND:var(--digi--form-textarea--background--neutral)}.sc-digi-form-textarea-h .digi-form-textarea--empty.sc-digi-form-textarea:not(:focus-within){--BACKGROUND:var(--digi--form-textarea--background--empty)}.sc-digi-form-textarea-h .digi-form-textarea--success.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--success);--BORDER-COLOR:var(--digi--form-textarea--border-color--success);--BACKGROUND:var(--digi--form-textarea--background--success)}.sc-digi-form-textarea-h .digi-form-textarea--warning.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--warning);--BORDER-COLOR:var(--digi--form-textarea--border-color--warning);--BACKGROUND:var(--digi--form-textarea--background--warning)}.sc-digi-form-textarea-h .digi-form-textarea--error.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--error);--BORDER-COLOR:var(--digi--form-textarea--border-color--error);--BACKGROUND:var(--digi--form-textarea--background--error)}.sc-digi-form-textarea-h .digi-form-textarea__content.sc-digi-form-textarea{width:100%}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea{height:var(--HEIGHT);width:inherit;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-textarea--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-textarea--border-radius);box-sizing:border-box}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
 const DigiFormTextareaStyle0 = formTextareaCss;
@@ -26,7 +26,6 @@ const FormTextarea = /*@__PURE__*/ proxyCustomElement(class FormTextarea extends
         this.hasActiveValidationMessage = false;
         this.dirty = false;
         this.touched = false;
-        this.isEditing = false;
         this.afLabel = undefined;
         this.afLabelDescription = undefined;
         this.afVariation = FormTextareaVariation.MEDIUM;
@@ -82,15 +81,14 @@ const FormTextarea = /*@__PURE__*/ proxyCustomElement(class FormTextarea extends
             'digi-form-textarea--auto': this.afVariation === FormTextareaVariation.AUTO,
             'digi-form-textarea--neutral': this.afValidation === FormTextareaValidation.NEUTRAL,
             'digi-form-textarea--success': this.afValidation === FormTextareaValidation.SUCCESS,
-            'digi-form-textarea--error': !this.isEditing && this.afValidation === FormTextareaValidation.ERROR,
-            'digi-form-textarea--warning': !this.isEditing && this.afValidation === FormTextareaValidation.WARNING,
+            'digi-form-textarea--error': this.afValidation === FormTextareaValidation.ERROR,
+            'digi-form-textarea--warning': this.afValidation === FormTextareaValidation.WARNING,
             'digi-form-textarea--empty': !this.afValue &&
                 (!this.afValidation ||
                     this.afValidation === FormTextareaValidation.NEUTRAL)
         };
     }
     blurHandler(e) {
-        this.isEditing = false;
         if (!this.touched) {
             this.afOnTouched.emit(e);
             this.touched = true;
@@ -120,10 +118,10 @@ const FormTextarea = /*@__PURE__*/ proxyCustomElement(class FormTextarea extends
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: 'ca77f5d62dc794ff17223c0c914ef00d070d4845', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'd155dcb5c0cb754cd76c557e9bc382836e3ef76a', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '5c8d3b5b19417aa280812c2770cbb4cad2692969', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'dcddec6e31b9e97b9ba1d4109adf112af0a07b29', class: "digi-form-textarea__content" }, h("textarea", { key: 'c399e1aa0ef714c2a356edf6b538a71df1b27994', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyDown: () => this.isEditing = true, onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
+        return (h("div", { key: 'c61b17dfadad1f4483aae5d1b84fae6a92ae8b1e', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: '901725f331c7ee08e7e0ae8834907bed94f2eefc', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '60fda4488f86ba586af8637b016b3f9d56de635f', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '3624ace952fc8ddba0400344b5ecd162db97ad0f', class: "digi-form-textarea__content" }, h("textarea", { key: 'cc0f9212adfa7d39240a0cc02d7859761e16f019', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
                 ? 'true'
-                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: '8954b122a04e741550553e5b5dc29145346501b3', class: "digi-form-textarea__footer" }, h("div", { key: '9540eee3c9c2aa70e0139b4b84f035494e9aee21', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, !this.isEditing && this.hasActiveValidationMessage &&
-            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: '350b51a7cd29627a53f2267a1726ad4917657cef', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: '0bfcc28ea5818c2ae68894d165bef6ff61155841', class: "digi-form-textarea__footer" }, h("div", { key: '77fb29eee9f8623c044472a41449dcb45b2d54ff', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'd5013d2e0f448038a8f13e9e824a091f5699c5dd', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {
@@ -156,7 +154,6 @@ const FormTextarea = /*@__PURE__*/ proxyCustomElement(class FormTextarea extends
         "hasActiveValidationMessage": [32],
         "dirty": [32],
         "touched": [32],
-        "isEditing": [32],
         "afMGetFormControlElement": [64]
     }, undefined, {
         "value": ["onValueChanged"],

package/components/digi-form-validation-message.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiFormValidationMessage extends Components.DigiFormValidationMessage, HTMLElement {}
 export const DigiFormValidationMessage: {

package/components/digi-form-validation-message.js

@@ -1,4 +1,4 @@
-import { F as FormValidationMessage, d as defineCustomElement$1 } from './p-49a67d97.js';
+import { F as FormValidationMessage, d as defineCustomElement$1 } from './p-ad94e4f3.js';
 
 const DigiFormValidationMessage = FormValidationMessage;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-header-avatar.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiHeaderAvatar extends Components.DigiHeaderAvatar, HTMLElement {}
 export const DigiHeaderAvatar: {

package/components/digi-header-avatar.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h as h$1 } from './p-e5abfc2d.js';
+import { p as proxyCustomElement, H, h as h$1 } from './p-a53686b3.js';
 import { h } from './p-6ee85572.js';
-import { d as defineCustomElement$3 } from './p-65c2673b.js';
-import { d as defineCustomElement$2 } from './p-4e3fdb06.js';
+import { d as defineCustomElement$3 } from './p-ba757bc9.js';
+import { d as defineCustomElement$2 } from './p-8a2e80d2.js';
 
 /* eslint-disable max-len */
 const avatarPlaceholder = {
@@ -106,7 +106,7 @@ const NavigationAvatar = /*@__PURE__*/ proxyCustomElement(class NavigationAvatar
         if (this.afShowPlaceholderImage) {
             this.afHideImage = true;
         }
-        return (h$1("div", { key: 'f0a6f919473f79842a1a5e8b420ebd28b5d69ddf', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h$1("digi-media-image", { key: 'f9d7affc8b4fe35cc4ed34363fafb7dbefd68d15', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (h$1("span", { key: '15b94883efa9d6915b3684e0affd95a96ddff293', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h$1(this.currentAvatar, { key: 'a0e9575b337cc739b1b8a493c4a263eef2c22c98' }, h$1("title", { key: 'df2a6872016bd3ea990a1c12ab87d7e367d3aad4' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h$1("span", { key: 'ea88177f95fbcb2c261133ff164fd87219731a7b', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h$1("span", { key: '579cd71fe5023f18bc1e05d66eee6495b2e0f30d', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h$1(this.currentAvatar, { key: 'bff5b3eb8a509f6bb8509c9ecb1c393037326afd' }, h$1("title", { key: 'ad8a4bf780a68f0c9265eaf804bfcbb4b5acc8e7' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h$1("slot", { key: 'ba96a37355d8922c2e79808030fef223e73b1fb4' })));
+        return (h$1("div", { key: 'c6a31dcf973d0838e6fcc15c46df3367a7ffbf05', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h$1("digi-media-image", { key: 'd89ff3dd87bad2f574c9dc2332ab01cca92f14f7', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (h$1("span", { key: '578c4845722980eef2dcdd089e34bd74552f1c12', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h$1(this.currentAvatar, { key: 'a607c3b7d8adad5e099348c2f934c11f6ca90f72' }, h$1("title", { key: 'e7bcf18ab68a3747bdfb67cd0099f361e1bdfc9b' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h$1("span", { key: 'd89f15f40ac637eb8b5a469580fa99949f6e496b', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h$1("span", { key: '0fd876bc2059fbbafc6c676721ab72121721262b', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h$1(this.currentAvatar, { key: '01a97ee947331bd9baf206bbc9dc2325c53f9015' }, h$1("title", { key: '2f96d6322af1e8926371a5971300fc229db60217' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h$1("slot", { key: 'a56cb66e622b3eb8979b90fe33f051bf35a0a937' })));
     }
     static get style() { return DigiHeaderAvatarStyle0; }
 }, [6, "digi-header-avatar", {

package/components/digi-header-navigation-item.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiHeaderNavigationItem extends Components.DigiHeaderNavigationItem, HTMLElement {}
 export const DigiHeaderNavigationItem: {

package/components/digi-header-navigation-item.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
+import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
 
 const headerNavigationItemCss = ".sc-digi-header-navigation-item-h{--digi--header-navigation-item--font-family:var(--digi--global--typography--font-family--default);--digi--header-navigation-item--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-navigation-item--color:var(--digi--color--text--interactive--tertiary);--digi--header-navigation-item--color-hover:var(--digi--color--text--interactive--primary);--digi--header-navigation-item--color-active:var(--digi--color--text--interactive--primary);--digi--header-navigation-item-indicator--inactive--color:var(--digi--color--background--secondary-muted);--digi--header-navigation-item-indicator--inactive-hover--color:var(--digi--color--background--interactive--hover--quarternary);--digi--header-navigation-item-indicator--active--color:var(--digi--color--marking--navigation--selected);display:block;--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a{display:block;text-decoration:none;padding:var(--digi--padding--medium);color:var(--digi--header-navigation-item--color);font-family:var(--digi--header-navigation-item--font-family);font-size:var(--digi--header-navigation-item--font-size)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{background-color:var(--digi--header-navigation-item-indicator--inactive-hover--color);color:var(--digi--header-navigation-item--color-hover);text-decoration:underline}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive-hover--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-header-navigation-item-indicator.sc-digi-header-navigation-item{height:0.25rem;width:100%;background-color:var(--INDICATOR-COLOR)}.digi-header-navigation-item-indicator--active.sc-digi-header-navigation-item{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.digi-header-navigation-item--active.sc-digi-header-navigation-item-s>a,.digi-header-navigation-item--active .sc-digi-header-navigation-item-s>a{font-weight:bold}";
 const DigiHeaderNavigationItemStyle0 = headerNavigationItemCss;
@@ -16,7 +16,7 @@ const HeaderNavigationItem = /*@__PURE__*/ proxyCustomElement(class HeaderNaviga
         };
     }
     render() {
-        return (h("div", { key: 'ae84832cee57e7dc9437572654712dbdf4a11c63', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: '89d12854ecf6fee08a757f25923e91e880128073' }), h("div", { key: 'b4ad93e0d28b0ba23332188554efe851066980e2', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+        return (h("div", { key: 'f70697deec493a88ae225787e33c9781c892b1b5', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: 'de6147b23d7be7aa68d51e293db9ecb9e2fd4d3e' }), h("div", { key: '3ebd2fe503efff9bab1ebf460cb60bcb8e9c878f', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
     }
     static get style() { return DigiHeaderNavigationItemStyle0; }
 }, [6, "digi-header-navigation-item", {

package/components/digi-header-navigation.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../../../libs/arbetsformedlingen/package/dist/types/components";
+import type { Components, JSX } from "../dist/types/components";
 
 interface DigiHeaderNavigation extends Components.DigiHeaderNavigation, HTMLElement {}
 export const DigiHeaderNavigation: {