@designsystem-se/af 39.4.0-beta.darkmode.1 → 39.5.0

package/components/p-DEniJ8oN.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconPodCss = () => `.sc-digi-icon-pod-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-pod-h svg.sc-digi-icon-pod{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconPod = /*@__PURE__*/ proxyCustomElement(class IconPod extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '8b17016789ca62a4f7e870ece98e4774a0b64a57', class: "digi-icon-pod", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '739b22ac925d3b04f432edf17feefacf1afa7346', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e2f22ba1554711bb111f6889ec4550e4cb8aa692' }, this.afDesc), h("g", { key: '31207e78aaf7ec690667af5d60cd0a6a3e73e75d', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'ab6c6d335d69c3c4c31c175989944fb2f2e51f8e', transform: "translate(-124, -890)", fill: "currentColor" }, h("g", { key: '5de989ec666c606edd998e221304e5177ff6ef9d', transform: "translate(140.7917, 890)" }, h("path", { key: 'fca43c93b5703e5a6197df141f8072f2f06b824c', d: "M14.2851687,44.5890982 L14.2851687,44.5890982 C10.4642762,44.5890982 7.337991,41.462813 7.337991,37.6419205 L7.337991,26.1935988 C7.337991,22.3727062 10.4642762,19.246421 14.2851687,19.246421 L14.2851687,19.246421 C18.1060613,19.246421 21.2323465,22.3727062 21.2323465,26.1935988 L21.2323465,37.6419205 C21.2323465,41.462813 18.1060613,44.5890982 14.2851687,44.5890982" }), h("path", { key: '646c41f23da1b62893e843ba902c2d08b508be76', d: "M14.2852792,53.354292 C6.40827729,53.354292 0,46.9460147 0,39.0690128 L0,34.9720442 C0,33.7528923 0.988352262,32.7634358 2.20860841,32.7634358 C3.42776025,32.7634358 4.41721681,33.7528923 4.41721681,34.9720442 L4.41721681,39.0690128 C4.41721681,44.5099196 8.84437237,48.9370751 14.2852792,48.9370751 C19.726186,48.9370751 24.1533415,44.5099196 24.1533415,39.0690128 L24.1533415,34.9720442 C24.1533415,33.7528923 25.1427981,32.7634358 26.36195,32.7634358 C27.5822061,32.7634358 28.5705584,33.7528923 28.5705584,34.9720442 L28.5705584,39.0690128 C28.5705584,46.9460147 22.1622811,53.354292 14.2852792,53.354292" }), h("path", { key: 'a2c2721fcde89385d8b80c0f32fc2102699df890', d: "M14.2852792,61.0154024 C13.0661273,61.0154024 12.0766708,60.0259458 12.0766708,58.806794 L12.0766708,51.1451314 C12.0766708,49.9259796 13.0661273,48.936523 14.2852792,48.936523 C15.504431,48.936523 16.4938876,49.9259796 16.4938876,51.1451314 L16.4938876,58.806794 C16.4938876,60.0259458 15.504431,61.0154024 14.2852792,61.0154024" }), h("path", { key: 'e6ae31ecc0bc2965ea2edcf8fd862bc7f5b4d444', d: "M21.4881033,16.9698979 C20.9226996,16.9698979 20.3584001,16.7545586 19.9266172,16.32388 C16.8157923,13.2119507 11.7547661,13.213055 8.64394115,16.3227757 C7.78258388,17.1852372 6.38232615,17.1852372 5.52096887,16.3227757 C4.65850728,15.4603141 4.65850728,14.0622649 5.52096887,13.1998034 C10.3534041,8.36736817 18.2171543,8.36736817 23.0495895,13.1986991 C23.9120511,14.0622649 23.9120511,15.4603141 23.0506938,16.3227757 C22.6189109,16.7545586 22.0535071,16.9698979 21.4881033,16.9698979" }), h("path", { key: '6bf28c50509384419b24333d030532ee8eca8998', d: "M25.9835049,9.25379315 C25.4181011,9.25379315 24.8526974,9.03845383 24.4220188,8.60667089 C18.8320309,3.01778731 9.73808576,3.01778731 4.14920218,8.60667089 C3.2867406,9.46913247 1.88758718,9.46913247 1.02512559,8.60667089 C0.162664009,7.7442093 0.162664009,6.34616018 1.02512559,5.4836986 C8.33782803,-1.82789953 20.2333929,-1.82789953 27.544991,5.4836986 C28.4074526,6.34616018 28.4074526,7.7442093 27.544991,8.60667089 C27.1143124,9.03845383 26.5489087,9.25379315 25.9835049,9.25379315" }), h("path", { key: 'e745df84c45ae6c80a3799e2a5e34233d511a437', d: "M22.8108389,62 L5.76038202,62 C4.54012587,62 3.55177361,61.0105434 3.55177361,59.7913916 C3.55177361,58.5722398 4.54012587,57.5827832 5.76038202,57.5827832 L22.8108389,57.5827832 C24.0299908,57.5827832 25.0194473,58.5722398 25.0194473,59.7913916 C25.0194473,61.0105434 24.0299908,62 22.8108389,62" }))))));
+    }
+    static get style() { return iconPodCss(); }
+}, [2, "digi-icon-pod", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-pod"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-pod":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconPod);
+            }
+            break;
+    } });
+}
+
+export { IconPod as I, defineCustomElement as d };

package/components/p-DLLEkDlG.js

@@ -0,0 +1,200 @@
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { N as NotificationAlertHeadingLevel, m as NotificationAlertSize, n as NotificationAlertVariation, r as TypographyVariation } from './p-CEr0zDQh.js';
+import './p-CKoZU0-H.js';
+import './p-C0A-p3cU.js';
+import { b as ButtonVariation } from './p-DNHRmpND.js';
+import './p-DH_-wpLB.js';
+import './p-DPeoHh1J.js';
+import './p-qc6KRZue.js';
+import './p-DwNlf6Sh.js';
+import './p-C6B2KRZo.js';
+import './p-CES5gUEo.js';
+import './p-DzSu1-K0.js';
+import './p-6-MpaVf8.js';
+import './p-BfyJgcLA.js';
+import './p-BvWKyXb_.js';
+import './p-7F-7XlTz.js';
+import './p-Dp9SgP94.js';
+import './p-CAr8ZNeD.js';
+import './p-DcnvI7UR.js';
+import './p-DCS1KcvC.js';
+import './p-DogB9kfH.js';
+import './p-B8hpiXmh.js';
+import './p-u37CGyZ9.js';
+import './p-PuRFa9pe.js';
+import './p-rbgkevJv.js';
+import './p-DJCufAhy.js';
+import './p-oKq_eErM.js';
+import './p-CPzcg9n3.js';
+import './p-CsNHGpkJ.js';
+import './p-D_VIx0pC.js';
+import './p-ArGkfrXt.js';
+import './p-Chk3GCYK.js';
+import './p-evtVuhQt.js';
+import './p-V-HTxO5a.js';
+import './p-DPkRL9Bv.js';
+import './p-D0CENVum.js';
+import './p-DE6sqPn9.js';
+import './p-DXqRzyRP.js';
+import './p-DoZkBEe8.js';
+import './p-m9xS70Ez.js';
+import './p-CmH9mJ43.js';
+import './p-DBcU_EnL.js';
+import './p-BvcVTm_t.js';
+import './p-bQJ38En_.js';
+import './p-DrVSK7Ws.js';
+import './p-CAmn5qzb.js';
+import './p-DpDyNuVC.js';
+import './p-DNjGvZvz.js';
+import './p-CHxBAbI8.js';
+import './p-rhVqmQwC.js';
+import './p-DPq588Q4.js';
+import { d as defineCustomElement$7 } from './p-DemQeKh3.js';
+import { d as defineCustomElement$6 } from './p-DnJCFNm5.js';
+import { d as defineCustomElement$5 } from './p-B9UYscjl.js';
+import { d as defineCustomElement$4 } from './p-jYvNqdvL.js';
+import { d as defineCustomElement$3 } from './p-BThsC9IH.js';
+import { d as defineCustomElement$2 } from './p-C20gV1vB.js';
+import { d as defineCustomElement$1 } from './p-BWa37pr6.js';
+
+const notificationAlertCss = () => `.sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__main-wrapper.sc-digi-notification-alert{flex:1}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 36rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}`;
+
+const NotificationAlert = /*@__PURE__*/ proxyCustomElement(class NotificationAlert extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnClose = createEvent(this, "afOnClose", 7);
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        this.listItems = [];
+        /**
+         * Sätter rubrikens vikt. 'h2' är förvalt.
+         * @en Set heading level. Default is 'h2'
+         */
+        this.afHeadingLevel = NotificationAlertHeadingLevel.H2;
+        /**
+         * Sätter storlek. Kan vara 'small', 'medium' eller 'large'.
+         * @en Set size of alert notification. Can be 'small', 'medium' or 'large'.
+         */
+        this.afSize = NotificationAlertSize.LARGE;
+        /**
+         * Sätter variant. Kan vara 'info', 'success', 'warning' eller 'danger'.
+         * @en Set variation of alert notification. Can be 'info', 'success', 'warning' or 'danger'.
+         */
+        this.afVariation = NotificationAlertVariation.INFO;
+        /**
+         * Gör det möjligt att stänga meddelandet med en stängknapp
+         * @en If true, the close button is added to the component
+         */
+        this.afCloseable = false;
+        /**
+         * Stängknappens attribut 'aria-label'
+         * @en Close button aria-label attribute
+         */
+        this.afCloseAriaLabel = 'Stäng meddelandet';
+        /**
+         * Sätter attributet 'id'. Ges inget värde så genereras ett slumpmässigt.
+         * @en Label id attribute. Defaults to random string.
+         */
+        this.afId = randomIdGenerator('digi-notification-alert');
+    }
+    /**
+     * Hämtar en referens till rubrikelementet. Bra för att t.ex. sätta fokus programmatiskt.
+     * @en Returns a reference to the heading element. Handy for setting focus programmatically.
+     */
+    async afMGetHeadingElement() {
+        return this._heading;
+    }
+    clickHandler(e) {
+        this.afOnClose.emit(e);
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    get cssModifiers() {
+        return {
+            [`digi-notification-alert--size-${this.afSize}`]: !!this.afSize,
+            [`digi-notification-alert--variation-${this.afVariation}`]: !!this.afVariation,
+            'digi-notification-alert--closeable': this.afCloseable
+        };
+    }
+    get icon() {
+        switch (this.afVariation) {
+            case NotificationAlertVariation.SUCCESS:
+                return h("digi-icon-notification-succes", null);
+            case NotificationAlertVariation.WARNING:
+                return h("digi-icon-notification-warning", null);
+            case NotificationAlertVariation.DANGER:
+                return h("digi-icon-notification-error", null);
+            default:
+                return h("digi-icon-notification-info", null);
+        }
+    }
+    render() {
+        return (h("div", { key: '06b662b38c21251d982cd6cc6417164ebe5b0f08', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '249295b284c985979b291cdb58ad03f713efa608', class: "digi-notification-alert__layout" }, h("div", { key: '02b33f8ff14aa6a1b0b3ea490964cacd56c624b5', class: "digi-notification-alert__icon-wrapper" }, h("div", { key: '4cdb7de9130f6712ef50493ce480dbad50df550a', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: 'e9b7aed74218aea36b98c694fca43af4bdeeb2cc', class: "digi-notification-alert__main-wrapper" }, h("div", { key: '60d2d267dea2345880b881abbfe2a2242a7919ef', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'e33933cccbe97ff54561866385fb012f5eabe5e5', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'af68312938f81499cd6a362c36dd0457af3496ef', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: 'e7b6086dc4df853eca391994c6138814f89bc87a', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '9c23dc1ef91e54d0f65fe037b8fd247123d6b456', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: 'a9a75d20a3b6d1adeeb9ed90ea5a5ea8e2e3e5a5', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '0851d1553115530c3b58e17f97317d476f5bcfad', class: "digi-notification-alert__content" }, h("digi-typography", { key: '83f587aee2d61db7cd9b1e19152b46f795f3bce1', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'd15a0a9e7aaf1a42049ee3b528b8574c8a286f4a' })))))))));
+    }
+    get hostElement() { return this; }
+    static get style() { return notificationAlertCss(); }
+}, [262, "digi-notification-alert", {
+        "afHeading": [1, "af-heading"],
+        "afHeadingLevel": [1, "af-heading-level"],
+        "afSize": [1, "af-size"],
+        "afVariation": [1, "af-variation"],
+        "afCloseable": [4, "af-closeable"],
+        "afCloseAriaLabel": [1, "af-close-aria-label"],
+        "afId": [1, "af-id"],
+        "afMGetHeadingElement": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-notification-alert", "digi-button", "digi-icon-notification-error", "digi-icon-notification-info", "digi-icon-notification-succes", "digi-icon-notification-warning", "digi-icon-x", "digi-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-notification-alert":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), NotificationAlert);
+            }
+            break;
+        case "digi-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$7();
+            }
+            break;
+        case "digi-icon-notification-error":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "digi-icon-notification-info":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "digi-icon-notification-succes":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "digi-icon-notification-warning":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "digi-icon-x":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "digi-typography":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { NotificationAlert as N, defineCustomElement as d };

package/components/p-DOZCE-s1.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconPaperclipCss = () => `.sc-digi-icon-paperclip-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-paperclip-h svg.sc-digi-icon-paperclip{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconPaperclip = /*@__PURE__*/ proxyCustomElement(class IconPaperclip extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '43a7e9153e0a66692504b4f82ca70ec44e036c88', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '74316fb41678990c6b7a6bf36a92ce93af333d20', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1a48e16aed7f0d14832b3eb6434879e87309db34' }, this.afDesc), h("path", { key: '7d1f76b41f8d815114f83850f30c5ed2b1fdccd2', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconPaperclipCss(); }
+}, [2, "digi-icon-paperclip", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-paperclip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-paperclip":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconPaperclip);
+            }
+            break;
+    } });
+}
+
+export { IconPaperclip as I, defineCustomElement as d };

