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

package/components/p-DZeolZgK.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const 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: '3bcd60d16b90d3094ea1e6c66c41658462a85894', 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: 'd835fb31a287f42686a174895d8d7de42481ee17', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '08dfca7e1b6b7c179d3e01de74c42f0c375282df' }, this.afDesc), h("defs", { key: '1be9ee0175579ace6ff3d3bbf6beda9470be3eb0' }, h("polygon", { key: 'f2035db8b1102862359e72489826b540f986697f', points: "0 0 48 0 48 48.0005539 0 48.0005539" })), h("g", { key: 'bfde021fb37a001a532b7164491c3534b98b5b2e', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '589d48774a4da87419af610f363b96572693742b', transform: "translate(-1122, -215)" }, h("g", { key: '04fa1770eb381ff257176dbb048f8b2d4117ea13', transform: "translate(1122, 215)" }, h("mask", { key: 'a7e8d0a7728f8cb9f91165e00543b2235c1184ab', id: "mask-2", fill: "white" }, h("use", { key: '77dea941bf362824b1d6e930b4db718c8ab14fc0', href: "#path-1" })), h("g", { key: 'f4c1ac7e17229ee7799c27a093a876b39e8a77f9', id: "Clip-2" }), h("path", { key: '078293986c64b3ef7a5869b3e34ea93995ab17b7', 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 };

package/components/p-DcCpS-VQ.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconXButtonOutlineCss = () => `.sc-digi-icon-x-button-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-button-outline-h svg.sc-digi-icon-x-button-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconXButtonOutline = /*@__PURE__*/ proxyCustomElement(class IconXButtonOutline extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: 'e795a71e3dc74206f4cb072c4d8abc4772f2190d', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && h("title", { key: 'ddea9e6b51c9a325cb4bf94ed6110dddc30f4a36', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '21ed9b107a9e5123621f51e397d8da32bd85b959' }, this.afDesc), h("path", { key: '8ea0b2e56e61abed77519e955bb80f9e7fc93283', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconXButtonOutlineCss(); }
+}, [2, "digi-icon-x-button-outline", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-x-button-outline"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-x-button-outline":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconXButtonOutline);
+            }
+            break;
+    } });
+}
+
+export { IconXButtonOutline as I, defineCustomElement as d };

package/components/p-DemQeKh3.js

@@ -0,0 +1,172 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-D6LCrv8C.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 = () => `@charset "UTF-8";.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--padding--large:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large);--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--box-shadow:none;--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--size-large.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--large);--PADDING:var(--digi--button--padding--large);--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);box-shadow:var(--digi--button--box-shadow);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)}.digi-button__icon.sc-digi-button:empty{display:none}`;
+
+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-DmD6mpnz.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconWebinarCss = () => `.sc-digi-icon-webinar-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-webinar-h svg.sc-digi-icon-webinar{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 IconWebinar = /*@__PURE__*/ proxyCustomElement(class IconWebinar 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: '30d56d092cdf200f1ff42561c12f354a6b9c9599', class: "digi-icon-media-webinar", 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: '4221dece8fba1c99211c270b5ec39e3ec50f2e05', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'bd22ca7ed6eef96945297943b7a268fbaf1202a6' }, this.afDesc), h("defs", { key: 'eb6739ce8eec93be8aef69fc91c48f2515643086' }, h("polygon", { key: '8404cc07a81765355cd1838e8f9d92c33230083b', points: "0 0 46.0706453 0 46.0706453 6.84583302 0 6.84583302" }), h("polygon", { key: 'e60d53f913b6b99f9ef50d51c7efd6d2cb814b05', points: "0 0 20.7553606 0 20.7553606 16.9520588 0 16.9520588" })), h("g", { key: '1c64ce574d9e2d7202da526dc4f8529b9b7dbec8', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '6b443aed8be927f0aced0b496c9dd99a832d9c82', transform: "translate(-124, -722)" }, h("g", { key: '664fd2f7ac5ba462b16822512cfd5f06c0e62cd1', transform: "translate(124, 726)" }, h("g", { key: 'a30fc6dba83bda8a186f590eb3293c3dcf4b20a9', transform: "translate(0, 33.1497)" }, h("mask", { key: '126b72df0b66408881a69068a9c3639bdc8eca9c', id: "mask-2", fill: "white" }, h("use", { key: '2ff52de029940c2eda5ceed45f0d92d10eb7176f', href: "#path-1" })), h("g", { key: '953863154756b0c4585a8799ec6f40348df676b3' }), h("path", { key: '59fcd600f740ebfe2d841fa28b9b065810269136', d: "M32.4654281,0 C29.5470994,1.01554561 28.1793888,2.39053613 23.0352317,2.39053613 C17.8910745,2.39053613 16.5233639,1.01554561 13.6050353,0 L-0.000181997422,0 L-0.000181997422,3.25320391 C-0.000181997422,5.22969591 1.07087283,6.84583302 3.49871843,6.84583302 L42.5717449,6.84583302 C44.9995905,6.84583302 46.0706453,5.22969591 46.0706453,3.25320391 L46.0706453,0 L32.4654281,0 Z", fill: "currentColor" })), h("path", { key: 'bc06ee2fb5412928e2baae0cc9fc7a327eec3404', d: "M24.3296883,7.89077121 C24.3296883,6.71506787 24.5881247,5.58850383 25.0403883,4.53473876 C25.1341169,4.31634185 25.2505953,4.10704482 25.3616137,3.89592781 L4.37185107,3.89592781 C3.23891712,3.89592781 2.31255024,4.86506408 2.31255024,6.04895731 L2.31255024,29.4847653 L6.52670054,29.4847653 L6.52670054,9.50690832 C6.52670054,8.98002578 6.9389247,8.54869189 7.44214757,8.54869189 L24.3642678,8.54869189 C24.3469781,8.33029499 24.3296883,8.11189808 24.3296883,7.89077121", fill: "currentColor" }), h("path", { key: '6bfeb0157a1c4fb7d532cb86ca4b12edeaa745d1', d: "M41.2624554,18.5539092 C40.7028134,18.6767574 40.1295215,18.7713961 39.5434898,18.8360052 L39.5434898,29.4846743 L43.7576401,29.4846743 L43.7576401,17.7640403 C42.9695913,18.0916357 42.1369531,18.3619019 41.2624554,18.5539092", fill: "currentColor" }), h("path", { key: 'c508d579ffb35978e51811aee4a23a5062fccd65', d: "M27.7086525,29.9926291 C27.7086525,30.5140517 27.3055282,30.9371957 26.8086752,30.9371957 L11.8111777,30.9371957 C11.3143247,30.9371957 10.9121104,30.5140517 10.9121104,29.9926291 L10.9121104,26.7157655 C10.9121104,24.6282551 12.5227876,22.9365891 14.5111094,22.9365891 L16.5594904,22.9365891 C18.3366952,23.7919769 20.3486767,23.7610374 22.0612725,22.9365891 L24.1096534,22.9365891 C26.0970653,22.9365891 27.7086525,24.6282551 27.7086525,26.7157655 L27.7086525,29.9926291 Z M19.3103814,11.5981497 C21.9602639,11.5981497 24.1096534,13.8540077 24.1096534,16.6376583 C24.1096534,19.4203989 21.9602639,21.6762569 19.3103814,21.6762569 C16.659589,21.6762569 14.5111094,19.4203989 14.5111094,16.6376583 C14.5111094,13.8540077 16.659589,11.5981497 19.3103814,11.5981497 L19.3103814,11.5981497 Z", fill: "currentColor" }), h("path", { key: 'ada4b4329648cd4a0342e31de9b953213b99aa2f', d: "M19.3101084,21.6764389 C21.9609009,21.6764389 24.1093805,19.4205809 24.1093805,16.6369303 C24.1093805,13.8541897 21.9609009,11.5983317 19.3101084,11.5983317 C16.659316,11.5983317 14.5108364,13.8541897 14.5108364,16.6369303 C14.5108364,19.4205809 16.659316,21.6764389 19.3101084,21.6764389", fill: "currentColor" }), h("path", { key: '8c720d4dceca6375081e2f296117ce9d6d76636b', d: "M24.1092895,22.9362251 L22.0609085,22.9362251 C20.3492227,23.7606734 18.3372412,23.7925229 16.5591264,22.9362251 L14.5107454,22.9362251 C12.5233336,22.9362251 10.9117464,24.6278911 10.9117464,26.7154015 L10.9117464,29.9922651 C10.9117464,30.5145977 11.3148707,30.9377417 11.8117237,30.9377417 L26.8092212,30.9377417 C27.3060742,30.9377417 27.7082885,30.5145977 27.7082885,29.9922651 L27.7082885,26.7154015 C27.7082885,24.6278911 26.0976113,22.9362251 24.1092895,22.9362251", fill: "currentColor" }), h("g", { key: '39a42881bf24ba737d2c47c4f476bcb995c280ca', transform: "translate(27.2446, 0)" }, h("mask", { key: '3d08425bf75998468bdb1b773d08c3bbfe04d49f', id: "mask-4", fill: "white" }, h("use", { key: '548a8492bbcbb5c96d45757edbe700902550e6e8', href: "#path-3" })), h("g", { key: 'f81dd16de146b6ea90713654e0268a37b56f0cfa' }), h("path", { key: '5f72c41950dc161f0594b066a96d49b37e8f961b', d: "M14.0163601,9.95243801 C12.6923288,9.95243801 11.619454,8.87956321 11.619454,7.55553196 C11.619454,6.23150072 12.6923288,5.15862592 14.0163601,5.15862592 C15.3403913,5.15862592 16.4132661,6.23150072 16.4132661,7.55553196 C16.4132661,8.87956321 15.3403913,9.95243801 14.0163601,9.95243801 M6.73919318,9.95243801 C5.41516194,9.95243801 4.34228713,8.87956321 4.34228713,7.55553196 C4.34228713,6.23150072 5.41516194,5.15862592 6.73919318,5.15862592 C8.06322442,5.15862592 9.13609922,6.23150072 9.13609922,7.55553196 C9.13609922,8.87956321 8.06322442,9.95243801 6.73919318,9.95243801 M10.7394965,-9.09987108e-05 C5.20768488,-9.09987108e-05 0.723268404,3.5224691 0.723268404,7.8703875 C0.723268404,9.67125199 1.50221737,11.3210586 2.79348908,12.6496398 C2.21018734,14.1401987 0.276464734,15.4041708 0.257355005,15.4196406 C-0.00108133406,15.6844468 -0.0720603285,16.0702813 0.0771775573,16.4033366 C0.225505456,16.7363919 0.565840635,16.9520588 0.94166531,16.9520588 C3.34767123,16.9520588 5.96661412,15.9792826 7.105008,15.1994237 C8.23521199,15.5443088 9.45641468,15.740866 10.7394965,15.740866 C16.2713081,15.740866 20.7557246,12.2183059 20.7557246,7.8703875 C20.7557246,3.5224691 16.2713081,-9.09987108e-05 10.7394965,-9.09987108e-05", fill: "currentColor" })))))));
+    }
+    static get style() { return iconWebinarCss(); }
+}, [2, "digi-icon-webinar", {
+        "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-webinar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-webinar":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconWebinar);
+            }
+            break;
+    } });
+}
+
+export { IconWebinar as I, defineCustomElement as d };

