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

package/components/p-BAki-15a.js

@@ -1,60 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-import { d as defineCustomElement$2 } from './p-sBkGihbY.js';
-import { d as defineCustomElement$1 } from './p--YLJRmLS.js';
-
-const navigationSidebarButtonCss = () => `.sc-digi-navigation-sidebar-button-h{--digi--navigation-sidebar-button--display:inline-flex}.sc-digi-navigation-sidebar-button-h .digi-navigation-sidebar-button.sc-digi-navigation-sidebar-button{display:var(--digi--navigation-sidebar-button--display)}`;
-
-const NavigationSidebarButton = /*@__PURE__*/ proxyCustomElement(class NavigationSidebarButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.afOnToggle = createEvent(this, "afOnToggle", 7);
-        this.isActive = false;
-        /**
-         * Sätter attributet 'id' på det omslutande elementet. Ges inget värde så genereras ett slumpmässigt.
-         * @en Label id attribute. Defaults to random string.
-         */
-        this.afId = randomIdGenerator('digi-navigation-sidebar-button');
-    }
-    toggleHandler() {
-        this.isActive = !this.isActive;
-        this.afOnToggle.emit(this.isActive);
-    }
-    render() {
-        return (h("digi-button", { key: 'e35554a7cc4e2c5c211a0e6effc6fa4efea36ca9', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: 'fc800340bd2e6db4c7d787a0dc6ee3ce7b40fab2', slot: "icon" })));
-    }
-    static get style() { return navigationSidebarButtonCss(); }
-}, [2, "digi-navigation-sidebar-button", {
-        "afText": [1, "af-text"],
-        "afAriaLabel": [1, "af-aria-label"],
-        "afId": [1, "af-id"],
-        "isActive": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-navigation-sidebar-button", "digi-button", "digi-icon-bars"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-navigation-sidebar-button":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), NavigationSidebarButton);
-            }
-            break;
-        case "digi-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "digi-icon-bars":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { NavigationSidebarButton as N, defineCustomElement as d };