package/components/p-DOiOVxFv.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconInputSelectMarkerCss = () => `.sc-digi-icon-input-select-marker-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-input-select-marker-h svg.sc-digi-icon-input-select-marker{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconInputSelectMarker = /*@__PURE__*/ proxyCustomElement(class IconInputSelectMarker extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icon-input-select-marker');
+    }
+    render() {
+        return (h("svg", { key: '68be31c297d8ad9c6cd8993eaf6ca4604a49b39d', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && h("title", { key: '66573cd92bcf05847d590a58d1a4b2a46bf6dda5', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '018b09bea39cebbb193fe291dccdefeef6d95183' }, this.afDesc), h("path", { key: 'b91c5671b1c3f07b8f9b24a93cd775846a0a894a', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+    static get style() { return iconInputSelectMarkerCss(); }
+}, [2, "digi-icon-input-select-marker", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-input-select-marker"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-input-select-marker":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconInputSelectMarker);
+            }
+            break;
+    } });
+}
+
+export { IconInputSelectMarker as I, defineCustomElement as d };

package/components/p-DP-aVu6l.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconExternalLinkAltCss = () => `.sc-digi-icon-external-link-alt-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-external-link-alt-h svg.sc-digi-icon-external-link-alt{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconExternalLinkAlt = /*@__PURE__*/ proxyCustomElement(class IconExternalLinkAlt extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '3a0edae1ea9722b450f61a3acd67c75db263c6c7', class: "digi-icon-external-link-alt", width: "29", height: "26", viewBox: "0 0 29 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && h("title", { key: 'd27bfd5b50982f778e0e09562b9710e2088bd3dd', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b5cc2906d2f14cb460e0db9ed8e1f0b3e71fda0b' }, this.afDesc), h("path", { key: 'da2b4504703db43241d1e09aedbae377cdb23d8c', class: "digi-icon-external-link-alt__shape", d: "M22.556 12.28v11.283A2.427 2.427 0 0120.139 26H2.417A2.427 2.427 0 010 23.562V5.688A2.427 2.427 0 012.417 3.25h17.117c.538 0 .807.656.427 1.04L18.752 5.51a.602.602 0 01-.427.178H2.72a.303.303 0 00-.302.305v17.266c0 .168.135.305.302.305h17.118a.303.303 0 00.302-.305v-9.76c0-.16.064-.316.177-.43l1.208-1.219a.604.604 0 011.032.431zM28.396 0h-6.847c-.536 0-.807.657-.427 1.04l2.426 2.448L9.844 17.311a.613.613 0 000 .862l1.139 1.149a.6.6 0 00.854 0L25.542 5.499l2.427 2.447A.604.604 0 0029 7.516V.608C29 .273 28.73 0 28.396 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconExternalLinkAltCss(); }
+}, [2, "digi-icon-external-link-alt", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-external-link-alt"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-external-link-alt":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconExternalLinkAlt);
+            }
+            break;
+    } });
+}
+
+export { IconExternalLinkAlt as I, defineCustomElement as d };

