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

package/components/p-B-skL7jb.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const 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-B7vPoZZ1.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconMinusCss = () => `.sc-digi-icon-minus-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-minus-h svg.sc-digi-icon-minus{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 IconMinus = /*@__PURE__*/ proxyCustomElement(class IconMinus 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: '62fd25f3d56ba9b3e2c595863c871e60599ae2b9', class: "digi-icon-minus", 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: 'efcc0516d7961aa6a75e2e4103584ea27698dec9', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd3511f54ec1addc4ea79de9f75c3c765964daa17' }, this.afDesc), h("path", { key: '522ce2a013a882e8b1bd96e2ec80de5417fb62a0', class: "digi-icon-minus__shape", d: "M21.2,13c0,0.7-0.5,1.2-1.2,1.2H2c-0.7,0-1.2-0.5-1.2-1.2c0-0.6,0.5-1.2,1.2-1.2H20C20.7,11.8,21.2,12.4,21.2,13z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconMinusCss(); }
+}, [2, "digi-icon-minus", {
+        "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-minus"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-minus":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconMinus);
+            }
+            break;
+    } });
+}
+
+export { IconMinus as I, defineCustomElement as d };

package/components/p-B7ySbjLX.js

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

package/components/p-BNaLCgyB.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconChartCss = () => `.sc-digi-icon-chart-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-chart-h svg.sc-digi-icon-chart{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 IconChart = /*@__PURE__*/ proxyCustomElement(class IconChart 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: '392e2fd07ac1177ee3d5e24bb03e7704bb6535b6', width: "56", height: "62", viewBox: "0 0 56 62", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, h("title", { key: '7f377125d5c6ee9b0c71f04bbae3419366ad4e03' }, "Chart"), this.afTitle && h("title", { key: '4a2e4f12d253339206dda0478de8bd64eb99f045', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0150f0049502d54496f4f46768e9a3e12be3720d' }, this.afDesc), h("defs", { key: '5bcfdd12744c6c3ccd46a16efad09294886406a5' }, h("polygon", { key: 'f42e3b0872f9f9082ebad91f65239fb26e4fd243', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), h("polygon", { key: 'c0810abe5393bbddf69c54941997412245004268', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), h("g", { key: 'eb686f2015d1b03785f8c991f456425f86962747', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '8c1474ab3bf8c6b76ba431017ba59d08efc4e4e1', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, h("g", { key: 'b4960ff70e8436b2c0af187cd2fd409c80f76c0e', transform: "translate(1013.063248, 823.768116)" }, h("g", { key: '49670254e60ec9b9f93417b06a45ce4467f54e11', id: "Group", transform: "translate(-0.000000, 0.000000)" }, h("path", { key: 'ed888b6fe726395cef0ab9c5cf61698bf218f3a4', d: "M11.2871933,17.0724638 L3.19179715,17.0724638 C1.47642907,17.0724638 0.0891563449,18.5157634 0.0891563449,20.3004089 L0,39.003939 C0,40.7885845 1.38727273,42.2318841 3.1026408,42.2318841 L11.1980369,42.2318841 C12.913405,42.2318841 14.3006777,40.7885845 14.3006777,39.003939 L14.3898341,20.3004089 C14.3898341,18.5157634 12.9989951,17.0724638 11.2871933,17.0724638", id: "Fill-1", fill: "currentColor" }), h("path", { key: 'c6a92d407ed3f3e462ec6f52cb5d625bcb55ef49', d: "M31.292107,11.2318841 L23.077661,11.2318841 C21.3370669,11.2318841 19.9293931,12.6247 19.9293931,14.3469222 L19.8389256,39.1168459 C19.8389256,40.8354877 21.2465994,42.2318841 22.9871935,42.2318841 L31.2016396,42.2318841 C32.9422337,42.2318841 34.3499075,40.8354877 34.3499075,39.1168459 L34.4403749,14.3469222 C34.4403749,12.6247 33.0290824,11.2318841 31.292107,11.2318841", id: "Fill-3", fill: "currentColor" }), h("path", { key: 'a2e693a3e822193fec3ac50af21a946e44e9c9cf', d: "M51.0899571,0 L43.0444095,0 C41.339604,0 39.9608736,1.42791855 39.9608736,3.19354534 L39.7836589,39.0420095 C39.7836589,40.8039655 41.1659336,42.2318841 42.8671948,42.2318841 L50.9162867,42.2318841 C52.6175479,42.2318841 53.9962783,40.8039655 53.9962783,39.0420095 L54.173493,3.19354534 C54.173493,1.42791855 52.7912183,0 51.0899571,0", id: "Fill-6", fill: "currentColor" }), h("polygon", { key: 'fe8a222a9a83fcd5d6e1b819eedfa333dbae123d', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), h("g", { key: '35b73d5cc245ee563a7c578661cad86014c4d9eb', id: "Clip-4" }), h("polygon", { key: '077bfdd9c22103e4ebac8a44eaa67b4429e12bec', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), h("g", { key: '23ed10609dca36f5f3725d4e690ab9d1e95bad15', id: "Clip-9" }), h("path", { key: '160a65ff185267740a7ec4c15175b34a56e3e57c', d: "M2.64246183,-0.393115942 L24.287738,-0.393115942 C24.783165,-0.393115942 25.2716142,-0.501190406 25.7216852,-0.713736852 L51.853716,-12.8829215 C53.6086441,-13.6970825 54.3936517,-15.8297519 53.5981773,-17.6454029 C52.8027029,-19.4610539 50.7372607,-20.2680099 48.9858215,-19.4466439 L23.5376196,-7.59808021 L2.64246183,-7.59808021 C0.716576525,-7.59808021 -0.846460828,-5.98777069 -0.846460828,-3.99559807 C-0.846460828,-2.00342546 0.716576525,-0.393115942 2.64246183,-0.393115942", id: "Fill-8", fill: "currentColor", mask: "url(#mask-4)" })))))));
+    }
+    static get style() { return iconChartCss(); }
+}, [2, "digi-icon-chart", {
+        "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-chart"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-chart":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconChart);
+            }
+            break;
+    } });
+}
+
+export { IconChart as I, defineCustomElement as d };

