@designsystem-se/af 39.2.1-beta.0 → 39.2.1-beta.darkmode.0

package/components/p-Ce4dfdMk.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B6ugjiwM.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconNewsCss = () => `.sc-digi-icon-news-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-news-h svg.sc-digi-icon-news{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 IconNews = /*@__PURE__*/ proxyCustomElement(class IconNews 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: '6f7f3885913d5b4684069bbcf3943e52917b8c88', class: "digi-icon-news", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '114a6f65a6b03747db8e438254307fc56e3df300', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7813abdd9121986ddebdefd88b08a87e1692522d' }, this.afDesc), h("path", { key: '8f27313bc081878331263afb5b2d472b699f457f', class: "digi-icon-news__shape", d: "M46,8 L7.33333333,8 C6.2305,8 5.33333333,8.91327232 5.33333333,10.0357143 L5.33333333,10.7142857 L2,10.7142857 C0.895416667,10.7142857 0,11.625692 0,12.75 L0,36.5 C0,38.7486161 1.79083333,40.5714286 4,40.5714286 L46,40.5714286 C47.10275,40.5714286 48,39.6581562 48,38.5357143 L48,10.0357143 C48,8.91327232 47.10275,8 46,8 Z M2.66666667,36.5 L2.66666667,13.4285714 L5.33333333,13.4285714 L5.33333333,36.5 C5.33333333,37.2482946 4.73516667,37.8571429 4,37.8571429 C3.26483333,37.8571429 2.66666667,37.2482946 2.66666667,36.5 Z M45.3333333,37.8571429 L7.7715,37.8571429 C7.92297604,37.4212905 8.00025232,36.9623191 8,36.5 L8,10.7142857 L45.3333333,10.7142857 L45.3333333,37.8571429 Z M11.6666667,29.7142857 L25.6666667,29.7142857 C26.2189167,29.7142857 26.6666667,29.2585402 26.6666667,28.6964286 L26.6666667,14.4464286 C26.6666667,13.884317 26.2189167,13.4285714 25.6666667,13.4285714 L11.6666667,13.4285714 C11.1144167,13.4285714 10.6666667,13.884317 10.6666667,14.4464286 L10.6666667,28.6964286 C10.6666667,29.2585402 11.1144167,29.7142857 11.6666667,29.7142857 Z M13.3333333,16.1428571 L24,16.1428571 L24,27 L13.3333333,27 L13.3333333,16.1428571 Z M10.6666667,34.125 L10.6666667,33.4464286 C10.6666667,32.884317 11.1144167,32.4285714 11.6666667,32.4285714 L25.6666667,32.4285714 C26.2189167,32.4285714 26.6666667,32.884317 26.6666667,33.4464286 L26.6666667,34.125 C26.6666667,34.6871116 26.2189167,35.1428571 25.6666667,35.1428571 L11.6666667,35.1428571 C11.1144167,35.1428571 10.6666667,34.6871116 10.6666667,34.125 Z M29.3333333,34.125 L29.3333333,33.4464286 C29.3333333,32.884317 29.7810833,32.4285714 30.3333333,32.4285714 L41.6666667,32.4285714 C42.2189167,32.4285714 42.6666667,32.884317 42.6666667,33.4464286 L42.6666667,34.125 C42.6666667,34.6871116 42.2189167,35.1428571 41.6666667,35.1428571 L30.3333333,35.1428571 C29.7810833,35.1428571 29.3333333,34.6871116 29.3333333,34.125 Z M29.3333333,28.6964286 L29.3333333,28.0178571 C29.3333333,27.4557455 29.7810833,27 30.3333333,27 L41.6666667,27 C42.2189167,27 42.6666667,27.4557455 42.6666667,28.0178571 L42.6666667,28.6964286 C42.6666667,29.2585402 42.2189167,29.7142857 41.6666667,29.7142857 L30.3333333,29.7142857 C29.7810833,29.7142857 29.3333333,29.2585402 29.3333333,28.6964286 Z M29.3333333,17.8392857 L29.3333333,17.1607143 C29.3333333,16.5986027 29.7810833,16.1428571 30.3333333,16.1428571 L41.6666667,16.1428571 C42.2189167,16.1428571 42.6666667,16.5986027 42.6666667,17.1607143 L42.6666667,17.8392857 C42.6666667,18.4013973 42.2189167,18.8571429 41.6666667,18.8571429 L30.3333333,18.8571429 C29.7810833,18.8571429 29.3333333,18.4013973 29.3333333,17.8392857 Z M29.3333333,23.2678571 L29.3333333,22.5892857 C29.3333333,22.0271741 29.7810833,21.5714286 30.3333333,21.5714286 L41.6666667,21.5714286 C42.2189167,21.5714286 42.6666667,22.0271741 42.6666667,22.5892857 L42.6666667,23.2678571 C42.6666667,23.8299687 42.2189167,24.2857143 41.6666667,24.2857143 L30.3333333,24.2857143 C29.7810833,24.2857143 29.3333333,23.8299687 29.3333333,23.2678571 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconNewsCss(); }
+}, [2, "digi-icon-news", {
+        "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-news"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-news":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconNews);
+            }
+            break;
+    } });
+}
+
+export { IconNews as I, defineCustomElement as d };

package/components/p-CgR2kn9y.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B6ugjiwM.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconArrowRightCss = () => `.sc-digi-icon-arrow-right-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-arrow-right-h svg.sc-digi-icon-arrow-right{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 IconArrowRight = /*@__PURE__*/ proxyCustomElement(class IconArrowRight 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: '3f6d5362a2b58f7248df9f1715e72064fdb99470', class: "digi-icon-arrow-right", 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: '7f585c19a3ffa619ba0b09ab578820dcd7f78024', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7cae582db9fd40a3ba6e1403a945d3dc43b549a1' }, this.afDesc), h("path", { key: '2943a18a5c939d57ca9f16fcdfc12cf326dc493c', class: "digi-icon-arrow-right__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) rotate(90.000000) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconArrowRightCss(); }
+}, [2, "digi-icon-arrow-right", {
+        "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-arrow-right"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-arrow-right":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconArrowRight);
+            }
+            break;
+    } });
+}
+
+export { IconArrowRight as I, defineCustomElement as d };