package/components/p-BEM3xA-3.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconNotificationSuccesCss = () => `.sc-digi-icon-notification-succes-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-notification-succes-h svg.sc-digi-icon-notification-succes{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 IconCheckCircleReg = /*@__PURE__*/ proxyCustomElement(class IconCheckCircleReg 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: '090562cb947a7ea42c7856d0c88b2cf065e8f5b9', class: "digi-icon-notification-succes", width: "25", height: "25", viewBox: "0 0 25 25", 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: 'bdd2bf0c0f210b0178b467a3e4dfb607e5ea8451', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '4e4465eda60a763b517271dfb15065a1971b296c' }, this.afDesc), h("path", { key: 'be99dcb23a6d2971a2669698f90f947a4c08a7c1', class: "digi-icon-notification-succes__shape", d: "M12.5 0C5.596 0 0 5.596 0 12.5S5.596 25 12.5 25 25 19.404 25 12.5 19.404 0 12.5 0zm0 2.42c5.571 0 10.08 4.508 10.08 10.08 0 5.571-4.508 10.08-10.08 10.08A10.075 10.075 0 012.42 12.5c0-5.571 4.508-10.08 10.08-10.08zm7.067 6.565L18.43 7.84a.605.605 0 00-.855-.003l-7.125 7.067-3.014-3.038a.605.605 0 00-.855-.004l-1.145 1.136a.605.605 0 00-.004.856l4.576 4.612a.605.605 0 00.855.004l8.7-8.63a.605.605 0 00.003-.855z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-    static get style() { return iconNotificationSuccesCss(); }
-}, [2, "digi-icon-notification-succes", {
-        "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-notification-succes"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-notification-succes":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), IconCheckCircleReg);
-            }
-            break;
-    } });
-}
-
-export { IconCheckCircleReg as I, defineCustomElement as d };

package/components/p-BMr1lQHh.js

@@ -1,141 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Cutmptn8.js';
-import { d as defineCustomElement$1 } from './p-C56QOHRm.js';
-
-const mediaImageCss = () => `.digi-media-image.sc-digi-media-image{position:relative;display:inline-flex;max-width:100%;height:0px}.digi-media-image.digi-media-image--aspect-ratio.sc-digi-media-image{width:var(--digi--media-image--width);height:unset}.digi-media-image.digi-media-image--loaded.sc-digi-media-image{height:unset}.digi-media-image.digi-media-image--fullwidth.sc-digi-media-image{width:100%}.digi-media-image.digi-media-image--unlazy.sc-digi-media-image:not(.digi-media-image--aspect-ratio){height:unset}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__observer.sc-digi-media-image{position:absolute;top:0;left:0;height:100%}.digi-media-image__padded-box.sc-digi-media-image{display:inline-block;padding-top:var(--digi--media-image--padded-box, 0);height:0}.digi-media-image__image.sc-digi-media-image{max-width:100%;height:auto;opacity:0.06;filter:saturate(0);transition:opacity 0.2s, filter 0.4s}.digi-media-image--loaded.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{opacity:1;filter:saturate(1)}.digi-media-image--unlazy.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{transition:none;opacity:1;filter:none}.digi-media-image--fullwidth.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{width:100%}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{position:absolute;top:0;left:0;width:100%;height:100%}`;
-
-const MediaImage = /*@__PURE__*/ proxyCustomElement(class MediaImage extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.afOnLoad = createEvent(this, "afOnLoad", 7);
-        this.isPlaceholderLoaded = false;
-        this.hasSetSrc = false;
-        this.hasAspectRatio = false;
-        this.paddedBoxPadding = '0%';
-        // Need to be a state to trigger rerender of css-classes
-        this.isLoaded = false;
-        // Default src to 1*1px placeholder image.
-        // TODO: DO NOT USE BASE64, UNSAFE!
-        this.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=';
-        /**
-         * Skicka options till komponentens interna Intersection Observer. T.ex. för att kontrollera när bilden lazy loadas.
-         * @en Accepts an Intersection Observer options object. Controls when the image should lazy-load.
-         *
-      
-         */
-        this.afObserverOptions = {
-            rootMargin: '200px',
-            threshold: 0
-        };
-        /**
-         * Tar bort lazy loading av bilden.
-         * @en Removes lazy laoding of the image.
-         */
-        this.afUnlazy = false;
-    }
-    srcChangeHandler() {
-        this.setImageSrc();
-    }
-    connectedCallback() {
-        if (this.afUnlazy) {
-            this.setImageSrc();
-        }
-        // Add padded box to wrapper if width and height props exists
-        if (this.afWidth && this.afHeight) {
-            this.hasAspectRatio = true;
-            this.setPaddedBox();
-        }
-    }
-    setImageSrc() {
-        this.src = this.afSrc;
-        this.srcset = this.afSrcset;
-        this.hasSetSrc = true;
-    }
-    setPaddedBox() {
-        this.paddedBoxPadding =
-            (parseInt(this.afHeight, 10) / parseInt(this.afWidth, 10)) * 100 + '%';
-    }
-    intersectHandler() {
-        if (this.afUnlazy) {
-            return;
-        }
-        this.setImageSrc();
-    }
-    loadHandler(e) {
-        if (this.afUnlazy) {
-            return;
-        }
-        if (this.isPlaceholderLoaded) {
-            this.isLoaded = true;
-            this.afOnLoad.emit(e);
-            return;
-        }
-        this.isPlaceholderLoaded = true;
-    }
-    get cssModifiers() {
-        return {
-            'digi-media-image--unlazy': this.afUnlazy,
-            'digi-media-image--loaded': this.isLoaded,
-            'digi-media-image--aspect-ratio': this.hasAspectRatio,
-            'digi-media-image--fullwidth': this.afFullwidth
-        };
-    }
-    get cssInlineStyles() {
-        return {
-            '--digi--media-image--padded-box': this.paddedBoxPadding
-        };
-    }
-    render() {
-        return (h("host", { key: '23f33408c0e114637412a45efeba5b464f2353d2' }, h("div", { key: 'ee381abb5eae94b291781e124e891215610a06af', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
-                '--digi--media-image--width': this.afWidth
-                    ? `${this.afWidth}px`
-                    : null
-            } }, h("digi-util-intersection-observer", { key: '7eadb513c96c8477f7ce788a344f152217824d7f', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: '0c43361f7f89edefe188b2f772c8cfd72c889cce', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: 'd8ba6e61be9931b526dbc99190bd55943c03c28b', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
-    }
-    static get watchers() { return {
-        "afSrc": [{
-                "srcChangeHandler": 0
-            }]
-    }; }
-    static get style() { return mediaImageCss(); }
-}, [2, "digi-media-image", {
-        "afObserverOptions": [16],
-        "afSrc": [1, "af-src"],
-        "afSrcset": [1, "af-srcset"],
-        "afAlt": [1, "af-alt"],
-        "afTitle": [1, "af-title"],
-        "afAriaLabel": [1, "af-aria-label"],
-        "afWidth": [1, "af-width"],
-        "afHeight": [1, "af-height"],
-        "afFullwidth": [4, "af-fullwidth"],
-        "afUnlazy": [4, "af-unlazy"],
-        "isLoaded": [32],
-        "src": [32],
-        "srcset": [32]
-    }, undefined, {
-        "afSrc": [{
-                "srcChangeHandler": 0
-            }]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-media-image", "digi-util-intersection-observer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-media-image":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), MediaImage);
-            }
-            break;
-        case "digi-util-intersection-observer":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MediaImage as M, defineCustomElement as d };

package/components/p-BYZUJ0Q_.js

@@ -1,13 +0,0 @@
-var ToolsThemeProviderBrandEnum;
-(function (ToolsThemeProviderBrandEnum) {
-    ToolsThemeProviderBrandEnum["AF25"] = "AF25";
-    ToolsThemeProviderBrandEnum["AF18"] = "AF18";
-})(ToolsThemeProviderBrandEnum || (ToolsThemeProviderBrandEnum = {}));
-
-var ToolsThemeProviderThemeEnum;
-(function (ToolsThemeProviderThemeEnum) {
-    ToolsThemeProviderThemeEnum["LIGHT"] = "light";
-    ToolsThemeProviderThemeEnum["DARK"] = "dark";
-})(ToolsThemeProviderThemeEnum || (ToolsThemeProviderThemeEnum = {}));
-
-export { ToolsThemeProviderBrandEnum as T, ToolsThemeProviderThemeEnum as a };

package/components/p-BYhBNgOq.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconChevronDownCss = () => `.sc-digi-icon-chevron-down-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-chevron-down-h svg.sc-digi-icon-chevron-down{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 IconChevronDown = /*@__PURE__*/ proxyCustomElement(class IconChevronDown 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: '8c1823e497c5b4b7d33f1e5527279636819b86a8', class: "digi-icon-chevron-down", 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: '1c0a137be9ac050af93f8e52e93996555b18ae96', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ad8090cd6ad3607946a7bba7fd69a3e3ee7b3538' }, this.afDesc), h("path", { key: '5e92479bddf6b48482ba2f4d2258c6a051bc2080', class: "digi-icon-chevron-down__shape", d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
-    }
-    static get style() { return iconChevronDownCss(); }
-}, [2, "digi-icon-chevron-down", {
-        "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-chevron-down"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-chevron-down":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), IconChevronDown);
-            }
-            break;
-    } });
-}
-
-export { IconChevronDown as I, defineCustomElement as d };