package/components/p-DnJCFNm5.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconNotificationErrorCss = () => `.sc-digi-icon-notification-error-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-notification-error-h svg.sc-digi-icon-notification-error{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 IconNotificationError = /*@__PURE__*/ proxyCustomElement(class IconNotificationError 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: '838a1c3758ea7cc9c866d520489684f0ea3f1625', class: "digi-icon-notification-error", 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: '1b127fcfb3ada7b0b698ec20848ca5f9a736adb0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b443fbb295f3a15a2834c9166ac00efaf0f56164' }, this.afDesc), h("path", { key: 'd7e39c4a0b1dff8e22039fb54491849ebd450511', class: "digi-icon-notification-error__shape", d: "M16.3083126,13.5575621 C17.212521,12.6758465 18.6746453,12.6758465 19.4922806,13.5575621 L24.0133226,18.0230248 L28.6209379,13.5575621 C29.5251463,12.6758465 30.9872705,12.6758465 31.8049058,13.5575621 C32.7860681,14.4487585 32.7860681,15.889842 31.8049058,16.6957111 L27.3608176,21.151693 L31.8049058,25.6930023 C32.7860681,26.5841986 32.7860681,28.0252822 31.8049058,28.8311512 C30.9872705,29.7981941 29.5251463,29.7981941 28.6209379,28.8311512 L24.0133226,24.4510158 L19.4922806,28.8311512 C18.6746453,29.7981941 17.212521,29.7981941 16.3083126,28.8311512 C15.4137234,28.0252822 15.4137234,26.5841986 16.3083126,25.6930023 L20.8389739,21.151693 L16.3083126,16.6957111 C15.4137234,15.889842 15.4137234,14.4487585 16.3083126,13.5575621 L16.3083126,13.5575621 Z M9.87119353,3.24 C11.1166068,1.228125 13.3583507,0 15.6767354,0 L32.240732,0 C34.6453376,0 36.8870815,1.228125 38.1324948,3.24 L46.9940893,17.49375 C48.3353036,19.65 48.3353036,22.35 46.9940893,24.50625 L38.1324948,38.75625 C36.8870815,40.771875 34.6453376,42 32.240732,42 L15.6767354,42 C13.3583507,42 11.1166068,40.771875 9.87119353,38.75625 L1.00576702,24.50625 C-0.335255674,22.35 -0.335255674,19.65 1.00576702,17.49375 L9.87119353,3.24 Z M4.95376353,20.0519187 C4.50454509,20.7819413 4.50454509,21.6920993 4.95376353,22.4221219 L13.8554068,36.8329571 C14.2690341,37.5060948 15.0193347,37.9232506 15.7407776,37.9232506 L32.3724409,37.9232506 C33.1804569,37.9232506 33.9307575,37.5060948 34.3443848,36.8329571 L43.2421804,22.4221219 C43.6942846,21.6920993 43.6942846,20.7819413 43.2421804,20.0519187 L34.3443848,5.64297968 C33.9307575,4.96510158 33.1804569,4.55079007 32.3724409,4.55079007 L15.7407776,4.55079007 C15.0193347,4.55079007 14.2690341,4.96510158 13.8554068,5.64297968 L4.95376353,20.0519187 Z M38.2882725,3.27656885 L34.3443848,5.64297968 L38.2882725,3.27656885 Z M1.00987575,24.7828442 L4.95376353,22.4221219 L1.00987575,24.7828442 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconNotificationErrorCss(); }
+}, [2, "digi-icon-notification-error", {
+        "afTitle": [1, "af-title"],
+        "afDesc": [1, "af-desc"],
+        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
+        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
+        "titleId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-icon-notification-error"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-notification-error":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconNotificationError);
+            }
+            break;
+    } });
+}
+
+export { IconNotificationError as I, defineCustomElement as d };

package/components/p-DpDyNuVC.js

@@ -0,0 +1,7 @@
+var ToolsThemeProviderBrandEnum;
+(function (ToolsThemeProviderBrandEnum) {
+    ToolsThemeProviderBrandEnum["AF25"] = "AF25";
+    ToolsThemeProviderBrandEnum["AF18"] = "AF18";
+})(ToolsThemeProviderBrandEnum || (ToolsThemeProviderBrandEnum = {}));
+
+export { ToolsThemeProviderBrandEnum as T };

package/components/p-MnNrQ_XH.js

@@ -0,0 +1,55 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { a as LayoutColumnsElement, L as LayoutColumnsGap, b as LayoutColumnsVariation } from './p-DJCufAhy.js';
+
+const layoutColumnsCss = () => `.sc-digi-layout-columns-h{--digi--layout-columns--gap--column:var(--digi--gutter--largest);--digi--layout-columns--gap--row:var(--digi--gutter--largest);--digi--layout-columns--min-width:0;--digi--layout-columns--gap--column--32:var(--digi--global--spacing--largest-4)}.sc-digi-layout-columns-h .digi-layout-columns.sc-digi-layout-columns{display:grid;grid-column-gap:var(--digi--layout-columns--gap--column);grid-row-gap:var(--digi--layout-columns--gap--row);grid-template-columns:repeat(auto-fit, minmax(var(--digi--layout-columns--min-width), 1fr))}.sc-digi-layout-columns-h .digi-layout-columns--column-gap-32.sc-digi-layout-columns{--digi--layout-columns--gap--column:var(--digi--layout-columns--gap--column--32)}.sc-digi-layout-columns-h .digi-layout-columns--one.sc-digi-layout-columns{--digi--layout-columns--min-width:100%}.sc-digi-layout-columns-h .digi-layout-columns--two.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(50% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--three.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(33% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--four.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(25% - var(--digi--layout-columns--gap--column))}`;
+
+const LayoutColumns = /*@__PURE__*/ proxyCustomElement(class LayoutColumns extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Sätter elementtypen på det omslutande elementet. Kan vara 'div', 'ul' eller 'ol'.
+         * @en Set wrapper element type. can be 'div', 'ul' or 'ol'.
+         */
+        this.afElement = LayoutColumnsElement.DIV;
+        /**
+         * Sätter CSS-propertyn grid-column-gap, default är 16px (1rem). Kan sättas till '32' eller default.
+         * @en Set CSS-propety grid-column-gap, default is 16px (1rem).  Can be set to '32' or default.
+         */
+        this.afColumnGap = LayoutColumnsGap.DEFAULT;
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-columns--one': this.afVariation === LayoutColumnsVariation.ONE,
+            'digi-layout-columns--two': this.afVariation === LayoutColumnsVariation.TWO,
+            'digi-layout-columns--three': this.afVariation === LayoutColumnsVariation.THREE,
+            'digi-layout-columns--four': this.afVariation === LayoutColumnsVariation.FOUR,
+            'digi-layout-columns--column-gap-32': this.afColumnGap === LayoutColumnsGap.GAP_32
+        };
+    }
+    render() {
+        return (h(this.afElement, { key: '4157535713ba17f132f4c9cec477baf70a970809', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: 'a3168743bd6a97197fe39a2c41cfe8c06c96ce83' })));
+    }
+    static get style() { return layoutColumnsCss(); }
+}, [262, "digi-layout-columns", {
+        "afElement": [1, "af-element"],
+        "afVariation": [1, "af-variation"],
+        "afColumnGap": [1, "af-column-gap"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-layout-columns"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-layout-columns":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LayoutColumns);
+            }
+            break;
+    } });
+}
+
+export { LayoutColumns as L, defineCustomElement as d };

package/components/p-QQCGWkrB.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const 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: '21f4b59b7778582de30a21eaf1bbc62aa892d325', 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: 'b02d9c5ed78935a0eb57f7bd49543d2fed21a272', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8334d69c9556e0c00d912d1b02b49f6049c1780b' }, this.afDesc), h("path", { key: '871f1282db5cc158cd9fcfa9daa4b569e2e853c9', 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-Um6DAQKg.js

@@ -0,0 +1,87 @@
+import { p as proxyCustomElement, t as transformTag, H, h, c as Host } from './p-D6LCrv8C.js';
+import { B as BadgeNotificationShape } from './p-CKoZU0-H.js';
+
+const badgeNotificationCss = () => `.sc-digi-badge-notification-h{--digi--badge-notification--color--text:var(--digi--color--text--secondary);--digi--badge-notification--color--border:var(--digi--color--border--notification);--digi--badge-notification--background-color:var(--digi--color--background--notification);--digi--badge-notification--font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-badge-notification-h .digi-badge-notification.sc-digi-badge-notification{font-size:0.75rem;font-weight:var(--digi--badge-notification--font-weight);border-width:var(--digi--border-width--secondary);border-style:solid;color:var(--digi--badge-notification--color--text);background-color:var(--digi--badge-notification--background-color);border-color:var(--BORDER-COLOR)}.sc-digi-badge-notification-h .digi-badge-notification--circle.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:50%;height:1.25rem;width:1.25rem}.sc-digi-badge-notification-h .digi-badge-notification--oval.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:0.75rem;height:1.125rem;width:1.5625rem;padding-left:0.25rem;padding-right:0.25rem}.sc-digi-badge-notification-h .digi-badge-notification--pill.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:inline-block;padding-left:0.5rem;padding-right:0.5rem;border-radius:0.75rem;height:1.125rem}`;
+
+const BadgeNotification = /*@__PURE__*/ proxyCustomElement(class BadgeNotification extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afShape = BadgeNotificationShape.PILL;
+        /**
+         * Värdet som ska skrivas ut i notifieringen.
+         * @en The value to be displayed in the badge.
+         */
+        this.afValue = '';
+    }
+    afValueChangeHandler() {
+        this.checkProps();
+    }
+    get cssModifiers() {
+        return {
+            'digi-badge-notification--circle': this.afShape === BadgeNotificationShape.CIRCLE,
+            'digi-badge-notification--oval': this.afShape === BadgeNotificationShape.OVAL,
+            'digi-badge-notification--pill': this.afShape === BadgeNotificationShape.PILL
+        };
+    }
+    componentWillLoad() {
+        this.checkProps();
+    }
+    checkProps() {
+        let valueAsNumber;
+        if (this.afValue !== null &&
+            this.afValue !== undefined &&
+            this.afValue !== '') {
+            valueAsNumber = Number(this.afValue);
+        }
+        if (!isNaN(valueAsNumber)) {
+            if (valueAsNumber >= 100) {
+                this.afValue = '+99';
+                this.afShape = BadgeNotificationShape.PILL;
+            }
+            else if (valueAsNumber < 100 && valueAsNumber >= 10) {
+                this.afShape = BadgeNotificationShape.OVAL;
+            }
+            else {
+                this.afShape = BadgeNotificationShape.CIRCLE;
+            }
+        }
+        else {
+            this.afShape = BadgeNotificationShape.PILL;
+        }
+    }
+    render() {
+        return (h(Host, { key: '2a3f82fe0bf3d3b43ee858a0184fb7d0045656f7' }, h("div", { key: 'f652cc5b76bdc72b4778fd16a1a9d270fe2400ea', class: Object.assign({ 'digi-badge-notification': true }, this.cssModifiers), "aria-label": this.afAriaLabel }, h("div", { key: 'ece907bc0004e24eafd221ead41300f7acd803ea', class: `${this.afShape}` }, h("span", { key: 'c83210ebbbcad768073095e52b601adc80a0645d' }, this.afValue)))));
+    }
+    static get watchers() { return {
+        "afValue": [{
+                "afValueChangeHandler": 0
+            }]
+    }; }
+    static get style() { return badgeNotificationCss(); }
+}, [2, "digi-badge-notification", {
+        "afAriaLabel": [1, "af-aria-label"],
+        "afValue": [8, "af-value"],
+        "afShape": [32]
+    }, undefined, {
+        "afValue": [{
+                "afValueChangeHandler": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-badge-notification"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-badge-notification":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), BadgeNotification);
+            }
+            break;
+    } });
+}
+
+export { BadgeNotification as B, defineCustomElement as d };