package/components/p-BUevqckQ.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconValidationErrorCss = () => `.sc-digi-icon-validation-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-validation-error-h svg.sc-digi-icon-validation-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 IconValidationError = /*@__PURE__*/ proxyCustomElement(class IconValidationError 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: 'b20fb61395f90adad2b9e5be72d3e2ea3c5a3feb', class: "digi-icon-validation-error", 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: '5e08a1b947d534b913fff06e02109b53c607a0be', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f016b92eb4957943a5308d12db1ce2f1b73fae3f' }, this.afDesc), h("path", { key: 'f5ba662eeb6689959a6990ae2e880edc42670490', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+    static get style() { return iconValidationErrorCss(); }
+}, [2, "digi-icon-validation-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-validation-error"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-validation-error":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconValidationError);
+            }
+            break;
+    } });
+}
+
+export { IconValidationError as I, defineCustomElement as d };

package/components/p-BWafqFGT.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const 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-Bez-IpRZ.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-B-pDXa1I.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+
+const iconValidationWarningCss = () => `.sc-digi-icon-validation-warning-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-validation-warning-h svg.sc-digi-icon-validation-warning{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 IconValidationWarning = /*@__PURE__*/ proxyCustomElement(class IconValidationWarning 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("div", { key: '7017a09730cca2dafe42548b11d18e34a693f81b' }, h("svg", { key: 'd56b196f88aaf6dd87bb416e422d399667e80202', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && h("title", { key: '25751b0fd552d8dcabc3402345ba8528126dd973', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '41476cbdf1b92dd9b7c44d8791481a5cf00186ca' }, this.afDesc), h("g", { key: '6607df5c4713e5680fcaa2e9ea29b7cab5064e3d', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: 'c87e6472093671bc2f1f6b3d7eb0b34f512468c1', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '17b79d3e780ecbb2394b38586388ea457c65a2f7', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+    }
+    static get style() { return iconValidationWarningCss(); }
+}, [2, "digi-icon-validation-warning", {
+        "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-validation-warning"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-icon-validation-warning":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconValidationWarning);
+            }
+            break;
+    } });
+}
+
+export { IconValidationWarning as I, defineCustomElement as d };

package/components/p-BfpDLsk8.js

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

package/components/p-BhUSv9Tx.js

@@ -0,0 +1,105 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-B-pDXa1I.js';
+
+const linkCss = () => `.sc-digi-link-h{--digi--link--gap:var(--digi--gutter--medium);--digi--link--color--default:var(--digi--color--text--interactive--primary);--digi--link--color--hover:var(--digi--color--text--interactive--primary);--digi--link--color--visited:var(--digi--color--text--interactive--visited);--digi--link--font-size:var(--digi--typography--link--font-size--desktop);--digi--link--font-family:var(--digi--global--typography--font-family--default);--digi--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link--line-height:var(--digi--typography--link--line-height--desktop);--digi--link--text-decoration--default:none;--digi--link--text-decoration--hover:underline;--digi--link--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link--text-decoration--icon--hover:underline;--digi--link--text-decoration-thickness:0.156em;--digi--link--text-underline-offset:3px;--COLOR:var(--digi--link--color--default);--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--default);--digi--link--icon-height:1em;--digi--link--icon-width:1em;display:inline-flex;align-items:start;max-width:100%;vertical-align:top;position:relative}.sc-digi-link-h:focus-visible{outline:none}.digi-link--has-icon.sc-digi-link-h{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--icon--default)}.digi-link--has-icon.sc-digi-link-h:focus,.digi-link--has-icon.sc-digi-link-h:hover{--digi--link--text-decoration--hover:var(--digi--link--text-decoration--icon--hover)}.sc-digi-link-h a.sc-digi-link{font-family:var(--digi--link--font-family);font-size:var(--digi--link--font-size);font-weight:var(--digi--link--font-weight);line-height:var(--digi--link--line-height);color:var(--COLOR);--digi--icon--color:currentColor;text-decoration:var(--LINK-TEXT-DECORATION);display:inline-flex;align-items:start;gap:var(--digi--link--gap);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-h a.sc-digi-link:hover{cursor:pointer;--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover)}.sc-digi-link-h a.sc-digi-link:hover{text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-h a.sc-digi-link:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-h a.sc-digi-link:visited{color:var(--digi--link--color--visited)}.digi-link--hide-visited.sc-digi-link-h a.sc-digi-link:visited{color:var(--digi--link--color--default)}.sc-digi-link-h .digi-link__icon-wrapper.sc-digi-link{display:inline-flex;align-items:center;align-self:flex-start;flex-shrink:0;font-size:var(--digi--link--font-size);color:inherit;--digi--icon--color:currentColor}.sc-digi-link-h .digi-link__icon-wrapper[hidden].sc-digi-link{display:none !important}.sc-digi-link-s>[slot=icon],.sc-digi-link-s>[class*=digi-icon],.sc-digi-link-s>[class*=__icon],.sc-digi-link-s>:not([slot]):not(a){--digi--icon--color:currentColor;--digi--icon--height:var(--digi--link--icon-height);--digi--icon--width:var(--digi--link--icon-width);font-size:var(--digi--link--font-size);align-self:flex-start;flex-shrink:0}.sc-digi-link-s>a{font-family:var(--digi--link--font-family);font-size:var(--digi--link--font-size);font-weight:var(--digi--link--font-weight);line-height:var(--digi--link--line-height);color:var(--COLOR);--digi--icon--color:currentColor;text-decoration:var(--LINK-TEXT-DECORATION);display:inline-flex;align-items:start;gap:var(--digi--link--gap);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-s>a:hover{cursor:pointer;--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover)}.sc-digi-link-s>a [class*=digi-icon],.sc-digi-link-s>a [slot^=icon]{--digi--icon--color:currentColor;--digi--icon--height:1em;--digi--icon--width:1em}.sc-digi-link-s>a:visited{color:var(--digi--link--color--visited)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited .sc-digi-link-s>a:visited{color:var(--digi--link--color--default)}`;
+
+const Link = /*@__PURE__*/ proxyCustomElement(class Link extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        this.afOnReady = createEvent(this, "afOnReady", 3);
+        /**
+         * Kringgår länkens vanliga klick-beteende (e.preventDefault()).
+         * Bör endast användas om det vanliga beteendet är problematiskt pga dynamisk routing eller liknande.
+         * @en Override default link behavior. Should only be used if default link behaviour is a problem with e.g. routing
+         */
+        this.afOverrideLink = false;
+        /**
+         * Sätt till true om du använder Angular, se exempelkod under 'Översikt'
+         * @en Set to true if using Angular
+         */
+        this.afLinkContainer = false;
+    }
+    async afMGetLinkElement() {
+        if (this.afLinkContainer) {
+            return this.hostElement.children.length > 0
+                ? this.hostElement.children.item(0)
+                : undefined;
+        }
+        return this._link;
+    }
+    clickLinkHandler(e) {
+        if (this.afOverrideLink) {
+            e.preventDefault();
+        }
+        this.afOnClick.emit(e);
+    }
+    setRel() {
+        var _a;
+        this.relation =
+            ((_a = this.afTarget) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === '_blank' ? 'noopener noreferrer' : null;
+    }
+    setHasIcon() {
+        this.hasIcon = !!this.hostElement.querySelector('[slot="icon"]');
+    }
+    componentWillLoad() {
+        this.setRel();
+    }
+    componentWillUpdate() {
+        this.setHasIcon();
+        this.setRel();
+    }
+    componentDidLoad() {
+        this.setHasIcon();
+        this.afOnReady.emit();
+    }
+    get cssModifiers() {
+        return {
+            'digi-link--has-icon': this.hasIcon,
+            'digi-link--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (h(Host, { key: '311693f030053511fddae6407847b6ebb2aa3dfb', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '1589f6f6d89886d47270f775575fbda7dcc4438f', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, h("div", { key: '31aca399d5c7614a3bb1828eb36d875acb9b102f', class: "digi-link__icon-wrapper", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '94a44c6e123edb55d118580915b7942d96e08298', name: "icon" })), h("slot", { key: '027ccaa4e0e903980a0b5aebfcb1452127c551c1' }))), this.afLinkContainer && h("slot", { key: 'ee56c0911f7fb1d701ae3ac950302ec1c80c6334' })));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "afTarget": [{
+                "setRel": 0
+            }]
+    }; }
+    static get style() { return linkCss(); }
+}, [262, "digi-link", {
+        "afHref": [1, "af-href"],
+        "afDescribedby": [1, "af-describedby"],
+        "afAriaLabel": [1, "af-aria-label"],
+        "afTarget": [1, "af-target"],
+        "afOverrideLink": [4, "af-override-link"],
+        "afLinkContainer": [4, "af-link-container"],
+        "hideVisitedColor": [4, "hide-visited-color"],
+        "afDownload": [1, "af-download"],
+        "hasIcon": [32],
+        "relation": [32],
+        "afMGetLinkElement": [64]
+    }, undefined, {
+        "afTarget": [{
+                "setRel": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["digi-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "digi-link":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), Link);
+            }
+            break;
+    } });
+}
+
+export { Link as L, defineCustomElement as d };