@designsystem-se/af 31.3.0

package/components/digi-tools-feedback.js

@@ -0,0 +1,179 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
+import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { v as FeedbackVariation, u as ToolsFeedbackType, T as ToolsFeedbackHeadingLevel } from './p-d7211fec.js';
+import { a as LayoutBlockVariation } from './p-d8a98b3b.js';
+import './p-717306ef.js';
+import './p-a4a001e1.js';
+import { B as ButtonSize, b as ButtonVariation } from './p-490d2653.js';
+import './p-7e32c40b.js';
+import './p-7e5ad05a.js';
+import './p-dcdffb3c.js';
+import './p-5d21a361.js';
+import './p-f40f4b2a.js';
+import './p-1f68d501.js';
+import './p-ee88e3f1.js';
+import './p-8142cc73.js';
+import './p-905ccb30.js';
+import './p-bc3d2778.js';
+import './p-c8429245.js';
+import './p-06625463.js';
+import './p-f447b984.js';
+import './p-9c5a93d8.js';
+import './p-7933b555.js';
+import './p-0f6c0360.js';
+import './p-814ca2ad.js';
+import './p-07303cb5.js';
+import './p-5f8dc01a.js';
+import './p-85914c7f.js';
+import './p-91f1460b.js';
+import './p-4a9697a8.js';
+import './p-62c7beb4.js';
+import './p-ad9a707b.js';
+import './p-5ba6737a.js';
+import './p-e4a9f8f0.js';
+import './p-f2a6768b.js';
+import './p-290d1746.js';
+import './p-40657c82.js';
+import './p-f4248a7e.js';
+import './p-95db5a30.js';
+import './p-f600576a.js';
+import './p-3b20ec86.js';
+import './p-9dd5d6c8.js';
+import './p-77a93845.js';
+import './p-06f939ab.js';
+import './p-8cd2d6dd.js';
+import './p-484a1d6d.js';
+import './p-8fa816d6.js';
+import './p-0f3fbb1e.js';
+import './p-820e795b.js';
+import './p-00d6ab21.js';
+import './p-d74742b8.js';
+import './p-6e383896.js';
+import './p-d1886fff.js';
+import './p-a6ca40fc.js';
+import './p-b0e88537.js';
+import './p-903b00e6.js';
+import './p-cdcaf0eb.js';
+import { d as defineCustomElement$4 } from './p-09e0586b.js';
+import { d as defineCustomElement$3 } from './p-037a5a1d.js';
+import { d as defineCustomElement$2 } from './p-fd4e8161.js';
+
+const toolsFeedbackCss = ".digi--util--fs--xs.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tools-feedback{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tools-feedback{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tools-feedback{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tools-feedback{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tools-feedback{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tools-feedback{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tools-feedback{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tools-feedback{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tools-feedback{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tools-feedback{padding:2.5rem !important}.digi--util--p--60.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tools-feedback{padding:4.5rem !important}.digi--util--p--90.sc-digi-tools-feedback{padding:5rem !important}.digi--util--ptb--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tools-feedback{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tools-feedback{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tools-feedback{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tools-feedback{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tools-feedback{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tools-feedback{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tools-feedback{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}.digi--util--hidden.sc-digi-tools-feedback{display:none}.sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--neutral-5);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";
+const DigiToolsFeedbackStyle0 = toolsFeedbackCss;
+
+const ToolsFeedback = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        this.afVariation = FeedbackVariation.PRIMARY;
+        this.afType = ToolsFeedbackType.FULLWIDTH;
+        this.afText = undefined;
+        this.afCloseButtonText = 'Stäng';
+        this.afHeadingLevel = ToolsFeedbackHeadingLevel.H4;
+        this.afFeedback = undefined;
+        this.afId = randomIdGenerator('digi-tools-feedback');
+        this.afIsDone = false;
+        this.currentStep = 1;
+    }
+    afIsDoneHandler() {
+        this.currentStep = 3;
+    }
+    /**
+     * Används för att nollställa.
+     * @en Use to reset interaction.
+     */
+    async afMReset() {
+        this.currentStep = 1;
+    }
+    /**
+     * Används för att ändra steg mellan 1-3.
+     * @en Use to change step between 1-3
+     * @ignore
+     */
+    async afMSetStep(step) {
+        this.currentStep = step;
+    }
+    get cssModifiers() {
+        return {
+            'digi-tools-feedback--primary': this.afVariation === FeedbackVariation.PRIMARY,
+            'digi-tools-feedback--secondary': this.afVariation === FeedbackVariation.SECONDARY,
+            'digi-tools-feedback--step-one': this.currentStep === 1,
+            'digi-tools-feedback--step-two': this.currentStep === 2,
+            'digi-tools-feedback--step-three': this.currentStep === 3,
+            'digi-tools-feedback--fullwidth': this.afType === ToolsFeedbackType.FULLWIDTH,
+            'digi-tools-feedback--grid': this.afType === ToolsFeedbackType.GRID
+        };
+    }
+    get icon() {
+        return (h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", viewBox: "0 0 60 48", version: "1.1", width: "58", height: "48" }, h("title", null, "Chat"), h("g", { id: "Mainpage", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { id: "\u00D6versikt-moduler-feedback-design-v1", transform: "translate(-1121.000000, -1074.000000)" }, h("g", { id: "Group-27-Copy-2", transform: "translate(1122.000000, 1075.000000)" }, h("path", { d: "M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454", id: "Fill-1", fill: "#DEE9B7" }), h("path", { d: "M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904", id: "Stroke-3", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("g", { id: "Group-8" }, h("path", { d: "M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941", id: "Fill-5", fill: "#FFFFFF" }), h("path", { d: "M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941", id: "Stroke-7", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" })), h("line", { x1: "28.4671558", y1: "9.19912763", x2: "9.71648163", y2: "9.19912763", id: "Stroke-9", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "51.0653789", y1: "23.3170842", x2: "47.8731369", y2: "23.3170842", id: "Stroke-11", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "46.5029755", y1: "23.3170842", x2: "43.3107335", y2: "23.3170842", id: "Stroke-13", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "41.9405939", y1: "23.3170842", x2: "38.7483519", y2: "23.3170842", id: "Stroke-15", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "51.0653789", y1: "27.7662735", x2: "46.4946984", y2: "27.7662735", id: "Stroke-17", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "43.2358916", y1: "27.7662735", x2: "38.4564358", y2: "27.7662735", id: "Stroke-19", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "28.4671558", y1: "13.9050986", x2: "9.71648163", y2: "13.9050986", id: "Stroke-21", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "28.4671558", y1: "18.6110914", x2: "9.71648163", y2: "18.6110914", id: "Stroke-23", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "21.4671558", y1: "23.3170842", x2: "9.72", y2: "23.3170842", id: "Stroke-25", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }))))));
+    }
+    get responseIcon() {
+        return (h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29", width: "31", height: "25" }, 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", { 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)" })))))));
+    }
+    get content() {
+        return (h("div", null, this.currentStep === 1 && (h("div", { class: "digi-tools-feedback__container" }, h("div", { class: "digi-tools-feedback__container-header" }, this.icon, h(this.afHeadingLevel, { class: "digi-tools-feedback__container-header-title" }, this.afText)), h("div", { class: "digi-tools-feedback__container-btns" }, h("digi-button", { "af-size": ButtonSize.MEDIUM, "af-variation": ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
+                this.currentStep = 3;
+            } }, "Ja"), h("digi-button", { "af-size": ButtonSize.MEDIUM, "af-variation": ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
+                this.currentStep = 2;
+            } }, "Nej")))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback__container" }, h("div", { class: "digi-tools-feedback__container-header" }, ' ', this.icon, h("div", { class: "digi-tools-feedback__container-header-title" }, "Hur kan vi bli b\u00E4ttre?")))), h("div", { class: "digi-tools-feedback__container-forms" }, h("slot", { name: "form" })), this.currentStep === 3 && (h("div", { class: "digi-tools-feedback__container-header" }, this.responseIcon, h("div", { class: "digi-tools-feedback__container-header-title" }, "Tack f\u00F6r din \u00E5terkoppling!")))));
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    render() {
+        return (h("div", { key: 'cc4d828ecb2cb642204b4a127742bc3b4f38b638', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '6038a1a8251412620d1c390cf5d1a027cf45a474', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "afIsDone": ["afIsDoneHandler"]
+    }; }
+    static get style() { return DigiToolsFeedbackStyle0; }
+}, [6, "digi-tools-feedback", {
+        "afVariation": [1, "af-variation"],
+        "afType": [1, "af-type"],
+        "afText": [1, "af-text"],
+        "afCloseButtonText": [1, "af-close-button-text"],
+        "afHeadingLevel": [1, "af-heading-level"],
+        "afFeedback": [1, "af-feedback"],
+        "afId": [1, "af-id"],
+        "afIsDone": [4, "af-is-done"],
+        "currentStep": [32],
+        "afMReset": [64],
+        "afMSetStep": [64]
+    }, undefined, {
+        "afIsDone": ["afIsDoneHandler"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-tools-feedback", "digi-button", "digi-layout-block", "digi-layout-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-tools-feedback":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ToolsFeedback);
+            }
+            break;
+        case "digi-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "digi-layout-block":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "digi-layout-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DigiToolsFeedback = ToolsFeedback;
+const defineCustomElement = defineCustomElement$1;
+
+export { DigiToolsFeedback, defineCustomElement };

package/components/digi-tools-languagepicker.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DigiToolsLanguagepicker extends Components.DigiToolsLanguagepicker, HTMLElement {}
+export const DigiToolsLanguagepicker: {
+    prototype: DigiToolsLanguagepicker;
+    new (): DigiToolsLanguagepicker;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/digi-tools-languagepicker.js

@@ -0,0 +1,225 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
+import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { d as defineCustomElement$a } from './p-09e0586b.js';
+import { d as defineCustomElement$9 } from './p-9e6f28f2.js';
+import { d as defineCustomElement$8 } from './p-2c789cac.js';
+import { d as defineCustomElement$7 } from './p-e3754128.js';
+import { d as defineCustomElement$6 } from './p-fa160c0e.js';
+import { d as defineCustomElement$5 } from './p-510a98b8.js';
+import { d as defineCustomElement$4 } from './p-a7b46971.js';
+import { d as defineCustomElement$3 } from './p-3c2bb3be.js';
+import { d as defineCustomElement$2 } from './p-e9c9e33c.js';
+
+const toolsLanguagepickerCss = ".digi--util--fs--xs.sc-digi-tools-languagepicker{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tools-languagepicker{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tools-languagepicker{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tools-languagepicker{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tools-languagepicker{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tools-languagepicker{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tools-languagepicker{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tools-languagepicker{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tools-languagepicker{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tools-languagepicker{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tools-languagepicker{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tools-languagepicker{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tools-languagepicker{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tools-languagepicker{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tools-languagepicker{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tools-languagepicker{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tools-languagepicker{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tools-languagepicker{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tools-languagepicker{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tools-languagepicker{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tools-languagepicker{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tools-languagepicker{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tools-languagepicker{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tools-languagepicker{padding:2.5rem !important}.digi--util--p--60.sc-digi-tools-languagepicker{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tools-languagepicker{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tools-languagepicker{padding:4.5rem !important}.digi--util--p--90.sc-digi-tools-languagepicker{padding:5rem !important}.digi--util--ptb--1.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tools-languagepicker{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tools-languagepicker{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tools-languagepicker{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tools-languagepicker{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tools-languagepicker{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tools-languagepicker{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tools-languagepicker{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tools-languagepicker{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tools-languagepicker{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tools-languagepicker{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tools-languagepicker{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tools-languagepicker{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tools-languagepicker{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tools-languagepicker{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tools-languagepicker{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}.digi--util--hidden.sc-digi-tools-languagepicker{display:none}.sc-digi-tools-languagepicker-h{--digi--tools-languagepicker--button--font-size:var(--digi--global--typography--font-size--interaction-medium);--digi--tools-languagepicker--button--font-size--desktop:var(--digi--global--typography--font-size--interaction-medium);--digi--tools-languagepicker--button--padding:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--tools-languagepicker--button--border-radius:var(--digi--border-radius--button);--digi--tools-languagepicker--button--border-radius--hover:var(--digi--border-radius--button);--digi--tools-languagepicker--button--border-radius--focus:var(--digi--border-radius--button);--digi--tools-languagepicker--button--border-radius--active:var(--digi--border-radius--button);--digi--tools-languagepicker--button--color--text:var(--digi--global--color--neutral--grayscale--darkest-5);--digi--tools-languagepicker--button--color--text--hover:var(--digi--color--text--secondary);--digi--tools-languagepicker--button--color--text--focus:var(--digi--color--text--secondary);--digi--tools-languagepicker--button--color--text--active:var(--digi--color--text--secondary);--digi--tools-languagepicker--button--color--background:var(--digi--global--color--neutral--grayscale--lightest-4);--digi--tools-languagepicker--button--color--background--hover:var(--digi--global--color--cta--blue--dark);--digi--tools-languagepicker--button--color--background--focus:var(--digi--global--color--cta--blue--dark);--digi--tools-languagepicker--button--color--background--active:var(--digi--global--color--cta--blue--dark);--digi--tools-languagepicker--button--color--border:var(--digi--global--color--neutral--grayscale--lightest-4);--digi--tools-languagepicker--button--color--border--hover:var(--digi--color--border--secondary);--digi--tools-languagepicker--button--color--border--focus:var(--digi--color--border--secondary);--digi--tools-languagepicker--button--color--border--active:var(--digi--color--border--secondary);--digi--tools-languagepicker--button--border-width:var(--digi--border-width--button);--digi--tools-languagepicker--button--border-width--hover:var(--digi--border-width--button);--digi--tools-languagepicker--button--border-width--focus:var(--digi--border-width--button);--digi--tools-languagepicker--button--border-width--active:var(--digi--border-width--button);--digi--tools-languagepicker--button--border-style:var(--digi--border-style--primary);--digi--tools-languagepicker--button--border-style--hover:var(--digi--border-style--primary);--digi--tools-languagepicker--button--border-style--focus:var(--digi--border-style--primary);--digi--tools-languagepicker--button--border-style--active:var(--digi--border-style--primary)}.sc-digi-tools-languagepicker-h .digi-tools-languagepicker.sc-digi-tools-languagepicker{display:flex;gap:var(--digi--padding--small)}.sc-digi-tools-languagepicker-s .digi-navigation-context-menu__content{--digi--navigation-context-menu--button-icon--margin-left:0.75rem;--digi--navigation-context-menu--button-icon--margin-right:0.375rem;--digi--navigation-context-menu--item--border-top:var(\n      --digi--border-width--primary\n    )\n    solid var(--digi--color--background--neutral-3)}.sc-digi-tools-languagepicker-s .digi-navigation-context-menu__item--selected{background-color:unset !important}.sc-digi-tools-languagepicker-s .digi-navigation-context-menu__trigger-button,.sc-digi-tools-languagepicker-s .digi-tools-languagepicker__buttons{--digi--button--icon--spacing:var(--digi--global--spacing--smallest-2);--digi--button--padding--medium:var(\n    --digi--tools-languagepicker--button--padding\n  );--digi--navigation-context-menu--button-trigger--padding:var(\n    --digi--tools-languagepicker--button--padding\n  );--digi--button--color--background--primary--default:var(\n    --digi--tools-languagepicker--button--color--background\n  );--digi--button--color--background--function--default:var(\n    --digi--tools-languagepicker--button--color--background\n  );--digi--button--color--border--primary--default:var(\n    --digi--tools-languagepicker--button--color--border\n  );--digi--button--color--border--function--default:var(\n    --digi--tools-languagepicker--button--color--border\n  );--digi--button--border-radius--primary--default:var(\n    --digi--tools-languagepicker--button--border-radius\n  );--digi--button--border-radius--function--default:var(\n    --digi--tools-languagepicker--button--border-radius\n  );--digi--button--color--text--primary--default:var(\n    --digi--tools-languagepicker--button--color--text\n  );--digi--button--color--text--function--default:var(\n    --digi--tools-languagepicker--button--color--text\n  );--digi--button--font-size--medium:var(\n    --digi--tools-languagepicker--button--font-size\n  );--digi--navigation-context-menu--button-trigger--font-size:var(\n    --digi--tools-languagepicker--button--font-size\n  );--digi--navigation-context-menu--button-trigger--font-size--desktop:var(\n    --digi--tools-languagepicker--button--font-size\n  );--digi--button--border-width--function--default:var(\n    --digi--tools-languagepicker--button--border-width\n  );--digi--button--border-style--function--default:var(\n    --digi--tools-languagepicker--button--border-style\n  );--digi--button--color--background--primary--hover:var(\n    --digi--color--text--primary\n  );--digi--button--color--background--function--hover:var(\n    --digi--color--text--primary\n  );--digi--button--color--border--primary--hover:var(\n    --digi--color--text--primary\n  );--digi--button--color--border--function--hover:var(\n    --digi--color--text--primary\n  );--digi--button--border-radius--primary--hover:var(\n    --digi--tools-languagepicker--button--border-radius--hover\n  );--digi--button--border-radius--function--hover:var(\n    --digi--tools-languagepicker--button--border-radius--hover\n  );--digi--button--border-style--primary--hover:var(\n    --digi--tools-languagepicker--button--border-style--hover\n  );--digi--button--border-style--function--hover:var(\n    --digi--tools-languagepicker--button--border-style--hover\n  );--digi--button--color--text--primary--hover:var(\n    --digi--color--background--secondary\n  );--digi--button--color--text--function--hover:var(\n    --digi--color--background--secondary\n  );--digi--button--color--background--primary--focus:var(\n    --digi--color--text--primary\n  );--digi--button--color--background--function--focus:var(\n    --digi--color--text--primary\n  );--digi--button--color--border--primary--focus:var(\n    --digi--color--text--primary\n  );--digi--button--color--border--function--focus:var(\n    --digi--color--text--primary\n  );--digi--button--border-radius--primary--focus:var(\n    --digi--tools-languagepicker--button--border-radius--focus\n  );--digi--button--border-radius--function--focus:var(\n    --digi--tools-languagepicker--button--border-radius--focus\n  );--digi--button--border-style--primary--focus:var(\n    --digi--tools-languagepicker--button--border-style--focus\n  );--digi--button--border-style--function--focus:var(\n    --digi--tools-languagepicker--button--border-style--focus\n  );--digi--button--color--text--primary--focus:var(\n    --digi--color--background--secondary\n  );--digi--button--color--text--function--focus:var(\n    --digi--color--background--secondary\n  );--digi--button--color--icon--function--focus:var(\n    --digi--button--color--icon--primary--focus\n  );--digi--button--color--background--primary--active:var(\n    --digi--color--text--primary\n  );--digi--button--color--background--function--active:var(\n    --digi--color--text--primary\n  );--digi--button--color--border--primary--active:var(\n    --digi--color--text--primary\n  );--digi--button--color--border--function--active:var(\n    --digi--color--text--primary\n  );--digi--button--border-radius--primary--active:var(\n    --digi--tools-languagepicker--button--border-radius--active\n  );--digi--button--border-radius--function--active:var(\n    --digi--tools-languagepicker--button--border-radius--active\n  );--digi--button--border-style--primary--active:var(\n    --digi--tools-languagepicker--button--border-style--active\n  );--digi--button--border-style--function--active:var(\n    --digi--tools-languagepicker--button--border-style--active\n  );--digi--button--color--text--primary--active:var(\n    --digi--color--background--secondary\n  );--digi--button--color--text--function--active:var(\n    --digi--color--background--secondary\n  );--digi--button--color--icon--primary--default:var(\n    --digi--global--color--neutral--grayscale--darkest-5\n  );--digi--button--color--icon--primary--hover:var(\n    --digi--button--color--text--primary--hover\n  );--digi--button--color--icon--primary--active:var(\n    --digi--button--color--text--primary--hover\n  );--digi--button--color--icon--function--default:var(\n    --digi--global--color--neutral--grayscale--darkest-5\n  );--digi--button--color--icon--function--hover:var(\n    --digi--button--color--text--primary--hover\n  );--digi--button--color--icon--function--active:var(\n    --digi--button--color--text--primary--hover\n  )}.sc-digi-tools-languagepicker-s .digi-navigation-context-menu__trigger-button .digi-button,.sc-digi-tools-languagepicker-s .digi-tools-languagepicker__buttons .digi-button{min-height:100%;text-decoration:none !important}.sc-digi-tools-languagepicker-s .digi-navigation-context-menu__trigger-button .digi-button [slot=icon],.sc-digi-tools-languagepicker-s .digi-tools-languagepicker__buttons .digi-button [slot=icon]{--digi--icon--height:1.3em;--digi--icon--width:1.3em}.sc-digi-tools-languagepicker-s .digi-navigation-context-menu__trigger-button .digi-button__icon--secondary,.sc-digi-tools-languagepicker-s .digi-tools-languagepicker__buttons .digi-button__icon--secondary{padding-left:var(--digi--gutter--smaller)}.sc-digi-tools-languagepicker-s .digi-tools-languagepicker__buttons.hide-text .digi-button__text{min-height:100%}@media screen and (max-width: 35.9375rem){.sc-digi-tools-languagepicker-s .digi-tools-languagepicker__buttons.hide-text .digi-button__text{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}}";
+const DigiToolsLanguagepickerStyle0 = toolsLanguagepickerCss;
+
+const ToolsLanguagepicker = /*@__PURE__*/ proxyCustomElement(class ToolsLanguagepicker extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.afOnInactive = createEvent(this, "afOnInactive", 7);
+        this.afOnActive = createEvent(this, "afOnActive", 7);
+        this.afOnBlur = createEvent(this, "afOnBlur", 7);
+        this.afOnFocus = createEvent(this, "afOnFocus", 7);
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnToggle = createEvent(this, "afOnToggle", 7);
+        this.afOnSelect = createEvent(this, "afOnSelect", 7);
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        this.afLanguagepickerText = undefined;
+        this._afLanguagepickerText = undefined;
+        this.afListenText = 'Lyssna';
+        this._afListenText = undefined;
+        this.afSignlangText = 'Teckenspråk';
+        this._afSignlangText = undefined;
+        this.afId = randomIdGenerator('digi-tools-languagepicker');
+        this._afId = undefined;
+        this.afLanguagepickerStartSelected = 1;
+        this._afLanguagepickerStartSelected = undefined;
+        this.afLanguagepickerItems = undefined;
+        this._afLanguagepickerItems = undefined;
+        this.afLanguagepickerHide = false;
+        this._afLanguagepickerHide = undefined;
+        this.afListenShow = false;
+        this._afListenShow = undefined;
+        this.afSignlangHide = false;
+        this._afSignlangHide = undefined;
+        this._hideButtonText = undefined;
+        this._languagepickerIcon = undefined;
+    }
+    watchHandler_afLanguagepickerText() {
+        this._afLanguagepickerText = this.afLanguagepickerText;
+    }
+    watchHandler_afListenText() {
+        this._afListenText = this.afListenText;
+    }
+    watchHandler_afSignlangText() {
+        this._afSignlangText = this.afSignlangText;
+    }
+    watchHandler_afId() {
+        this._afId = this.afId;
+    }
+    watchHandler_afLanguagepickerStartSelected() {
+        this._afLanguagepickerStartSelected = this.afLanguagepickerStartSelected;
+    }
+    watchHandler_afLanguagepickerItems() {
+        this._afLanguagepickerItems = this.afLanguagepickerItems;
+    }
+    watchHandler_afLanguagepickerHide() {
+        this._afLanguagepickerHide = this.afLanguagepickerHide;
+        this.updateHideButtonTextState();
+    }
+    watchHandler_afListenShow() {
+        this._afListenShow = this.afListenShow;
+        this.updateHideButtonTextState();
+    }
+    watchHandler_afSignlangHide() {
+        this._afSignlangHide = this.afSignlangHide;
+        this.updateHideButtonTextState();
+    }
+    updateHideButtonTextState() {
+        this._hideButtonText =
+            (this._afLanguagepickerHide ||
+                !this._afListenShow ||
+                this._afSignlangHide) === false;
+    }
+    setLanguagePickerIcon() {
+        this._languagepickerIcon = 'language-outline';
+        return h("digi-icon-language-outline", null);
+    }
+    componentWillLoad() {
+        this.watchHandler_afLanguagepickerText();
+        this.watchHandler_afId();
+        this.watchHandler_afLanguagepickerStartSelected();
+        this.watchHandler_afLanguagepickerItems();
+        this.watchHandler_afListenText();
+        this.watchHandler_afSignlangText();
+        this.watchHandler_afLanguagepickerHide();
+        this.watchHandler_afListenShow();
+        this.watchHandler_afSignlangHide();
+        this.setLanguagePickerIcon();
+    }
+    get cssModifiers() {
+        return {};
+    }
+    render() {
+        return (h("div", { key: 'ffd7cbdf0b93c74a42ec4b242290321ac482ac60', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (h("digi-navigation-context-menu", { key: '655becc762728d8227d009f8cd86183f6f51f2a3', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (h("digi-button", { key: '568d44ea3a0dc3db8db547efb1ace3355a5d5d67', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+                this.afOnClick.emit(event);
+            }, onAfOnBlur: (event) => {
+                this.afOnBlur.emit(event);
+            }, onAfOnFocus: (event) => {
+                this.afOnFocus.emit(event);
+            }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, h("digi-icon-volume", { key: '81c05b9af8d16e895d409282ca6eb99be4c10534', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (h("digi-button", { key: 'deff4c634de18658b87af986a9a83ea6abb4cf98', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+                this.afOnClick.emit(event);
+            }, onAfOnBlur: (event) => {
+                this.afOnBlur.emit(event);
+            }, onAfOnFocus: (event) => {
+                this.afOnFocus.emit(event);
+            }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, h("digi-icon-sign", { key: '5a9253c4615ac533ebaff672bf0453315eda3395', slot: "icon" }), this._afSignlangText))));
+    }
+    static get watchers() { return {
+        "afLanguagepickerText": ["watchHandler_afLanguagepickerText"],
+        "afListenText": ["watchHandler_afListenText"],
+        "afSignlangText": ["watchHandler_afSignlangText"],
+        "afId": ["watchHandler_afId"],
+        "afLanguagepickerStartSelected": ["watchHandler_afLanguagepickerStartSelected"],
+        "afLanguagepickerItems": ["watchHandler_afLanguagepickerItems"],
+        "afLanguagepickerHide": ["watchHandler_afLanguagepickerHide"],
+        "afListenShow": ["watchHandler_afListenShow"],
+        "afSignlangHide": ["watchHandler_afSignlangHide"]
+    }; }
+    static get style() { return DigiToolsLanguagepickerStyle0; }
+}, [2, "digi-tools-languagepicker", {
+        "afLanguagepickerText": [1, "af-languagepicker-text"],
+        "afListenText": [1, "af-listen-text"],
+        "afSignlangText": [1, "af-signlang-text"],
+        "afId": [1, "af-id"],
+        "afLanguagepickerStartSelected": [2, "af-languagepicker-start-selected"],
+        "afLanguagepickerItems": [1, "af-languagepicker-items"],
+        "afLanguagepickerHide": [4, "af-languagepicker-hide"],
+        "afListenShow": [4, "af-listen-show"],
+        "afSignlangHide": [4, "af-signlang-hide"],
+        "_afLanguagepickerText": [32],
+        "_afListenText": [32],
+        "_afSignlangText": [32],
+        "_afId": [32],
+        "_afLanguagepickerStartSelected": [32],
+        "_afLanguagepickerItems": [32],
+        "_afLanguagepickerHide": [32],
+        "_afListenShow": [32],
+        "_afSignlangHide": [32],
+        "_hideButtonText": [32],
+        "_languagepickerIcon": [32]
+    }, undefined, {
+        "afLanguagepickerText": ["watchHandler_afLanguagepickerText"],
+        "afListenText": ["watchHandler_afListenText"],
+        "afSignlangText": ["watchHandler_afSignlangText"],
+        "afId": ["watchHandler_afId"],
+        "afLanguagepickerStartSelected": ["watchHandler_afLanguagepickerStartSelected"],
+        "afLanguagepickerItems": ["watchHandler_afLanguagepickerItems"],
+        "afLanguagepickerHide": ["watchHandler_afLanguagepickerHide"],
+        "afListenShow": ["watchHandler_afListenShow"],
+        "afSignlangHide": ["watchHandler_afSignlangHide"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-tools-languagepicker", "digi-button", "digi-icon-check", "digi-icon-chevron-down", "digi-icon-language-outline", "digi-icon-sign", "digi-icon-volume", "digi-navigation-context-menu", "digi-util-keydown-handler", "digi-util-mutation-observer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-tools-languagepicker":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ToolsLanguagepicker);
+            }
+            break;
+        case "digi-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "digi-icon-check":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "digi-icon-chevron-down":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "digi-icon-language-outline":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "digi-icon-sign":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "digi-icon-volume":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "digi-navigation-context-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "digi-util-keydown-handler":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "digi-util-mutation-observer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DigiToolsLanguagepicker = ToolsLanguagepicker;
+const defineCustomElement = defineCustomElement$1;
+
+export { DigiToolsLanguagepicker, defineCustomElement };

package/components/digi-typography-heading-jumbo.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DigiTypographyHeadingJumbo extends Components.DigiTypographyHeadingJumbo, HTMLElement {}
+export const DigiTypographyHeadingJumbo: {
+    prototype: DigiTypographyHeadingJumbo;
+    new (): DigiTypographyHeadingJumbo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/digi-typography-heading-jumbo.js

@@ -0,0 +1,52 @@
+import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
+import { T as TypographyHeadingJumboLevel, a as TypographyHeadingJumboVariation } from './p-d1886fff.js';
+
+const typographyHeadingJumboCss = ".digi--util--fs--xs.sc-digi-typography-heading-jumbo{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-typography-heading-jumbo{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-typography-heading-jumbo{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-typography-heading-jumbo{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-typography-heading-jumbo{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-typography-heading-jumbo{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-typography-heading-jumbo{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-typography-heading-jumbo{padding-top:5rem !important}.digi--util--pb--1.sc-digi-typography-heading-jumbo{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-typography-heading-jumbo{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-typography-heading-jumbo{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-typography-heading-jumbo{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-typography-heading-jumbo{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-typography-heading-jumbo{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-typography-heading-jumbo{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-typography-heading-jumbo{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-typography-heading-jumbo{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-typography-heading-jumbo{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-typography-heading-jumbo{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-typography-heading-jumbo{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-typography-heading-jumbo{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-typography-heading-jumbo{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-typography-heading-jumbo{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-typography-heading-jumbo{padding:2.5rem !important}.digi--util--p--60.sc-digi-typography-heading-jumbo{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-typography-heading-jumbo{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-typography-heading-jumbo{padding:4.5rem !important}.digi--util--p--90.sc-digi-typography-heading-jumbo{padding:5rem !important}.digi--util--ptb--1.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-typography-heading-jumbo{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-typography-heading-jumbo{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-typography-heading-jumbo{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-typography-heading-jumbo{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-typography-heading-jumbo{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-typography-heading-jumbo{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-typography-heading-jumbo{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-typography-heading-jumbo{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-typography-heading-jumbo{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-typography-heading-jumbo{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-typography-heading-jumbo{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-typography-heading-jumbo{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-typography-heading-jumbo{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-typography-heading-jumbo{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-typography-heading-jumbo{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}.digi--util--hidden.sc-digi-typography-heading-jumbo{display:none}.sc-digi-typography-heading-jumbo-h{display:block}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary, --digi--color--text--primary);font-weight:var(--digi--typography--heading-jumbo--font-weight--desktop)}@media (min-width: 62rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop-large)}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo{color:var(--digi--grayscale-0)}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{content:\"\";width:11.875rem;height:0.4375rem;background:var(--digi--color--background--inverted-1);display:block;margin-top:var(--digi--padding--small)}@media (min-width: 62rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{width:13.75rem;margin-top:var(--digi--margin--h2-large);height:0.625rem}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo::after{background:var(--digi--leaf-500)}digi-typography .sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{margin-bottom:var(--digi--margin--medium)}";
+const DigiTypographyHeadingJumboStyle0 = typographyHeadingJumboCss;
+
+const TypographyHeadingJumbo = /*@__PURE__*/ proxyCustomElement(class TypographyHeadingJumbo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.afText = '';
+        this.afVariation = undefined;
+        this.afLevel = TypographyHeadingJumboLevel.H1;
+        this.afLang = 'sv';
+    }
+    focusOnHeading() {
+        this.headingElement.focus();
+    }
+    get cssModifiers() {
+        return {
+            'digi-typography-heading-jumbo--primary': this.afVariation === TypographyHeadingJumboVariation.PRIMARY,
+            'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY,
+        };
+    }
+    render() {
+        return (h(this.afLevel, { key: '223f6f8aa2a0d181759a96d8d4537c26dff01848', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+    }
+    static get style() { return DigiTypographyHeadingJumboStyle0; }
+}, [2, "digi-typography-heading-jumbo", {
+        "afText": [1, "af-text"],
+        "afVariation": [1, "af-variation"],
+        "afLevel": [1, "af-level"],
+        "afLang": [1, "af-lang"]
+    }, [[0, "focus", "focusOnHeading"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-typography-heading-jumbo"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-typography-heading-jumbo":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TypographyHeadingJumbo);
+            }
+            break;
+    } });
+}
+
+const DigiTypographyHeadingJumbo = TypographyHeadingJumbo;
+const defineCustomElement = defineCustomElement$1;
+
+export { DigiTypographyHeadingJumbo, defineCustomElement };

package/components/digi-typography-meta.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DigiTypographyMeta extends Components.DigiTypographyMeta, HTMLElement {}
+export const DigiTypographyMeta: {
+    prototype: DigiTypographyMeta;
+    new (): DigiTypographyMeta;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/digi-typography-meta.js

@@ -0,0 +1,6 @@
+import { T as TypographyMeta, d as defineCustomElement$1 } from './p-2d79a104.js';
+
+const DigiTypographyMeta = TypographyMeta;
+const defineCustomElement = defineCustomElement$1;
+
+export { DigiTypographyMeta, defineCustomElement };

package/components/digi-typography-preamble.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DigiTypographyPreamble extends Components.DigiTypographyPreamble, HTMLElement {}
+export const DigiTypographyPreamble: {
+    prototype: DigiTypographyPreamble;
+    new (): DigiTypographyPreamble;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/digi-typography-preamble.js

@@ -0,0 +1,33 @@
+import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
+
+const typographyPreambleCss = ".sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--preamble--font-size--mobile);font-weight:var(--digi--typography--preamble--font-weight--desktop);line-height:var(--digi--typography--preamble--line-height--mobile);color:var(--digi--color--text--primary);max-width:var(--digi--paragraph-width--medium)}@media (min-width: 62rem){.sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-size:var(--digi--typography--preamble--font-size--desktop);line-height:var(--digi--typography--preamble--line-height--desktop)}}";
+const DigiTypographyPreambleStyle0 = typographyPreambleCss;
+
+const TypographyPreamble = /*@__PURE__*/ proxyCustomElement(class TypographyPreamble extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("p", { key: '312153faaf82163fd7c31e4964a908becfc1097c', class: "digi-typography-preamble" }, h("slot", { key: '9bc372ab98075d75b7c5ced5d927711cadb3283d' })));
+    }
+    static get style() { return DigiTypographyPreambleStyle0; }
+}, [6, "digi-typography-preamble"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-typography-preamble"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-typography-preamble":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TypographyPreamble);
+            }
+            break;
+    } });
+}
+
+const DigiTypographyPreamble = TypographyPreamble;
+const defineCustomElement = defineCustomElement$1;
+
+export { DigiTypographyPreamble, defineCustomElement };