@designsystem-se/af 39.0.1-beta.dark-mode → 39.1.0-beta.2

package/components/p--RxphPe_.js

@@ -0,0 +1,172 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { B as ButtonSize, b as ButtonVariation, a as ButtonType } from './p-DNHRmpND.js';
+
+const buttonCss = () => `.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}@media (any-hover: hover){.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}`;
+
+const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        this.afOnFocus = createEvent(this, "afOnFocus", 7);
+        this.afOnBlur = createEvent(this, "afOnBlur", 7);
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        /**
+         * Sätter knappens storlek. 'medium' är förvalt.
+         * @en Set button size. Defaults to medium size.
+         */
+        this.afSize = ButtonSize.MEDIUM;
+        /**
+         * Sätt variant. Om varianten är 'tertiary' så krävs även en ikon.
+         * @en Set button variation. If set to FUNCTION, the button also needs an icon.
+         */
+        this.afVariation = ButtonVariation.PRIMARY;
+        /**
+         * Sätt attributet 'type'.
+         * @en Set button `type` attribute.
+         */
+        this.afType = ButtonType.BUTTON;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Input id attribute. Defaults to random string.
+         */
+        this.afId = randomIdGenerator('digi-button');
+        /**
+         * Sätter knappens bredd till 100%.
+         * @en Set button width to 100%.
+         */
+        this.afFullWidth = false;
+    }
+    fullWidthHandler() {
+        this.isFullSize = this.afFullWidth;
+    }
+    /**
+     * Hämta en referens till buttonelementet. Bra för att t.ex. sätta fokus programmatiskt.
+     * @en Returns a reference to the button element. Handy for setting focus programmatically.
+     */
+    async afMGetButtonElement() {
+        return this._button;
+    }
+    componentWillLoad() {
+        this.setHasIcon();
+        this.fullWidthHandler();
+    }
+    componentWillUpdate() {
+        this.setHasIcon();
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    setHasIcon() {
+        const icon = !!this.hostElement.querySelector('[slot="icon"]');
+        const iconSecondary = !!this.hostElement.querySelector('[slot="icon-secondary"]');
+        if (icon) {
+            this.hasIcon = icon;
+        }
+        if (iconSecondary) {
+            this.hasIconSecondary = iconSecondary;
+        }
+    }
+    get cssModifiers() {
+        return {
+            [`digi-button--variation-${this.afVariation}`]: !!this.afVariation,
+            [`digi-button--size-${this.afSize}`]: !!this.afSize,
+            'digi-button--icon': this.hasIcon,
+            'digi-button--icon-secondary': this.hasIconSecondary,
+            'digi-button--full-width': this.isFullSize
+        };
+    }
+    get pressedState() {
+        if (this.afAriaPressed === null || this.afAriaPressed === undefined) {
+            return;
+        }
+        return this.afAriaPressed ? 'true' : 'false';
+    }
+    get expandedState() {
+        if (this.afAriaExpanded === null || this.afAriaExpanded === undefined) {
+            return;
+        }
+        return this.afAriaExpanded ? 'true' : 'false';
+    }
+    get hasPopup() {
+        if (this.afAriaHaspopup === null || this.afAriaHaspopup === undefined) {
+            return;
+        }
+        return this.afAriaHaspopup ? 'true' : 'false';
+    }
+    clickHandler(e) {
+        this.afOnClick.emit(e);
+    }
+    focusHandler(e) {
+        this.afOnFocus.emit(e);
+    }
+    blurHandler(e) {
+        this.afOnBlur.emit(e);
+    }
+    render() {
+        return (h(Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
+                var _a, _b, _c;
+                this._button = el;
+                (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
+                // Stencil has a bug wiith form attribute so we need to set it like this
+                // https://github.com/ionic-team/stencil/issues/2703
+                this.afForm
+                    ? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
+                    : (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
+            }, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "afFullWidth": [{
+                "fullWidthHandler": 0
+            }]
+    }; }
+    static get style() { return buttonCss(); }
+}, [262, "digi-button", {
+        "afSize": [1, "af-size"],
+        "afTabindex": [1, "af-tabindex"],
+        "afVariation": [1, "af-variation"],
+        "afType": [1, "af-type"],
+        "afId": [1, "af-id"],
+        "afAriaLabel": [1, "af-aria-label"],
+        "afAriaLabelledby": [1, "af-aria-labelledby"],
+        "afAriaControls": [1, "af-aria-controls"],
+        "afForm": [1, "af-form"],
+        "afAriaPressed": [1028, "af-aria-pressed"],
+        "afAriaExpanded": [1028, "af-aria-expanded"],
+        "afAriaHaspopup": [1028, "af-aria-haspopup"],
+        "afAriaCurrent": [1025, "af-aria-current"],
+        "afRole": [1025, "af-role"],
+        "afAriaChecked": [1028, "af-aria-checked"],
+        "afLang": [1, "af-lang"],
+        "afDir": [1, "af-dir"],
+        "afFullWidth": [4, "af-full-width"],
+        "afAutofocus": [4, "af-autofocus"],
+        "afInputRef": [16],
+        "hasIcon": [32],
+        "hasIconSecondary": [32],
+        "isFullSize": [32],
+        "afMGetButtonElement": [64]
+    }, undefined, {
+        "afFullWidth": [{
+                "fullWidthHandler": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-button":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), Button);
+            }
+            break;
+    } });
+}
+
+export { Button as B, defineCustomElement as d };

package/components/p--ZuKDULH.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.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: 'bf650717bb8c95a7ad08d68b9381f93aec386242', 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: 'cb94ab912b2a9f65d195fc2c69b83b2eb4b9fda5', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6fcbe716468705b87be30ef310482c37377a5832' }, this.afDesc), h("path", { key: 'ec49eaa2b34306649aee738153b36fa19e6a7d67', 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-37OSb7i5.js

@@ -0,0 +1,171 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { b as FormRadiobuttonVariation, F as FormRadiobuttonLayout, a as FormRadiobuttonValidation } from './p-CAr8ZNeD.js';
+
+const formRadiobuttonCss = () => `@charset "UTF-8";.sc-digi-form-radiobutton-h{--digi--form-radiobutton--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-radiobutton--border-color--primary:var(--digi--color--border--interactive--selected--primary);--digi--form-radiobutton--border-color--secondary:var(--digi--color--border--interactive--selected--secondary);--digi--form-radiobutton--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--box-shadow--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-radiobutton--background-color--primary:var(--digi--color--background--interactive--selected--primary);--digi--form-radiobutton--background-color--secondary:var(--digi--color--background--interactive--selected--secondary);--digi--form-radiobutton--background-color--error:var(--digi--color--background--interactive--validation--error);--digi--form-radiobutton--border-width:var(--digi--border-width--primary);--digi--form-radiobutton--color--marker:var(--digi--grayscale--0);--digi--form-radiobutton--size:1.25rem;--digi--form-radiobutton--marker--size:calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);--digi--form-radiobutton--height:var(--digi--input-height--large);--digi--form-radiobutton--border-radius:var(--digi--border-radius--primary);--digi--form-radiobutton--padding:var(--digi--gutter--icon);--digi--form-radiobutton--padding--block:var(--digi--gutter--small);--digi--form-radiobutton--padding--inline:var(--digi--gutter--icon);display:block;width:fit-content}.sc-digi-form-radiobutton-h .digi-form-radiobutton.sc-digi-form-radiobutton{--BACKGROUND--DEFAULT:var(--digi--form-radiobutton--background-color);--BORDER-COLOR--DEFAULT:var(--digi--form-radiobutton--border-color);position:relative}.sc-digi-form-radiobutton-h .digi-form-radiobutton--primary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--primary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--primary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--secondary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--secondary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--secondary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:not(:checked)~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--error);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--error)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED);box-shadow:0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error)}.digi-form-radiobutton__input.sc-digi-form-radiobutton{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.digi-form-radiobutton__label.sc-digi-form-radiobutton{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--body--font-weight--desktop);cursor:pointer;padding-bottom:0.75rem}.digi-form-radiobutton__circle.sc-digi-form-radiobutton{flex-shrink:0;align-self:flex-start;cursor:pointer;background-color:var(--BACKGROUND--DEFAULT);border-color:var(--BORDER-COLOR--DEFAULT);border-width:var(--digi--form-radiobutton--border-width);border-style:solid;height:var(--digi--form-radiobutton--size);width:var(--digi--form-radiobutton--size);border-radius:var(--digi--form-radiobutton--size);position:relative;transform:translateY(1px)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:focus-visible~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton--focus-visible.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:focus~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton::after{content:"";width:var(--digi--form-radiobutton--marker--size);height:var(--digi--form-radiobutton--marker--size);border-radius:var(--digi--form-radiobutton--marker--size);background:var(--digi--form-radiobutton--color--marker);position:absolute;left:calc(50% - var(--digi--form-radiobutton--marker--size) / 2);top:calc(50% - var(--digi--form-radiobutton--marker--size) / 2)}`;
+
+const FormRadiobutton = /*@__PURE__*/ proxyCustomElement(class FormRadiobutton extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnBlur = createEvent(this, "afOnBlur", 7);
+        this.afOnFocus = createEvent(this, "afOnFocus", 7);
+        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
+        this.afOnInput = createEvent(this, "afOnInput", 7);
+        this.afOnDirty = createEvent(this, "afOnDirty", 7);
+        this.afOnTouched = createEvent(this, "afOnTouched", 7);
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        this.dirty = false;
+        this.touched = false;
+        this.focusVisible = false;
+        this.focusMethod = null;
+        /**
+         * Sätter variant. Kan vara 'primary' eller 'secondary'
+         * @en Set radiobutton variation.
+         */
+        this.afVariation = FormRadiobuttonVariation.PRIMARY;
+        /**
+         * Sätter layouten.
+         * @en Set radiobutton layout.
+         */
+        this.afLayout = FormRadiobuttonLayout.INLINE;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Input id attribute. Defaults to random string.
+         */
+        this.afId = randomIdGenerator('digi-form-radiobutton');
+    }
+    onValueChanged(newValue) {
+        this.afChecked = newValue === this.afValue;
+    }
+    onCheckedChanged(checked) {
+        this.afChecked = checked;
+    }
+    onAfCheckedChanged(checked) {
+        this.checked = checked;
+    }
+    /**
+     * Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
+     * @en Returns a reference to the input element. Handy for setting focus programmatically.
+     */
+    async afMGetFormControlElement() {
+        return this._input;
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual input element.
+     */
+    focusOnInput() {
+        this.focusVisible = this.focusMethod !== 'pointer';
+        this._input.focus();
+        this.focusMethod = null;
+    }
+    /**
+     * Lyssnar på pointerdown för att kunna avgöra om fokus sätts via tangentbord eller mus/pekinteraktion.
+     * @en Listens for pointerdown to determine if focus is set via keyboard or mouse/touch interaction.
+     */
+    pointerDownHandler() {
+        this.focusMethod = 'pointer';
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    get cssModifiers() {
+        return {
+            'digi-form-radiobutton--focus-visible': this.focusVisible,
+            'digi-form-radiobutton--error': this.afValidation === FormRadiobuttonValidation.ERROR,
+            'digi-form-radiobutton--primary': this.afVariation === FormRadiobuttonVariation.PRIMARY,
+            'digi-form-radiobutton--secondary': this.afVariation === FormRadiobuttonVariation.SECONDARY,
+            [`digi-form-radiobutton--layout-${this.afLayout}`]: !!this.afLayout
+        };
+    }
+    blurHandler(e) {
+        if (!this.touched) {
+            this.afOnTouched.emit(e);
+            this.touched = true;
+        }
+        this.afOnBlur.emit(e);
+    }
+    changeHandler(e) {
+        this.afOnChange.emit(e);
+    }
+    focusHandler(e) {
+        this.afOnFocus.emit(e);
+    }
+    focusoutHandler(e) {
+        this.afOnFocusout.emit(e);
+    }
+    inputHandler(e) {
+        if (!this.dirty) {
+            this.afOnDirty.emit(e);
+            this.dirty = true;
+        }
+        this.afOnInput.emit(e);
+    }
+    render() {
+        return (h(Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+                ? 'true'
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "value": [{
+                "onValueChanged": 0
+            }],
+        "checked": [{
+                "onCheckedChanged": 0
+            }],
+        "afChecked": [{
+                "onAfCheckedChanged": 0
+            }]
+    }; }
+    static get style() { return formRadiobuttonCss(); }
+}, [2, "digi-form-radiobutton", {
+        "afLabel": [1, "af-label"],
+        "afVariation": [1, "af-variation"],
+        "afLayout": [1, "af-layout"],
+        "afName": [1, "af-name"],
+        "afId": [1, "af-id"],
+        "afRequired": [4, "af-required"],
+        "value": [1],
+        "afValue": [1, "af-value"],
+        "checked": [4],
+        "afChecked": [4, "af-checked"],
+        "afValidation": [1, "af-validation"],
+        "afAriaLabelledby": [1, "af-aria-labelledby"],
+        "afAriaDescribedby": [1, "af-aria-describedby"],
+        "afAutofocus": [4, "af-autofocus"],
+        "dirty": [32],
+        "touched": [32],
+        "focusVisible": [32],
+        "focusMethod": [32],
+        "afMGetFormControlElement": [64]
+    }, [[0, "focus", "focusOnInput"], [1, "pointerdown", "pointerDownHandler"]], {
+        "value": [{
+                "onValueChanged": 0
+            }],
+        "checked": [{
+                "onCheckedChanged": 0
+            }],
+        "afChecked": [{
+                "onAfCheckedChanged": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-form-radiobutton"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-form-radiobutton":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), FormRadiobutton);
+            }
+            break;
+    } });
+}
+
+export { FormRadiobutton as F, defineCustomElement as d };