package/components/p-BbUUrG89.js

@@ -1,75 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { F as FormValidationMessageVariation } from './p-B8hpiXmh.js';
-import { d as defineCustomElement$3 } from './p-eGGSFWHS.js';
-import { d as defineCustomElement$2 } from './p-D6eLfacz.js';
-import { d as defineCustomElement$1 } from './p-CPm-RoEd.js';
-
-const formValidationMessageCss = () => `.sc-digi-form-validation-message-h{--digi--form-validation-message--icon-color--success:var(--digi--color--icon--validation--success);--digi--form-validation-message--icon-color--warning:var(--digi--color--icon--validation--warning);--digi--form-validation-message--icon-color--error:var(--digi--color--icon--validation--error)}.sc-digi-form-validation-message-h .digi-form-validation-message.sc-digi-form-validation-message{display:flex;flex-wrap:wrap;align-items:center}.sc-digi-form-validation-message-h .digi-form-validation-message--success.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--success)}.sc-digi-form-validation-message-h .digi-form-validation-message--warning.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--warning)}.sc-digi-form-validation-message-h .digi-form-validation-message--error.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--error)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message{color:var(--ICON-COLOR);margin-inline-end:var(--digi--gutter--icon)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message>*.sc-digi-form-validation-message{--digi--icon--width:1.25em;--digi--icon--height:1.25em;--digi--icon--color:var(--ICON-COLOR);display:flex}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message .warning.sc-digi-form-validation-message{top:3px;position:relative}.sc-digi-form-validation-message-h .digi-form-validation-message__text.sc-digi-form-validation-message{flex:1;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);color:var(--digi--color--text--primary)}`;
-
-const FormValidationMessage = /*@__PURE__*/ proxyCustomElement(class FormValidationMessage extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Sätter valideringsstatus. Kan vara 'success', 'error' eller 'warning'.
-         * @en Set validation status
-         */
-        this.afVariation = FormValidationMessageVariation.SUCCESS;
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-validation-message--success': this.afVariation === FormValidationMessageVariation.SUCCESS,
-            'digi-form-validation-message--error': this.afVariation === FormValidationMessageVariation.ERROR,
-            'digi-form-validation-message--warning': this.afVariation === FormValidationMessageVariation.WARNING
-        };
-    }
-    get icon() {
-        switch (this.afVariation) {
-            case FormValidationMessageVariation.SUCCESS:
-                return h("digi-icon-validation-success", null);
-            case FormValidationMessageVariation.ERROR:
-                return h("digi-icon-validation-error", null);
-            case FormValidationMessageVariation.WARNING:
-                return h("digi-icon-validation-warning", { class: "warning" });
-        }
-    }
-    render() {
-        return (h("div", { key: 'e19f49d6e49b2d928b3c80053fd413d6f86056e0', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'ea2cce02d7c3c98c761cfa9abc1e39428c515063', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: 'd732a6a477a88fc3ca2e18a2199f8f1f528c8a0a', class: "digi-form-validation-message__text" }, h("slot", { key: '8d62d0fc0d2f3290227289b59c975b92133df852' }))));
-    }
-    get hostElement() { return this; }
-    static get style() { return formValidationMessageCss(); }
-}, [262, "digi-form-validation-message", {
-        "afVariation": [1, "af-variation"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-form-validation-message", "digi-icon-validation-error", "digi-icon-validation-success", "digi-icon-validation-warning"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-form-validation-message":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), FormValidationMessage);
-            }
-            break;
-        case "digi-icon-validation-error":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "digi-icon-validation-success":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "digi-icon-validation-warning":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { FormValidationMessage as F, defineCustomElement as d };