package/components/p-Challmqc.js

@@ -0,0 +1,171 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-B6ugjiwM.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-CmMPkFWG.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B6ugjiwM.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconSearchCss = () => `.sc-digi-icon-search-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-search-h svg.sc-digi-icon-search{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 IconSearch = /*@__PURE__*/ proxyCustomElement(class IconSearch 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: '1eb3481da65a54a65d2e2b39b52cc73040f17f80', class: "digi-icon-search", width: "26", height: "26", viewBox: "0 0 26 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'cc6b97d91f6c1014c8def02ecbfbacd855c0afb7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ff8baff341e0d5085c842703a4fcf71550a4198f' }, this.afDesc), h("path", { key: '17d100f7133e72d99683b3181859453081c0efd0', class: "digi-icon-search__shape", d: "M25.645 22.437l-5.063-5.053a1.22 1.22 0 00-.864-.355h-.827a10.477 10.477 0 002.234-6.487C21.125 4.719 16.397 0 10.562 0 4.729 0 0 4.719 0 10.542c0 5.823 4.728 10.542 10.563 10.542 2.452 0 4.707-.831 6.5-2.23v.826c0 .324.126.633.355.862l5.063 5.053c.477.476 1.25.476 1.721 0l1.437-1.435a1.22 1.22 0 00.006-1.723zm-15.082-5.408c-3.59 0-6.5-2.899-6.5-6.487a6.49 6.49 0 016.5-6.487c3.59 0 6.5 2.899 6.5 6.487a6.49 6.49 0 01-6.5 6.487z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconSearchCss(); }
+}, [2, "digi-icon-search", {
+        "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-search"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-search":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconSearch);
+            }
+            break;
+    } });
+}
+
+export { IconSearch as I, defineCustomElement as d };

package/components/p-Cq6uMoL1.js

@@ -0,0 +1,152 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B6ugjiwM.js';
+import { b as CodeBlockVariation, a as CodeBlockLanguage } from './p-BbGPkkqr.js';
+import { P as Prism } from './p-CdcGvoTs.js';
+import './p-CKoZU0-H.js';
+import './p-C0A-p3cU.js';
+import { B as ButtonSize, b as ButtonVariation } from './p-DNHRmpND.js';
+import './p-DH_-wpLB.js';
+import './p-DPeoHh1J.js';
+import './p-qc6KRZue.js';
+import './p-DwNlf6Sh.js';
+import './p-C6B2KRZo.js';
+import './p-CES5gUEo.js';
+import './p-DzSu1-K0.js';
+import './p-6-MpaVf8.js';
+import './p-BfyJgcLA.js';
+import './p-BvWKyXb_.js';
+import './p-7F-7XlTz.js';
+import './p-Dp9SgP94.js';
+import './p-CAr8ZNeD.js';
+import './p-DcnvI7UR.js';
+import './p-DCS1KcvC.js';
+import './p-DogB9kfH.js';
+import './p-B8hpiXmh.js';
+import './p-CkIb3cUS.js';
+import './p-_ycZeBN4.js';
+import './p-rbgkevJv.js';
+import './p-DJCufAhy.js';
+import './p-oKq_eErM.js';
+import './p-CPzcg9n3.js';
+import './p-CsNHGpkJ.js';
+import './p-D_VIx0pC.js';
+import './p-ArGkfrXt.js';
+import './p-Chk3GCYK.js';
+import './p-evtVuhQt.js';
+import './p-V-HTxO5a.js';
+import './p-DPkRL9Bv.js';
+import './p-D0CENVum.js';
+import './p-DE6sqPn9.js';
+import './p-DXqRzyRP.js';
+import './p-DoZkBEe8.js';
+import './p-m9xS70Ez.js';
+import './p-CmH9mJ43.js';
+import './p-DBcU_EnL.js';
+import './p-BvcVTm_t.js';
+import './p-bQJ38En_.js';
+import './p-DrVSK7Ws.js';
+import './p-CAmn5qzb.js';
+import './p-BYZUJ0Q_.js';
+import './p-DNjGvZvz.js';
+import './p-CHxBAbI8.js';
+import './p-rhVqmQwC.js';
+import './p-DPq588Q4.js';
+import { _ as _t } from './p-DsO1BTml.js';
+import { d as defineCustomElement$2 } from './p-DbsaTvkJ.js';
+import { d as defineCustomElement$1 } from './p-qPIgWzPO.js';
+
+const codeBlockCss = () => `digi-code-block{--digi--code-block--background:var(--digi--color--background--primary);--digi--code-block--border-radius:0.3rem;--digi--code-block--border:1px solid var(--digi--grayscale--900);display:block}digi-code-block .digi-code-block{border-radius:var(--digi--code-block--border-radius);border:var(--digi--code-block--border);overflow:hidden;position:relative}digi-code-block .digi-code-block pre{margin:0}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:break-word;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:#fefefe}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.prolog,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.cdata{color:#696969}digi-code-block .digi-code-block--light .token.punctuation{color:#545454}digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.tag,digi-code-block .digi-code-block--light .token.constant,digi-code-block .digi-code-block--light .token.symbol,digi-code-block .digi-code-block--light .token.deleted{color:#007faa}digi-code-block .digi-code-block--light .token.boolean,digi-code-block .digi-code-block--light .token.number{color:#008000}digi-code-block .digi-code-block--light .token.selector,digi-code-block .digi-code-block--light .token.attr-name,digi-code-block .digi-code-block--light .token.string,digi-code-block .digi-code-block--light .token.char,digi-code-block .digi-code-block--light .token.builtin,digi-code-block .digi-code-block--light .token.inserted{color:#aa5d00}digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.entity,digi-code-block .digi-code-block--light .token.url,digi-code-block .digi-code-block--light .language-css .token.string,digi-code-block .digi-code-block--light .style .token.string,digi-code-block .digi-code-block--light .token.variable{color:#008000}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function{color:#aa5d00}digi-code-block .digi-code-block--light .token.keyword{color:#d91e18}digi-code-block .digi-code-block--light .token.regex,digi-code-block .digi-code-block--light .token.important{color:#d91e18}digi-code-block .digi-code-block--light .token.important,digi-code-block .digi-code-block--light .token.bold{font-weight:bold}digi-code-block .digi-code-block--light .token.italic{font-style:italic}digi-code-block .digi-code-block--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:window}digi-code-block .digi-code-block--light .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.selector{font-weight:bold}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.string{color:highlight}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.url{font-weight:normal}}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark .digi-code-block__button{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary)}digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:break-word;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:#272727}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.prolog,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.cdata{color:#d4d0ab}digi-code-block .digi-code-block--dark .token.punctuation{color:#fefefe}digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.tag,digi-code-block .digi-code-block--dark .token.constant,digi-code-block .digi-code-block--dark .token.symbol,digi-code-block .digi-code-block--dark .token.deleted{color:#ffa07a}digi-code-block .digi-code-block--dark .token.boolean,digi-code-block .digi-code-block--dark .token.number{color:#00e0e0}digi-code-block .digi-code-block--dark .token.selector,digi-code-block .digi-code-block--dark .token.attr-name,digi-code-block .digi-code-block--dark .token.string,digi-code-block .digi-code-block--dark .token.char,digi-code-block .digi-code-block--dark .token.builtin,digi-code-block .digi-code-block--dark .token.inserted{color:#abe338}digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.entity,digi-code-block .digi-code-block--dark .token.url,digi-code-block .digi-code-block--dark .language-css .token.string,digi-code-block .digi-code-block--dark .style .token.string,digi-code-block .digi-code-block--dark .token.variable{color:#00e0e0}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function{color:#ffd700}digi-code-block .digi-code-block--dark .token.keyword{color:#00e0e0}digi-code-block .digi-code-block--dark .token.regex,digi-code-block .digi-code-block--dark .token.important{color:#ffd700}digi-code-block .digi-code-block--dark .token.important,digi-code-block .digi-code-block--dark .token.bold{font-weight:bold}digi-code-block .digi-code-block--dark .token.italic{font-style:italic}digi-code-block .digi-code-block--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:window}digi-code-block .digi-code-block--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.selector{font-weight:bold}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.string{color:highlight}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.url{font-weight:normal}}digi-code-block .digi-code-block__toolbar{padding-bottom:0.5rem;display:flex;justify-content:flex-end;position:absolute;bottom:0;width:100%}digi-code-block .digi-code-block__button{margin-right:var(--digi--margin--smaller)}`;
+
+const CodeBlock = /*@__PURE__*/ proxyCustomElement(class CodeBlock extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Sätt färgtemat. Kan vara ljust eller mörkt.
+         * @en Set code block variation. This defines the syntax highlighting and can be either light or dark.
+         */
+        this.afVariation = CodeBlockVariation.DARK;
+        /**
+         * Sätt programmeringsspråk. 'html' är förvalt.
+         * @en Set code language. Defaults to html.
+         */
+        this.afLanguage = CodeBlockLanguage.HTML;
+        /**
+         * Sätt språk inuti code-elementet. 'en' (engelska) är förvalt.
+         * @en Set language inside of code element. Defaults to 'en' (english).
+         */
+        this.afLang = 'en';
+        /**
+         * Ta bort knappar för att till exempel kopiera kod
+         * @en Remove toolbar for copying code etc
+         */
+        this.afHideToolbar = false;
+    }
+    componentWillLoad() {
+        Prism.manual = true;
+        this.formatCode();
+    }
+    formatCode() {
+        this.highlightedCode = Prism.highlight(this.afCode, Prism.languages[this.afLanguage], this.afLanguage);
+    }
+    copyButtonClickHandler() {
+        navigator.clipboard.writeText(this.afCode).then(() => {
+            // console.log('hurra!');
+        }, (err) => {
+            // console.log('åh nej!', err);
+            console.error(err);
+        });
+    }
+    get cssModifiers() {
+        return {
+            'digi-code-block--light': this.afVariation === CodeBlockVariation.LIGHT,
+            'digi-code-block--dark': this.afVariation === CodeBlockVariation.DARK
+        };
+    }
+    render() {
+        return (h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
+    }
+    static get watchers() { return {
+        "afCode": [{
+                "formatCode": 0
+            }]
+    }; }
+    static get style() { return codeBlockCss(); }
+}, [0, "digi-code-block", {
+        "afCode": [1, "af-code"],
+        "afVariation": [1, "af-variation"],
+        "afLanguage": [1, "af-language"],
+        "afLang": [1, "af-lang"],
+        "afHideToolbar": [4, "af-hide-toolbar"],
+        "highlightedCode": [32]
+    }, undefined, {
+        "afCode": [{
+                "formatCode": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-code-block", "digi-button", "digi-icon-copy"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-code-block":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), CodeBlock);
+            }
+            break;
+        case "digi-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "digi-icon-copy":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { CodeBlock as C, defineCustomElement as d };

package/components/p-CtkJpmky.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B6ugjiwM.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconOnlineVideoCss = () => `.sc-digi-icon-online-video-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-online-video-h svg.sc-digi-icon-online-video{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconOnlineVideo = /*@__PURE__*/ proxyCustomElement(class IconOnlineVideo extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: 'fff132a59ea95b5afa350b9d8c1b6088bf06519d', class: "digi-icon-online-video", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '430d4ad42924fd9eca609c5bee129f3dd1f21be6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '605e16eee1162b10ed96d17c0ac6a3c5a0b60bae' }, this.afDesc), h("defs", { key: '909e9ef370525d60339de0510b04fc5c7d3f5419' }, h("polygon", { key: '4ac548f94a3f96ce56908db5df6b0f34f03d325f', id: "path-1", points: "0 0 57.8288208 0 57.8288208 31.6225833 0 31.6225833" }), h("polygon", { key: '6d8014f0517e038896388a83dfc5a65a5bd5092e', id: "path-3", points: "0 0 10.1235667 0 10.1235667 4.72491667 0 4.72491667" }), h("polygon", { key: 'f6b894585d58a1ee752f30e6bd4f1cec61a2c9f1', id: "path-5", points: "0 0 31.6055333 0 31.6055333 4.72491667 0 4.72491667" }), h("polygon", { key: 'fcf178a2f74ca76b78bbf190ccf2ed6108a2fcee', id: "path-7", points: "0 0 8.24083333 0 8.24083333 8.24070417 0 8.24070417" })), h("g", { key: '1542f722ff989f3f3d8d9e6d0492587ed76d3a82', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'a93f54fb3d1739c18e55ebd3424c5f4cc3822cb0', transform: "translate(-41, -890)" }, h("g", { key: '347dd262851d4326b945653890fdb3f62c1b4188', transform: "translate(43.5833, 897.75)" }, h("g", { key: 'b6538ae1583327df6bdd9e39058521457f387007', transform: "translate(0, 0)" }, h("g", { key: '63976a45e7451f9bf9e214a7927af90256db101e' }, h("mask", { key: '29041f1c1100bf981468437b7352db47b55614de', fill: "white" }, h("use", { key: 'b09b6bceb6f5bf4692b1e4c9565afff4bb166d3d', href: "#path-1" })), h("g", { key: 'bf0006d13e078b6516f180d1c59516d7d76ce561' }), h("path", { key: 'e32db2e0f2ee267c5c7c962d56b1c98197c3863e', d: "M35.4494042,16.844625 L23.6435708,23.66075 C23.4472375,23.7744167 23.2302375,23.8299583 23.0119458,23.8299583 C22.7936542,23.8299583 22.5753625,23.7744167 22.3803208,23.66075 C21.9889458,23.4347083 21.7486958,23.0187917 21.7486958,22.5667083 L21.7486958,8.93445833 C21.7486958,8.482375 21.9889458,8.06516667 22.3803208,7.84041667 C22.7704042,7.614375 23.2521958,7.614375 23.6435708,7.84041667 L35.4494042,14.6565417 C35.8407792,14.8812917 36.0810292,15.2997917 36.0810292,15.7505833 C36.0810292,16.201375 35.8407792,16.6185833 35.4494042,16.844625 M55.2971542,0 L2.53257083,0 C1.14015417,0 -0.0003875,1.13925 -0.0003875,2.53166667 L-0.0003875,29.089625 C-0.0003875,30.4820417 1.14015417,31.6225833 2.53257083,31.6225833 L55.2971542,31.6225833 C56.6895708,31.6225833 57.8288208,30.4820417 57.8288208,29.089625 L57.8288208,2.53166667 C57.8288208,1.13925 56.6895708,0 55.2971542,0", fill: "currentColor" })), h("g", { key: 'a4991639dbc9c43e66aa2443151a6b63c6f255eb', transform: "translate(0, 40.7418)" }, h("mask", { key: '8e95545a45301c2dcf4f444fd618c964e85b6644', fill: "white" }, h("use", { key: '3cf1609ba00c6db7ea37ea80bf32d57947c8c97e', href: "#path-3" })), h("g", { key: '0529eb62fde518e108b7b79e490a432ce178b546' }), h("path", { key: '0a519abe2d8acb5083d54f47d08bd850f678c7aa', d: "M10.1235667,0 L2.36194167,0 C1.062525,0 -0.000516666667,1.06304167 -0.000516666667,2.36245833 C-0.000516666667,3.661875 1.062525,4.72491667 2.36194167,4.72491667 L10.1235667,4.72491667 C9.87298333,3.97833333 9.70506667,3.193 9.70506667,2.36245833 C9.70506667,1.53191667 9.87298333,0.746583333 10.1235667,0", fill: "currentColor" })), h("g", { key: 'c03106bc9865b2adcee38e232dcb9dab1d5b67d6', transform: "translate(26.2237, 40.7418)" }, h("mask", { key: 'adad758ca9962ca7f858caa52996d84ef3b7d447', fill: "white" }, h("use", { key: '09b66cdb61a5cdb0b2cee4a9ab4fbb0e08d8c949', href: "#path-5" })), h("g", { key: 'd2b4b018d4abb728178d49baac035dbde0bad0c6' }), h("path", { key: '9b789a93d8f8b149e280bdfbfbd2505b76baff7d', d: "M29.2433333,0 L0,0 C0.250583333,0.746583333 0.4185,1.53191667 0.4185,2.36245833 C0.4185,3.193 0.250583333,3.97833333 0,4.72491667 L29.2433333,4.72491667 C30.54275,4.72491667 31.6057917,3.661875 31.6057917,2.36245833 C31.6057917,1.06304167 30.54275,0 29.2433333,0", fill: "currentColor" })), h("g", { key: '472bd8fcf51d7baf1287d8606186d0cdc84bfed0', transform: "translate(14.0529, 38.9837)" }, h("mask", { key: 'eadbfd10f1b00c73946232ecf74cf4b6612f973f', fill: "white" }, h("use", { key: '6485dd41de02242401f92e9f88209474a756fb1c', href: "#path-7" })), h("g", { key: '2b36edcb440fedfdbb711fa098048d69f2ffbd26' }), h("path", { key: '68edeb8bf9e6a8ce44e7c11cf55d3e84ebf2c9b7', d: "M8.24083333,4.12041667 C8.24083333,6.39633333 6.39633333,8.24083333 4.12041667,8.24083333 C1.8445,8.24083333 0,6.39633333 0,4.12041667 C0,1.8445 1.8445,0 4.12041667,0 C6.39633333,0 8.24083333,1.8445 8.24083333,4.12041667", fill: "currentColor" }))))))));
+    }
+    static get style() { return iconOnlineVideoCss(); }
+}, [2, "digi-icon-online-video", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-online-video"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-online-video":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconOnlineVideo);
+            }
+            break;
+    } });
+}
+
+export { IconOnlineVideo as I, defineCustomElement as d };

package/components/p-CuEDp6iS.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B6ugjiwM.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconPlusCss = () => `.sc-digi-icon-plus-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-plus-h svg.sc-digi-icon-plus{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 IconPlus = /*@__PURE__*/ proxyCustomElement(class IconPlus 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: '1ed5eadab60ec69d6058345b63e86a69adbaceaf', class: "digi-icon-plus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '5fd0dbbfc25a0014e35bd1b174cf04f977741cfa', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b31ba8400a7264db252d79722b47fa0c99d94b4a' }, this.afDesc), h("path", { key: 'f3fcc2005a4d5f1843d233349190f86579460bab', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconPlusCss(); }
+}, [2, "digi-icon-plus", {
+        "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-plus"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-plus":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconPlus);
+            }
+            break;
+    } });
+}
+
+export { IconPlus as I, defineCustomElement as d };