package/components/p-6OPMMTWC.js

@@ -0,0 +1,100 @@
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-B-pDXa1I.js';
+import { T as TagMediaIcon } from './p-BvcVTm_t.js';
+import { d as defineCustomElement$6 } from './p-CXEUAghk.js';
+import { d as defineCustomElement$5 } from './p-CSbNpd4b.js';
+import { d as defineCustomElement$4 } from './p-DE9VXsrm.js';
+import { d as defineCustomElement$3 } from './p-B-skL7jb.js';
+import { d as defineCustomElement$2 } from './p-C5wMIedF.js';
+import { d as defineCustomElement$1 } from './p-DDK_G64l.js';
+
+const tagMediaCss = () => `.sc-digi-tag-media-h{--digi--tag-media--background-color:var(--digi--color--background--sentiment--neutral--tertiary);--digi--tag-media--color--icon:var(--digi--color--icon--secondary);--digi--tag-media--width--icon:var(--digi--typography--body--font-size--desktop-large);--digi--tag-media--color--text:var(--digi--color--text--secondary);--digi--tag-media--text--font-weight:var(--digi--typography--description--font-weight--desktop);--digi--tag-media--text--font-size:var(--digi--typography--tag--font-size--desktop);--digi--tag-media--border-radius:var(--digi--global--border-radius--base);--digi--tag-media--padding:0 var(--digi--gutter--small);--digi--tag-media--margin:var(--digi--gutter--small);--digi--tag-media--height:1.875rem}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media{display:inline-flex;align-items:center;background-color:var(--digi--tag-media--background-color);border-radius:var(--digi--tag-media--border-radius);padding:var(--digi--tag-media--padding);height:var(--digi--tag-media--height)}.sc-digi-tag-media-h .digi-tag-media__icon.sc-digi-tag-media{--digi--icon--color:var(--digi--tag-media--color--icon);margin-right:var(--digi--tag-media--margin)}.sc-digi-tag-media-h .digi-tag-media__text.sc-digi-tag-media{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--tag-media--text--font-size);font-weight:var(--digi--tag-media--text--font-weight);color:var(--digi--tag-media--color--text)}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-online-computervideo.sc-digi-tag-media,.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-pod.sc-digi-tag-media,.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-news.sc-digi-tag-media,.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-webinar.sc-digi-tag-media{--digi--icon--width:20px}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-online-video.sc-digi-tag-media{--digi--icon--width:19px}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-list-ul.sc-digi-tag-media{--digi--icon--width:16px}`;
+
+const TagMedia = /*@__PURE__*/ proxyCustomElement(class TagMedia extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Sätter en specifik icon för taggen.
+         * @en Sets a specific icon for the tag.
+         */
+        this.afIcon = TagMediaIcon.NEWS;
+    }
+    get tagIcon() {
+        if (this.afIcon === TagMediaIcon.NEWS) {
+            return h("digi-icon-news", { class: "digi-tag-media__icon" });
+        }
+        if (this.afIcon === TagMediaIcon.PLAYLIST) {
+            return (h("digi-icon-list-ul", { class: "digi-tag-media__icon" }));
+        }
+        if (this.afIcon === TagMediaIcon.PODCAST) {
+            return h("digi-icon-pod", { class: "digi-tag-media__icon" });
+        }
+        if (this.afIcon === TagMediaIcon.FILM) {
+            return (h("digi-icon-online-video", { class: "digi-tag-media__icon" }));
+        }
+        if (this.afIcon === TagMediaIcon.WEBTV) {
+            return (h("digi-icon-online-computervideo", { class: "digi-tag-media__icon" }));
+        }
+        if (this.afIcon === TagMediaIcon.WEBINAR) {
+            return (h("digi-icon-webinar", { class: "digi-tag-media__icon" }));
+        }
+        return h("digi-icon-news", { class: "digi-tag-media__icon" });
+    }
+    render() {
+        return (h(Host, { key: '6f994d24697ca79ef86229c3b59a2084803c20bb' }, h("div", { key: '544b5281885950db5fdda5d633d029e2f999db77', class: {
+                'digi-tag-media': true
+            } }, this.tagIcon, h("span", { key: '53d9294102a7bb8dc1d0377a84e7a9165a88a3bb', class: "digi-tag-media__text" }, this.afText))));
+    }
+    get hostElement() { return this; }
+    static get style() { return tagMediaCss(); }
+}, [2, "digi-tag-media", {
+        "afText": [1, "af-text"],
+        "afIcon": [1, "af-icon"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-tag-media", "digi-icon-list-ul", "digi-icon-news", "digi-icon-online-computervideo", "digi-icon-online-video", "digi-icon-pod", "digi-icon-webinar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-tag-media":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), TagMedia);
+            }
+            break;
+        case "digi-icon-list-ul":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "digi-icon-news":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "digi-icon-online-computervideo":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "digi-icon-online-video":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "digi-icon-pod":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "digi-icon-webinar":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { TagMedia as T, defineCustomElement as d };

package/components/p-9_M1AU0w.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconCheckCircleSolidCss = () => `.sc-digi-icon-check-circle-solid-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-circle-solid-h svg.sc-digi-icon-check-circle-solid{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 IconCheckCircleSolid = /*@__PURE__*/ proxyCustomElement(class IconCheckCircleSolid 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: 'ba5d581aed6b0b8b6fb9c21f5cdc85b508216a17', class: "digi-icon-check-circle-solid", width: "48px", height: "48px", 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, fill: "currentColor" }, this.afTitle && h("title", { key: 'f9835131e7a8cee04a1f5f0c971a72cc102d8ff4', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9814221eb8c0f3981b0333783eb4f43668743acb' }, this.afDesc), h("defs", { key: 'a4cf71891213bdbedbaf0f9c9d3c4e8c92ee795f' }, h("polygon", { key: '320b8c91517c27cd2a87085bde71ec918980d389', points: "0 0 48 0 48 48.0005539 0 48.0005539" })), h("g", { key: '72ebc21ec6b5824180a2612b51d1a15a1a655cc2', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '23b79375f6c67782002fc2ac7b55dee15be90e09', transform: "translate(-1122, -215)" }, h("g", { key: '93c5a33ccc025e5584184c281731e23ea7a4d5d4', transform: "translate(1122, 215)" }, h("mask", { key: '73d137d4212aba1038e53134845186f09da934c9', id: "mask-2", fill: "white" }, h("use", { key: '19a2ba8244d5441e1e683c92884839484b909372', href: "#path-1" })), h("g", { key: '50a827eddabbd1903b4706e1427c4ab444c925a7', id: "Clip-2" }), h("path", { key: '0ede480489fef5e2fd771ae332411854c6a289f1', d: "M38.2695118,19.0969092 L22.8594286,34.5069924 C22.1966492,35.1697718 21.1129402,35.1697718 20.4501608,34.5069924 L18.821828,32.8786597 L18.821828,32.8786597 L11.8414129,25.8982446 C11.1786335,25.2354652 11.1786335,24.14991 11.8414129,23.4871306 L13.4678995,21.860644 C14.1306789,21.1978646 15.2162341,21.1978646 15.8790135,21.860644 L21.6538716,27.6373483 L34.2319113,15.0593086 C34.8946907,14.3965292 35.9783997,14.3965292 36.6411791,15.0593086 L38.2695118,16.6876413 C38.9322913,17.3504208 38.9322913,18.4341298 38.2695118,19.0969092 M24.0003692,0 C10.7447807,0 0,10.7447807 0,24.0003692 C0,37.2559578 10.7447807,48.0007385 24.0003692,48.0007385 C37.2541116,48.0007385 48.0007385,37.2559578 48.0007385,24.0003692 C48.0007385,10.7447807 37.2541116,0 24.0003692,0", fill: "currentColor" }))))));
+    }
+    static get style() { return iconCheckCircleSolidCss(); }
+}, [2, "digi-icon-check-circle-solid", {
+        "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-circle-solid"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-check-circle-solid":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconCheckCircleSolid);
+            }
+            break;
+    } });
+}
+
+export { IconCheckCircleSolid as I, defineCustomElement as d };