package/components/p-BcQq1buB.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconTableCss = () => `.sc-digi-icon-table-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-table-h svg.sc-digi-icon-table{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 IconTable = /*@__PURE__*/ proxyCustomElement(class IconTable 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: 'b7b9fe35e30a5ac4ab789a08ff1a413637d3c9c2', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "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: '730b1e167db838dbf45394d6d006a88eeb613c2a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c475cbc2eba7fd78444f16b6230aae62bddf2e52' }, this.afDesc), h("defs", { key: 'c11ee8261b23efdd75d057cd341d41e18e4fff76' }, h("polygon", { key: '01c3ab8f3f4b1b431fa13962c60d57ed0afab09e', points: "0 62 62 62 62 0 0 0" })), h("g", { key: '601a6b605d3aa5e73d10825ac687adb310a01cd5', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'f2ca03f997dfd4a6dbc9cf4629e6779b0d47fbed', transform: "translate(-302, -975)" }, h("g", { key: '395923b6593f5b945afa519373abfb03707adaea', transform: "translate(302, 975)" }, h("polygon", { key: '827e712f9f7a0d986c11dd4779c3d3a52448d778', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), h("g", { key: 'f1d2a154e6129cc25695764eeb20c6b2305fc35e' }, h("path", { key: 'eb2f9d95550e119e43739369260742ceefb66cc1', d: "M35.3073208,0 L26.6931958,0 C24.7918625,0 23.2496125,1.53297409 23.2496125,3.42574093 L23.2496125,11.9939482 C23.2496125,13.886715 24.7918625,15.4196891 26.6931958,15.4196891 L35.3073208,15.4196891 C37.2086542,15.4196891 38.7496125,13.886715 38.7496125,11.9939482 L38.7496125,3.42574093 C38.7496125,1.53297409 37.2086542,0 35.3073208,0", fill: "currentColor" }), h("polygon", { key: 'be0b370abdd5dbd1e9f786a9b9acf56d4d087ed4', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), h("path", { key: '21fa782f77715b76d5189b0bba621cfb00ac0ca2', d: "M12.0573208,0 L3.44319583,0 C1.5418625,0 -0.0003875,1.53297409 -0.0003875,3.42574093 L-0.0003875,11.9939482 C-0.0003875,13.886715 1.5418625,15.4196891 3.44319583,15.4196891 L12.0573208,15.4196891 C13.9586542,15.4196891 15.4996125,13.886715 15.4996125,11.9939482 L15.4996125,3.42574093 C15.4996125,1.53297409 13.9586542,0 12.0573208,0", fill: "currentColor" }), h("polygon", { key: '7d1ddaeb7a727c316ac27610e2702e70d055a5cd', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), h("path", { key: '65d988a2ebb0224f59ae3d5a50b82db27dbe550f', d: "M58.5573208,0 L49.9431958,0 C48.0418625,0 46.4996125,1.53297409 46.4996125,3.42574093 L46.4996125,11.9939482 C46.4996125,13.886715 48.0418625,15.4196891 49.9431958,15.4196891 L58.5573208,15.4196891 C60.4586542,15.4196891 61.9996125,13.886715 61.9996125,11.9939482 L61.9996125,3.42574093 C61.9996125,1.53297409 60.4586542,0 58.5573208,0", fill: "currentColor" }), h("polygon", { key: 'f9e0d360e98e82b8c4535f75daaa267215a62372', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), h("path", { key: '0969c71698b2d0c5f5f1ec86501a0ea083f2f860', d: "M35.3073208,46.5803109 L26.6931958,46.5803109 C24.7918625,46.5803109 23.2496125,48.113285 23.2496125,50.0060518 L23.2496125,58.5742591 C23.2496125,60.4670259 24.7918625,62 26.6931958,62 L35.3073208,62 C37.2086542,62 38.7496125,60.4670259 38.7496125,58.5742591 L38.7496125,50.0060518 C38.7496125,48.113285 37.2086542,46.5803109 35.3073208,46.5803109", fill: "currentColor" }), h("polygon", { key: '3ce2cff8eaa91b45e3d4ddd169d520d6fae31e72', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), h("path", { key: 'f64d742618c2bb475914e1ff29a4ceb2d939810e', d: "M12.0573208,46.5803109 L3.44319583,46.5803109 C1.5418625,46.5803109 -0.0003875,48.113285 -0.0003875,50.0060518 L-0.0003875,58.5742591 C-0.0003875,60.4670259 1.5418625,62 3.44319583,62 L12.0573208,62 C13.9586542,62 15.4996125,60.4670259 15.4996125,58.5742591 L15.4996125,50.0060518 C15.4996125,48.113285 13.9586542,46.5803109 12.0573208,46.5803109", fill: "currentColor" }), h("polygon", { key: '9d07f83ed1fb637f65c776e632aa2c8bcc14d8b6', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), h("path", { key: '6397567e796e2be1b0beeb1ed7da1ffeefb30db3', d: "M58.5573208,46.5803109 L49.9431958,46.5803109 C48.0418625,46.5803109 46.4996125,48.113285 46.4996125,50.0060518 L46.4996125,58.5742591 C46.4996125,60.4670259 48.0418625,62 49.9431958,62 L58.5573208,62 C60.4586542,62 61.9996125,60.4670259 61.9996125,58.5742591 L61.9996125,50.0060518 C61.9996125,48.113285 60.4586542,46.5803109 58.5573208,46.5803109", fill: "currentColor" }), h("polygon", { key: 'e7118d2880d0673228e475e777ae4aa432dd2dfc', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), h("path", { key: '28d7b05700721860bfc8a8bbec7861007571bc4c', d: "M35.3073208,23.2901554 L26.6931958,23.2901554 C24.7918625,23.2901554 23.2496125,24.8231295 23.2496125,26.7158964 L23.2496125,35.2841036 C23.2496125,37.1768705 24.7918625,38.7098446 26.6931958,38.7098446 L35.3073208,38.7098446 C37.2086542,38.7098446 38.7496125,37.1768705 38.7496125,35.2841036 L38.7496125,26.7158964 C38.7496125,24.8231295 37.2086542,23.2901554 35.3073208,23.2901554", fill: "currentColor" }), h("polygon", { key: 'c3cc6977eb25f379ba06e5ac93fc23d44f0a73a2', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), h("path", { key: '4021737811c0671623db596ff43818db1e09c653', d: "M12.0573208,23.2901554 L3.44319583,23.2901554 C1.5418625,23.2901554 -0.0003875,24.8231295 -0.0003875,26.7158964 L-0.0003875,35.2841036 C-0.0003875,37.1768705 1.5418625,38.7098446 3.44319583,38.7098446 L12.0573208,38.7098446 C13.9586542,38.7098446 15.4996125,37.1768705 15.4996125,35.2841036 L15.4996125,26.7158964 C15.4996125,24.8231295 13.9586542,23.2901554 12.0573208,23.2901554", fill: "currentColor" }), h("polygon", { key: '17c6fd7887b59f1ad2673e95ee43bce8b54e6de7', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), h("path", { key: 'ce90a754bccc09623a92658d63e7423d47a9a8b8', d: "M58.5573208,23.2901554 L49.9431958,23.2901554 C48.0418625,23.2901554 46.4996125,24.8231295 46.4996125,26.7158964 L46.4996125,35.2841036 C46.4996125,37.1768705 48.0418625,38.7098446 49.9431958,38.7098446 L58.5573208,38.7098446 C60.4586542,38.7098446 61.9996125,37.1768705 61.9996125,35.2841036 L61.9996125,26.7158964 C61.9996125,24.8231295 60.4586542,23.2901554 58.5573208,23.2901554", fill: "currentColor" })))))));
-    }
-    static get style() { return iconTableCss(); }
-}, [2, "digi-icon-table", {
-        "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-table"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-table":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), IconTable);
-            }
-            break;
-    } });
-}
-
-export { IconTable as I, defineCustomElement as d };

package/components/p-BhTtquMq.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconCheckCss = () => `.sc-digi-icon-check-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-check-h svg.sc-digi-icon-check{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 IconCheck = /*@__PURE__*/ proxyCustomElement(class IconCheck 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: '7e7362c73d293709e74cbb58d41ee14588d2a6b6', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", 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: '0b6cad5ad89e4df27945f378275265d370a7de32', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b1ae6ed14da198fdbe4c924240de976382c749c0' }, this.afDesc), h("path", { key: 'c9e70d7b31bc6588142208eb8acb84f8b3902820', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-    static get style() { return iconCheckCss(); }
-}, [2, "digi-icon-check", {
-        "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-check"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-check":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), IconCheck);
-            }
-            break;
-    } });
-}
-
-export { IconCheck as I, defineCustomElement as d };