package/components/p-DSSKRj1T.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconOnlineVideoCss = () => `.sc-digi-icon-online-video-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-online-video-h svg.sc-digi-icon-online-video{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconOnlineVideo = /*@__PURE__*/ proxyCustomElement(class IconOnlineVideo extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: 'cd0d7aba4adee901a315a04b2802bb54c1590bf9', class: "digi-icon-online-video", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '0348b811c8ab32da7e1b798d2c2b1f310e038d60', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '16c659247b145f65d4c83823b626d19448095074' }, this.afDesc), h("defs", { key: '88936213f65505b91fbd9b9459d3ee94f33e8556' }, h("polygon", { key: '412812700022f59c0e3da761b3ccdd0032d6e77d', id: "path-1", points: "0 0 57.8288208 0 57.8288208 31.6225833 0 31.6225833" }), h("polygon", { key: '41e364ce56210580f73e06cd2a4800d1045f0bc0', id: "path-3", points: "0 0 10.1235667 0 10.1235667 4.72491667 0 4.72491667" }), h("polygon", { key: '260d07974e40cce423c324fe64b19d0f79d3401f', id: "path-5", points: "0 0 31.6055333 0 31.6055333 4.72491667 0 4.72491667" }), h("polygon", { key: '980e16d754c58a77a42e5ac94b1f6830d92f25db', id: "path-7", points: "0 0 8.24083333 0 8.24083333 8.24070417 0 8.24070417" })), h("g", { key: '34f6a9e8373850643d910fd7a14ce5e065eef144', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'ee0f68b896a8f795475f3f99e6cf19e56f6b0f20', transform: "translate(-41, -890)" }, h("g", { key: '44d9c355945c43c8ca5abb97cf4db6cd49bcb0b6', transform: "translate(43.5833, 897.75)" }, h("g", { key: 'dc2ab6aa5d16f18f3fa3a4da99dfef0645d1cf96', transform: "translate(0, 0)" }, h("g", { key: '4b4c076f8dc06f8990bf4e748206b240640d4fac' }, h("mask", { key: 'c865318adbab7f9a9895f31ffd83666025a8b7f0', fill: "white" }, h("use", { key: '6ea72bdf4718a0ea72b792d3b24172dff344faac', href: "#path-1" })), h("g", { key: '5ebea525878e7d94deaab832a31a7cfe75597f2c' }), h("path", { key: 'e4598e11b56b5e768dec86ce8097ec02f09f90a9', d: "M35.4494042,16.844625 L23.6435708,23.66075 C23.4472375,23.7744167 23.2302375,23.8299583 23.0119458,23.8299583 C22.7936542,23.8299583 22.5753625,23.7744167 22.3803208,23.66075 C21.9889458,23.4347083 21.7486958,23.0187917 21.7486958,22.5667083 L21.7486958,8.93445833 C21.7486958,8.482375 21.9889458,8.06516667 22.3803208,7.84041667 C22.7704042,7.614375 23.2521958,7.614375 23.6435708,7.84041667 L35.4494042,14.6565417 C35.8407792,14.8812917 36.0810292,15.2997917 36.0810292,15.7505833 C36.0810292,16.201375 35.8407792,16.6185833 35.4494042,16.844625 M55.2971542,0 L2.53257083,0 C1.14015417,0 -0.0003875,1.13925 -0.0003875,2.53166667 L-0.0003875,29.089625 C-0.0003875,30.4820417 1.14015417,31.6225833 2.53257083,31.6225833 L55.2971542,31.6225833 C56.6895708,31.6225833 57.8288208,30.4820417 57.8288208,29.089625 L57.8288208,2.53166667 C57.8288208,1.13925 56.6895708,0 55.2971542,0", fill: "currentColor" })), h("g", { key: '3870efbebece360b904ab005549c9491d436e835', transform: "translate(0, 40.7418)" }, h("mask", { key: 'e44435804065704a36fc2de7c539e20af52546df', fill: "white" }, h("use", { key: 'a50392c79b4668d3d4e7770bfbcd5d0117696de7', href: "#path-3" })), h("g", { key: '02b098814454dbc8ab216db30af9a23070b640da' }), h("path", { key: '0d4190a2307c32f0396845c92185d99d5967b89c', d: "M10.1235667,0 L2.36194167,0 C1.062525,0 -0.000516666667,1.06304167 -0.000516666667,2.36245833 C-0.000516666667,3.661875 1.062525,4.72491667 2.36194167,4.72491667 L10.1235667,4.72491667 C9.87298333,3.97833333 9.70506667,3.193 9.70506667,2.36245833 C9.70506667,1.53191667 9.87298333,0.746583333 10.1235667,0", fill: "currentColor" })), h("g", { key: 'f3aabbc4b3a5b7cc39f0952e57c18aae8b6eb5a2', transform: "translate(26.2237, 40.7418)" }, h("mask", { key: 'a09de7e8cae7b91350a299fdd6451611df2fc61b', fill: "white" }, h("use", { key: '71c761e2bf51637114589accdc27811249e20861', href: "#path-5" })), h("g", { key: '4cc90f6301c3d0fce24cf2419c16d8becfe45707' }), h("path", { key: '35c375a341110ae3ab580a866373b824b5939aee', d: "M29.2433333,0 L0,0 C0.250583333,0.746583333 0.4185,1.53191667 0.4185,2.36245833 C0.4185,3.193 0.250583333,3.97833333 0,4.72491667 L29.2433333,4.72491667 C30.54275,4.72491667 31.6057917,3.661875 31.6057917,2.36245833 C31.6057917,1.06304167 30.54275,0 29.2433333,0", fill: "currentColor" })), h("g", { key: 'fb3e5045940b2b5a0e4bf7c3be96825a46e20c04', transform: "translate(14.0529, 38.9837)" }, h("mask", { key: '40ee5a100bbbe522cf2e76aff7439cd928677d09', fill: "white" }, h("use", { key: '4698fa5dd24554fdcebbe3ac56054410f219b3ea', href: "#path-7" })), h("g", { key: '64e9acf2ea986ade8ce0e52e15fd85dec067ac70' }), h("path", { key: '84550838447172f47c7392bb5044981f20e1ed74', d: "M8.24083333,4.12041667 C8.24083333,6.39633333 6.39633333,8.24083333 4.12041667,8.24083333 C1.8445,8.24083333 0,6.39633333 0,4.12041667 C0,1.8445 1.8445,0 4.12041667,0 C6.39633333,0 8.24083333,1.8445 8.24083333,4.12041667", fill: "currentColor" }))))))));
+    }
+    static get style() { return iconOnlineVideoCss(); }
+}, [2, "digi-icon-online-video", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-online-video"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-online-video":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconOnlineVideo);
+            }
+            break;
+    } });
+}
+
+export { IconOnlineVideo as I, defineCustomElement as d };