package/components/p-Bo9oHR9D.js

@@ -1,81 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { L as LayoutContainerVariation, a as LayoutContainerMaxWidth } from './p-oKq_eErM.js';
-
-const layoutContainerCss = () => `.sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}`;
-
-const LayoutContainer = /*@__PURE__*/ proxyCustomElement(class LayoutContainer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this._variation = LayoutContainerVariation.STATIC;
-        /**
-         * Sätter containervarianten. Kan vara 'static' eller 'fluid'.
-         * @en Set container variation. Can be 'static' or 'fluid'.
-         */
-        this.afVariation = LayoutContainerVariation.STATIC;
-        /**
-         * Styr max-bredden på containern, vi rekommenderar att du behåller default-max-width. Läs mer om dom olika bredderna under designmönster för grid och brytpunkter.
-         * @en Sets max-width to the container.
-         * */
-        this.afMaxWidth = LayoutContainerMaxWidth.WIDTH_1400;
-    }
-    variationChangeHandler() {
-        this._variation = this.afVariation;
-    }
-    componentWillLoad() {
-        this.variationChangeHandler();
-    }
-    get cssModifiers() {
-        if (this._variation === LayoutContainerVariation.NONE) {
-            return {};
-        }
-        return {
-            'digi-layout-container': true,
-            'digi-layout-container--static': this._variation === LayoutContainerVariation.STATIC,
-            'digi-layout-container--fluid': this._variation === LayoutContainerVariation.FLUID,
-            'digi-layout-container--max-width-1200': this.afMaxWidth === LayoutContainerMaxWidth.WIDTH_1200,
-            'digi-layout-container--no-gutter': this.afNoGutter,
-            'digi-layout-container--vertical-padding': this.afVerticalPadding,
-            'digi-layout-container--margin-top': this.afMarginTop,
-            'digi-layout-container--margin-bottom': this.afMarginBottom
-        };
-    }
-    render() {
-        return (h("div", { key: '81fc9978d85b171bc0ebab649504b74eeabc997c', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '2e0f6eb6f34ba3812ec10fe490f54948950c6ac1' })));
-    }
-    static get watchers() { return {
-        "afVariation": [{
-                "variationChangeHandler": 0
-            }]
-    }; }
-    static get style() { return layoutContainerCss(); }
-}, [262, "digi-layout-container", {
-        "afVariation": [1, "af-variation"],
-        "afMaxWidth": [1, "af-max-width"],
-        "afNoGutter": [4, "af-no-gutter"],
-        "afVerticalPadding": [4, "af-vertical-padding"],
-        "afMarginTop": [4, "af-margin-top"],
-        "afMarginBottom": [4, "af-margin-bottom"],
-        "_variation": [32]
-    }, undefined, {
-        "afVariation": [{
-                "variationChangeHandler": 0
-            }]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-layout-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-layout-container":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LayoutContainer);
-            }
-            break;
-    } });
-}
-
-export { LayoutContainer as L, defineCustomElement as d };

package/components/p-BoRUMRYW.js

@@ -1,48 +0,0 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
-import { r as randomIdGenerator } from './p-BGaIliX6.js';
-
-const iconXButtonOutlineCss = () => `.sc-digi-icon-x-button-outline-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-x-button-outline-h svg.sc-digi-icon-x-button-outline{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 IconXButtonOutline = /*@__PURE__*/ proxyCustomElement(class IconXButtonOutline 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: '398a5455354270484e79e74e33d9d3d22db0812e', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", 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: '4a368ca58df0e25d97767673cde709d9104c3d48', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fe58a2fbad28e8b9118bba0650629f945e89f865' }, this.afDesc), h("path", { key: 'c3b1c72d6052a690bafa9fe4219331084ba301b9', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-    static get style() { return iconXButtonOutlineCss(); }
-}, [2, "digi-icon-x-button-outline", {
-        "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-x-button-outline"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-icon-x-button-outline":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), IconXButtonOutline);
-            }
-            break;
-    } });
-}
-
-export { IconXButtonOutline as I, defineCustomElement as d };