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

package/components/digi-icon-file-document.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFileDocumentCss = ".sc-digi-icon-file-document-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-file-document-h svg.sc-digi-icon-file-document{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 DigiIconFileDocumentStyle0 = iconFileDocumentCss;
+const iconFileDocumentCss = () => `.sc-digi-icon-file-document-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-file-document-h svg.sc-digi-icon-file-document{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 IconFileDocument = /*@__PURE__*/ proxyCustomElement(class IconFileDocument extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '4db6cfa0d0989d9344f1d258e7b0ca72959e60ee', class: "digi-icon-file-document", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '5544fca7ec45424e7ee36236a06baedc872d532a', class: "digi-icon-file-document", 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: '0a73e27c39e5e36ce18d4094a79b27d2b20830e7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '07d98f23e9a37ee0a447118a8f41e089771c3777' }, this.afDesc), h("path", { key: 'f771fca2c541b3e495b44dbe9f7805adf8fef460', class: "digi-icon-file-document__shape", d: "M27.16,12.75 L27.16,0 L9.16,0 C7.963,0 7,1.003125 7,2.25 L7,45.75 C7,46.996875 7.963,48 9.16,48 L39.4,48 C40.597,48 41.56,46.996875 41.56,45.75 L41.56,15 L29.32,15 C28.132,15 27.16,13.9875 27.16,12.75 Z M32.92,34.875 C32.92,35.49375 32.434,36 31.84,36 L16.72,36 C16.126,36 15.64,35.49375 15.64,34.875 L15.64,34.125 C15.64,33.50625 16.126,33 16.72,33 L31.84,33 C32.434,33 32.92,33.50625 32.92,34.125 L32.92,34.875 Z M32.92,28.875 C32.92,29.49375 32.434,30 31.84,30 L16.72,30 C16.126,30 15.64,29.49375 15.64,28.875 L15.64,28.125 C15.64,27.50625 16.126,27 16.72,27 L31.84,27 C32.434,27 32.92,27.50625 32.92,28.125 L32.92,28.875 Z M32.92,22.125 L32.92,22.875 C32.92,23.49375 32.434,24 31.84,24 L16.72,24 C16.126,24 15.64,23.49375 15.64,22.875 L15.64,22.125 C15.64,21.50625 16.126,21 16.72,21 L31.84,21 C32.434,21 32.92,21.50625 32.92,22.125 Z M41.56,11.428125 L41.56,12 L30.04,12 L30.04,0 L30.589,0 C31.165,0 31.714,0.234375 32.119,0.65625 L40.93,9.84375 C41.335,10.265625 41.56,10.8375 41.56,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '532b4a8a5dc538e3d4426e755894babf4bbc6f11', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '199b98b0a9f73d4c6b8d7c6f13e4338f11329961' }, this.afDesc), h("path", { key: '124890723b91658580039829c8d7b2cd529b5023', class: "digi-icon-file-document__shape", d: "M27.16,12.75 L27.16,0 L9.16,0 C7.963,0 7,1.003125 7,2.25 L7,45.75 C7,46.996875 7.963,48 9.16,48 L39.4,48 C40.597,48 41.56,46.996875 41.56,45.75 L41.56,15 L29.32,15 C28.132,15 27.16,13.9875 27.16,12.75 Z M32.92,34.875 C32.92,35.49375 32.434,36 31.84,36 L16.72,36 C16.126,36 15.64,35.49375 15.64,34.875 L15.64,34.125 C15.64,33.50625 16.126,33 16.72,33 L31.84,33 C32.434,33 32.92,33.50625 32.92,34.125 L32.92,34.875 Z M32.92,28.875 C32.92,29.49375 32.434,30 31.84,30 L16.72,30 C16.126,30 15.64,29.49375 15.64,28.875 L15.64,28.125 C15.64,27.50625 16.126,27 16.72,27 L31.84,27 C32.434,27 32.92,27.50625 32.92,28.125 L32.92,28.875 Z M32.92,22.125 L32.92,22.875 C32.92,23.49375 32.434,24 31.84,24 L16.72,24 C16.126,24 15.64,23.49375 15.64,22.875 L15.64,22.125 C15.64,21.50625 16.126,21 16.72,21 L31.84,21 C32.434,21 32.92,21.50625 32.92,22.125 Z M41.56,11.428125 L41.56,12 L30.04,12 L30.04,0 L30.589,0 C31.165,0 31.714,0.234375 32.119,0.65625 L40.93,9.84375 C41.335,10.265625 41.56,10.8375 41.56,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconFileDocumentStyle0; }
+    static get style() { return iconFileDocumentCss(); }
 }, [2, "digi-icon-file-document", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-document"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-document":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFileDocument);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFileDocument);
             }
             break;
     } });

package/components/digi-icon-file-excel.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFileExcelCss = ".sc-digi-icon-file-excel-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-file-excel-h svg.sc-digi-icon-file-excel{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 DigiIconFileExcelStyle0 = iconFileExcelCss;
+const iconFileExcelCss = () => `.sc-digi-icon-file-excel-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-file-excel-h svg.sc-digi-icon-file-excel{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 IconFileExcel = /*@__PURE__*/ proxyCustomElement(class IconFileExcel extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '6407891fc13b26443713c5acec9b9de28b383bdf', class: "digi-icon-file-excel", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '94e98136f6770e34e23f86bb1077004f51c67613', class: "digi-icon-file-excel", 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: '6266d976eff233a014b1286006add71693b60e30', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7f0bcfab2ea0d5494f3631d35d2256488f236728' }, this.afDesc), h("path", { key: 'b7f7981b21dca5c237211f4b3800ff5828b07070', class: "digi-icon-file-excel__shape", d: "M27.16,12.75 L27.16,0 L9.16,0 C7.963,0 7,1.003125 7,2.25 L7,45.75 C7,46.996875 7.963,48 9.16,48 L39.4,48 C40.597,48 41.56,46.996875 41.56,45.75 L41.56,15 L29.32,15 C28.132,15 27.16,13.9875 27.16,12.75 Z M32.569,22.734375 L27.16,31.5 L32.569,40.265625 C33.028,41.015625 32.515,42 31.66,42 L28.519,42 C28.123,42 27.754,41.775 27.565,41.409375 C25.801,38.015625 24.28,34.96875 24.28,34.96875 C23.704,36.35625 23.38,36.84375 20.986,41.41875 C20.797,41.784375 20.437,42.009375 20.041,42.009375 L16.9,42.009375 C16.045,42.009375 15.532,41.025 15.991,40.275 L21.418,31.509375 L15.991,22.74375 C15.523,21.99375 16.045,21.0093085 16.9,21.0093085 L20.032,21.0093085 C20.428,21.0093085 20.797,21.234375 20.986,21.6 C23.335,26.175 22.786,24.75 24.28,28.021875 C24.28,28.021875 24.829,26.925 27.574,21.6 C27.763,21.234375 28.132,21.0093085 28.528,21.0093085 L31.66,21.0093085 C32.515,21 33.028,21.984375 32.569,22.734375 Z M41.56,11.428125 L41.56,12 L30.04,12 L30.04,0 L30.589,0 C31.165,0 31.714,0.234375 32.119,0.65625 L40.93,9.84375 C41.335,10.265625 41.56,10.8375 41.56,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'd08cad2525389d69cf1fdd00da89b04ce7282cf6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e7f88d407b7754febdc85b178d520582583f7983' }, this.afDesc), h("path", { key: 'bef666f61cf145c0e218a4e1524658e8f8bf7898', class: "digi-icon-file-excel__shape", d: "M27.16,12.75 L27.16,0 L9.16,0 C7.963,0 7,1.003125 7,2.25 L7,45.75 C7,46.996875 7.963,48 9.16,48 L39.4,48 C40.597,48 41.56,46.996875 41.56,45.75 L41.56,15 L29.32,15 C28.132,15 27.16,13.9875 27.16,12.75 Z M32.569,22.734375 L27.16,31.5 L32.569,40.265625 C33.028,41.015625 32.515,42 31.66,42 L28.519,42 C28.123,42 27.754,41.775 27.565,41.409375 C25.801,38.015625 24.28,34.96875 24.28,34.96875 C23.704,36.35625 23.38,36.84375 20.986,41.41875 C20.797,41.784375 20.437,42.009375 20.041,42.009375 L16.9,42.009375 C16.045,42.009375 15.532,41.025 15.991,40.275 L21.418,31.509375 L15.991,22.74375 C15.523,21.99375 16.045,21.0093085 16.9,21.0093085 L20.032,21.0093085 C20.428,21.0093085 20.797,21.234375 20.986,21.6 C23.335,26.175 22.786,24.75 24.28,28.021875 C24.28,28.021875 24.829,26.925 27.574,21.6 C27.763,21.234375 28.132,21.0093085 28.528,21.0093085 L31.66,21.0093085 C32.515,21 33.028,21.984375 32.569,22.734375 Z M41.56,11.428125 L41.56,12 L30.04,12 L30.04,0 L30.589,0 C31.165,0 31.714,0.234375 32.119,0.65625 L40.93,9.84375 C41.335,10.265625 41.56,10.8375 41.56,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconFileExcelStyle0; }
+    static get style() { return iconFileExcelCss(); }
 }, [2, "digi-icon-file-excel", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-excel"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-excel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFileExcel);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFileExcel);
             }
             break;
     } });

package/components/digi-icon-file-export.js

@@ -1,17 +1,19 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFileExportCss = ".sc-digi-icon-file-export-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-file-export-h svg.sc-digi-icon-file-export{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 DigiIconFileExportStyle0 = iconFileExportCss;
+const iconFileExportCss = () => `.sc-digi-icon-file-export-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-file-export-h svg.sc-digi-icon-file-export{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 FileExport = /*@__PURE__*/ proxyCustomElement(class FileExport extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Dölj elementet för hjälpmedel Default är satt till true.
+         * @en Hide element for accesibility tools. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     prefix(id) {
@@ -25,9 +27,9 @@ const FileExport = /*@__PURE__*/ proxyCustomElement(class FileExport extends H {
                 : undefined;
     }
     render() {
-        return (h("svg", { key: 'f9c1ad38efed416d0dedac8c38acf2658a8086f9', class: "digi-icon-file-export", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'efcfb0efd4efb045ec647481717dc5c9e3bc1c90', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fac09d448d0ece0bb06da30e757e69c0584e8a0a' }, this.afDesc), h("g", { key: 'c955776c681b9b276850185a86c385a8ed550f9d', "clip-path": "url(#clip0_2337_458)" }, h("path", { key: 'cb3c285c5fca9c693e153c866a6085159d3616a3', d: "M44.71 32.7946L37.0896 25.1786C36.4586 24.5478 35.382 24.9936 35.382 25.8848V30.2786H16.61C15.9438 30.2786 15.4082 30.8146 15.4082 31.4804V35.486C15.4082 36.1522 15.9436 36.6876 16.61 36.6876H35.382V41.0816C35.382 41.9726 36.4588 42.4184 37.0896 41.7876L44.71 34.1616C45.0858 33.7864 45.0858 33.1702 44.71 32.7948V32.7946Z", fill: "currentColor" }), h("path", { key: 'dadaa3e68910ce862404cb9d7a80f8cf0e6cd326', d: "M12.808 35.536V31.5304C12.808 29.6546 14.334 28.1286 16.2098 28.1286H33.2498V16.808H22.5398C21.5004 16.808 20.6498 15.922 20.6498 14.8392V3.68298H4.89977C3.85237 3.68298 3.00977 4.56078 3.00977 5.65178V43.7142C3.00977 44.8052 3.85237 45.683 4.89977 45.683H31.3598C32.4072 45.683 33.2498 44.8052 33.2498 43.7142V38.9376H16.2098C14.334 38.9376 12.808 37.4116 12.808 35.536Z", fill: "currentColor" }), h("path", { key: '06ad4fb0a1dd160cfd59160e65871f50209f7ef2', d: "M33.2499 13.6826C33.2499 13.1658 33.0529 12.6654 32.6987 12.2962L24.9889 4.25718C24.6347 3.88798 24.1543 3.68298 23.6503 3.68298H23.1699V14.183H33.2499V13.6826Z", fill: "currentColor" })), h("defs", { key: '8fa0cee17cfccea4073f1433d27973c912d895cb' }, h("clipPath", { key: 'cfa8a7ae83ef5742b3aa445b526359abef79f225' }, h("rect", { key: '0b5c9f849ac5be83601c96ddf238820786437add', width: "41.9819", height: "42", fill: "currentColor", transform: "translate(3.00977 3.68298)" })))));
+        return (h("svg", { key: '57e6073b689f9ec3ac17c85f852164717228eabf', class: "digi-icon-file-export", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '015e7990c12cdf6e94a97780e00c4d7b278a6461', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '21c7431a5e576f5f6e5b433873e2a4b59d357eb6' }, this.afDesc), h("g", { key: '3535d294be0d47e493f8aba527406a6187c6d74c', "clip-path": "url(#clip0_2337_458)" }, h("path", { key: 'fb29c2ed5ccd966117c8b11cea4b04d83181fa29', d: "M44.71 32.7946L37.0896 25.1786C36.4586 24.5478 35.382 24.9936 35.382 25.8848V30.2786H16.61C15.9438 30.2786 15.4082 30.8146 15.4082 31.4804V35.486C15.4082 36.1522 15.9436 36.6876 16.61 36.6876H35.382V41.0816C35.382 41.9726 36.4588 42.4184 37.0896 41.7876L44.71 34.1616C45.0858 33.7864 45.0858 33.1702 44.71 32.7948V32.7946Z", fill: "currentColor" }), h("path", { key: '2e45934c3aaf719bdd722f931d59a91b0b3d7670', d: "M12.808 35.536V31.5304C12.808 29.6546 14.334 28.1286 16.2098 28.1286H33.2498V16.808H22.5398C21.5004 16.808 20.6498 15.922 20.6498 14.8392V3.68298H4.89977C3.85237 3.68298 3.00977 4.56078 3.00977 5.65178V43.7142C3.00977 44.8052 3.85237 45.683 4.89977 45.683H31.3598C32.4072 45.683 33.2498 44.8052 33.2498 43.7142V38.9376H16.2098C14.334 38.9376 12.808 37.4116 12.808 35.536Z", fill: "currentColor" }), h("path", { key: 'e9c9fe8c82c2b9a62d2357d031fed2b63e63c381', d: "M33.2499 13.6826C33.2499 13.1658 33.0529 12.6654 32.6987 12.2962L24.9889 4.25718C24.6347 3.88798 24.1543 3.68298 23.6503 3.68298H23.1699V14.183H33.2499V13.6826Z", fill: "currentColor" })), h("defs", { key: 'b003502fef04f4178341c62a76b08a4eb885af22' }, h("clipPath", { key: '13fdd898011b671ebe7220eec897ba2a4a56fa79' }, h("rect", { key: '0d0917845cefde3a3226a360393420b763d45b02', width: "41.9819", height: "42", fill: "currentColor", transform: "translate(3.00977 3.68298)" })))));
     }
-    static get style() { return DigiIconFileExportStyle0; }
+    static get style() { return iconFileExportCss(); }
 }, [2, "digi-icon-file-export", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -42,8 +44,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-export"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-export":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FileExport);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), FileExport);
             }
             break;
     } });

package/components/digi-icon-file-governing.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFileGoverningCss = ".sc-digi-icon-file-governing-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-file-governing-h svg.sc-digi-icon-file-governing{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 DigiIconFileGoverningStyle0 = iconFileGoverningCss;
+const iconFileGoverningCss = () => `.sc-digi-icon-file-governing-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-file-governing-h svg.sc-digi-icon-file-governing{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 IconFileGoverning = /*@__PURE__*/ proxyCustomElement(class IconFileGoverning extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '6a89e2f852108fc2bcd3cc833fe95f568bb7a01a', class: "digi-icon-file-governing", 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
+        return (h("svg", { key: '2dc424af3002a30ec9f71c5411d5be61453de1ab', class: "digi-icon-file-governing", 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: '1d73395adf4a9e0c038a18b041e2a643542979cb', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '430c333c10938b89cdd2ff5db42b89cd0a52856e' }, this.afDesc), h("g", { key: '848d2f7ed190b5e92e2c5385470121fab0185e98', stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: 'dfec0f6c921c3fede00d55d4a98e8df0083ba876', transform: "translate(0.000000, -0.000000)" }, h("g", { key: 'e0cdf1072ab314f03c99ece569ba3fcd4250cd29', transform: "translate(14.832626, 0.000000)" }, h("g", { key: 'ba2ef27a44215d5efed5690911508e1f5345895d' }), h("path", { key: '713ef7bfb627ed1c0442a0f87302d747d083ae0b', class: "digi-icon-file-governing__shape", d: "M32.9062069,20.1667043 L28.9253056,16.185803 C28.5601783,15.8206758 27.9425047,15.8409606 27.5540499,16.2294154 L26.8461087,16.9373566 L16.2300338,6.32128176 L16.937975,5.61334058 C17.3264298,5.22488576 17.3467147,4.60721215 16.9815874,4.2420849 L13.0006861,0.261183607 C12.6355589,-0.103943645 12.0188995,-0.0836587979 11.6294305,0.305810271 L0.305414418,11.6288121 C-0.0840546513,12.0182811 -0.103325256,12.6359547 0.260787754,13.001082 L4.24270329,16.9819833 C4.6068163,17.3471105 5.2244899,17.3268257 5.61395897,16.9373566 L6.3208859,16.2294154 L16.937975,26.8465046 L16.2300338,27.5534315 C15.8405648,27.9429006 15.8202799,28.5605742 16.1854072,28.9246872 L20.1663085,32.9066027 C20.5314357,33.2707157 21.1491093,33.2514451 21.5385784,32.861976 L32.8615802,21.53796 C33.2510493,21.1484909 33.2713341,20.5318316 32.9062069,20.1667043", fill: "currentColor" })), h("path", { key: 'b184c6bce9346457aca2dd57e93e57ca81c58d08', class: "digi-icon-file-governing__shape", d: "M25.4475096,26.7459931 L27.0997104,25.0065675 L26.7974661,24.7043233 L23.2963015,21.2031586 L22.9940573,20.9009144 L21.2536174,22.5521009 C18.3691121,25.3301108 13.9936705,25.5603438 12.3505979,27.1780604 L1.88361662,37.4766774 C-0.43595568,39.7587227 -0.641846881,43.3501549 1.42517907,45.4587648 L2.54084567,46.5744314 C4.64945555,48.6414574 8.24088778,48.4355662 10.5229331,46.1170081 L20.8225644,35.6490126 C22.4392667,34.00594 22.6705139,29.6304984 25.4475096,26.7459931", fill: "currentColor" })))));
+                    : undefined }, this.afTitle && h("title", { key: '16216493f6434a4c32ac7e07d70e31170921c5f0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b42685577496238f2c50ac0ab81d1c68b32636d3' }, this.afDesc), h("g", { key: '097babcfda0b4d4b8426d68be23c340a2adf81d2', stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: '8d4c717a513de7f6d05b1db96829e544d71bd611', transform: "translate(0.000000, -0.000000)" }, h("g", { key: '3bab23fd248888570f9db2ad169b22efedca22ee', transform: "translate(14.832626, 0.000000)" }, h("g", { key: '1cf4011e3f7036c9271906a46df04e3fb59eab1d' }), h("path", { key: 'a00145cd6ce63b5714a36fc012424c75541b28ec', class: "digi-icon-file-governing__shape", d: "M32.9062069,20.1667043 L28.9253056,16.185803 C28.5601783,15.8206758 27.9425047,15.8409606 27.5540499,16.2294154 L26.8461087,16.9373566 L16.2300338,6.32128176 L16.937975,5.61334058 C17.3264298,5.22488576 17.3467147,4.60721215 16.9815874,4.2420849 L13.0006861,0.261183607 C12.6355589,-0.103943645 12.0188995,-0.0836587979 11.6294305,0.305810271 L0.305414418,11.6288121 C-0.0840546513,12.0182811 -0.103325256,12.6359547 0.260787754,13.001082 L4.24270329,16.9819833 C4.6068163,17.3471105 5.2244899,17.3268257 5.61395897,16.9373566 L6.3208859,16.2294154 L16.937975,26.8465046 L16.2300338,27.5534315 C15.8405648,27.9429006 15.8202799,28.5605742 16.1854072,28.9246872 L20.1663085,32.9066027 C20.5314357,33.2707157 21.1491093,33.2514451 21.5385784,32.861976 L32.8615802,21.53796 C33.2510493,21.1484909 33.2713341,20.5318316 32.9062069,20.1667043", fill: "currentColor" })), h("path", { key: '3dddbc2f6f39b4101e0c9fdf9927a792b8cb7832', class: "digi-icon-file-governing__shape", d: "M25.4475096,26.7459931 L27.0997104,25.0065675 L26.7974661,24.7043233 L23.2963015,21.2031586 L22.9940573,20.9009144 L21.2536174,22.5521009 C18.3691121,25.3301108 13.9936705,25.5603438 12.3505979,27.1780604 L1.88361662,37.4766774 C-0.43595568,39.7587227 -0.641846881,43.3501549 1.42517907,45.4587648 L2.54084567,46.5744314 C4.64945555,48.6414574 8.24088778,48.4355662 10.5229331,46.1170081 L20.8225644,35.6490126 C22.4392667,34.00594 22.6705139,29.6304984 25.4475096,26.7459931", fill: "currentColor" })))));
     }
-    static get style() { return DigiIconFileGoverningStyle0; }
+    static get style() { return iconFileGoverningCss(); }
 }, [2, "digi-icon-file-governing", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-governing"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-governing":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFileGoverning);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFileGoverning);
             }
             break;
     } });

package/components/digi-icon-file-pdf.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFilePdfCss = ".sc-digi-icon-file-pdf-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-file-pdf-h svg.sc-digi-icon-file-pdf{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 DigiIconFilePdfStyle0 = iconFilePdfCss;
+const iconFilePdfCss = () => `.sc-digi-icon-file-pdf-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-file-pdf-h svg.sc-digi-icon-file-pdf{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 IconFilePdf = /*@__PURE__*/ proxyCustomElement(class IconFilePdf extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'f813262cba6bcc83f0334643c90a01b0045f9a63', class: "digi-icon-file-pdf", width: "19", height: "26", viewBox: "0 0 19 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'b4f65371e36d1cfea6db07b59fab1da922b490b0', class: "digi-icon-file-pdf", width: "19", height: "26", viewBox: "0 0 19 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: 'aac98c8469a4670d0e6f16a821d8ca5eea001002', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '4b13e742d5255ee21986c3b93728e3a2c96cce35' }, this.afDesc), h("path", { key: 'ae3f391939585af407e1e1da14b114b0513a2b40', class: "digi-icon-file-pdf__shape", d: "M9 13.005c-.247-.812-.242-2.382-.099-2.382.416 0 .376 1.874.1 2.382zm-.084 2.397c-.38 1.026-.856 2.199-1.405 3.184.905-.356 1.93-.873 3.112-1.112-.628-.488-1.232-1.188-1.707-2.072zM4.26 21.739c0 .041.653-.274 1.727-2.041-.332.32-1.44 1.244-1.727 2.041zm8.01-13.614H19v16.656c0 .676-.53 1.219-1.188 1.219H1.188C.53 26 0 25.457 0 24.781V1.22C0 .543.53 0 1.188 0h9.895v6.906c0 .67.535 1.219 1.188 1.219zm-.395 8.724c-.99-.62-1.648-1.472-2.113-2.732.223-.94.574-2.366.307-3.26-.233-1.493-2.098-1.346-2.365-.345-.247.929-.02 2.24.4 3.91-.573 1.401-1.42 3.28-2.018 4.357-.005 0-.005.005-.01.005-1.34.706-3.642 2.26-2.697 3.453.278.35.792.508 1.064.508.886 0 1.767-.914 3.023-3.138 1.277-.432 2.677-.97 3.91-1.178 1.073.599 2.33.99 3.166.99 1.445 0 1.544-1.625.975-2.204-.688-.69-2.687-.493-3.642-.366zm6.779-11.517L13.804.355a1.171 1.171 0 00-.84-.355h-.297v6.5H19v-.31c0-.32-.124-.63-.346-.858zm-3.667 12.964c.203-.137-.123-.604-2.117-.457 1.835.803 2.117.457 2.117.457z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '29e06ba6fa4d8efe035f3e712557c0cee8bdb9e0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e15906e5da24b67021abbaf03b92b9f2ea93c5cc' }, this.afDesc), h("path", { key: '5a7b3d6a28b44cb27c03655c674bd8eacac516c3', class: "digi-icon-file-pdf__shape", d: "M9 13.005c-.247-.812-.242-2.382-.099-2.382.416 0 .376 1.874.1 2.382zm-.084 2.397c-.38 1.026-.856 2.199-1.405 3.184.905-.356 1.93-.873 3.112-1.112-.628-.488-1.232-1.188-1.707-2.072zM4.26 21.739c0 .041.653-.274 1.727-2.041-.332.32-1.44 1.244-1.727 2.041zm8.01-13.614H19v16.656c0 .676-.53 1.219-1.188 1.219H1.188C.53 26 0 25.457 0 24.781V1.22C0 .543.53 0 1.188 0h9.895v6.906c0 .67.535 1.219 1.188 1.219zm-.395 8.724c-.99-.62-1.648-1.472-2.113-2.732.223-.94.574-2.366.307-3.26-.233-1.493-2.098-1.346-2.365-.345-.247.929-.02 2.24.4 3.91-.573 1.401-1.42 3.28-2.018 4.357-.005 0-.005.005-.01.005-1.34.706-3.642 2.26-2.697 3.453.278.35.792.508 1.064.508.886 0 1.767-.914 3.023-3.138 1.277-.432 2.677-.97 3.91-1.178 1.073.599 2.33.99 3.166.99 1.445 0 1.544-1.625.975-2.204-.688-.69-2.687-.493-3.642-.366zm6.779-11.517L13.804.355a1.171 1.171 0 00-.84-.355h-.297v6.5H19v-.31c0-.32-.124-.63-.346-.858zm-3.667 12.964c.203-.137-.123-.604-2.117-.457 1.835.803 2.117.457 2.117.457z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconFilePdfStyle0; }
+    static get style() { return iconFilePdfCss(); }
 }, [2, "digi-icon-file-pdf", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-pdf"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-pdf":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFilePdf);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFilePdf);
             }
             break;
     } });

package/components/digi-icon-file-powerpoint.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFilePowerpointCss = ".sc-digi-icon-file-powerpoint-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-file-powerpoint-h svg.sc-digi-icon-file-powerpoint{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 DigiIconFilePowerpointStyle0 = iconFilePowerpointCss;
+const iconFilePowerpointCss = () => `.sc-digi-icon-file-powerpoint-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-file-powerpoint-h svg.sc-digi-icon-file-powerpoint{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 IconFilePowerpoint = /*@__PURE__*/ proxyCustomElement(class IconFilePowerpoint extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'f3ff260fb3cf786b52e89f2b6a0b5384cbefb7e4', class: "digi-icon-file-powerpoint", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '328f1cbac10a820189296238c57cf7c9ed2dbd03', class: "digi-icon-file-powerpoint", 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: '526572500a1b93807f7d50d219892e1159d1c0c6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '906c779fa44c4a9f5c94ad147bcf67ae4dd75d3a' }, this.afDesc), h("path", { key: '6e1c049174b22569d1f0a290b370789f05179873', class: "digi-icon-file-powerpoint__shape", d: "M24.4015,25.425 C25.2375,25.425 25.874,25.678125 26.33,26.184375 C27.242,27.20625 27.261,29.25 26.311,30.31875 C25.8455,30.84375 25.1805,31.115625 24.3065,31.115625 L21.751,31.115625 L21.751,25.425 L24.4015,25.425 L24.4015,25.425 Z M41.815,9.84375 L32.505,0.65625 C32.0775,0.234375 31.498,0 30.89,0 L30.32,0 L30.32,12 L42.48,12 L42.48,11.428125 C42.48,10.8375 42.2425,10.265625 41.815,9.84375 Z M27.28,12.75 L27.28,0 L8.28,0 C7.0165,0 6,1.003125 6,2.25 L6,45.75 C6,46.996875 7.0165,48 8.28,48 L40.2,48 C41.4635,48 42.48,46.996875 42.48,45.75 L42.48,15 L29.56,15 C28.306,15 27.28,13.9875 27.28,12.75 Z M32.315,28.2375 C32.315,36.703125 23.879,35.5125 21.7605,35.5125 L21.7605,40.875 C21.7605,41.49375 21.2475,42 20.6205,42 L17.6945,42 C17.0675,42 16.5545,41.49375 16.5545,40.875 L16.5545,22.14375 C16.5545,21.525 17.0675,21.01875 17.6945,21.01875 L25.3895,21.01875 C29.617,21.01875 32.315,24.09375 32.315,28.2375 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '4ab64abe85bdc10f216152f3867c1f4445cfd71e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'a71fe991a70fb49d08bd489c43a3faa1e8260f07' }, this.afDesc), h("path", { key: '7a498ce3a33daa9fd5de3c84adcb321d59840f04', class: "digi-icon-file-powerpoint__shape", d: "M24.4015,25.425 C25.2375,25.425 25.874,25.678125 26.33,26.184375 C27.242,27.20625 27.261,29.25 26.311,30.31875 C25.8455,30.84375 25.1805,31.115625 24.3065,31.115625 L21.751,31.115625 L21.751,25.425 L24.4015,25.425 L24.4015,25.425 Z M41.815,9.84375 L32.505,0.65625 C32.0775,0.234375 31.498,0 30.89,0 L30.32,0 L30.32,12 L42.48,12 L42.48,11.428125 C42.48,10.8375 42.2425,10.265625 41.815,9.84375 Z M27.28,12.75 L27.28,0 L8.28,0 C7.0165,0 6,1.003125 6,2.25 L6,45.75 C6,46.996875 7.0165,48 8.28,48 L40.2,48 C41.4635,48 42.48,46.996875 42.48,45.75 L42.48,15 L29.56,15 C28.306,15 27.28,13.9875 27.28,12.75 Z M32.315,28.2375 C32.315,36.703125 23.879,35.5125 21.7605,35.5125 L21.7605,40.875 C21.7605,41.49375 21.2475,42 20.6205,42 L17.6945,42 C17.0675,42 16.5545,41.49375 16.5545,40.875 L16.5545,22.14375 C16.5545,21.525 17.0675,21.01875 17.6945,21.01875 L25.3895,21.01875 C29.617,21.01875 32.315,24.09375 32.315,28.2375 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconFilePowerpointStyle0; }
+    static get style() { return iconFilePowerpointCss(); }
 }, [2, "digi-icon-file-powerpoint", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-powerpoint"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-powerpoint":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFilePowerpoint);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFilePowerpoint);
             }
             break;
     } });

package/components/digi-icon-file-remove.js

@@ -1,17 +1,19 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFileRemoveCss = ".sc-digi-icon-file-remove-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-file-remove-h svg.sc-digi-icon-file-remove{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 DigiIconFileRemoveStyle0 = iconFileRemoveCss;
+const iconFileRemoveCss = () => `.sc-digi-icon-file-remove-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-file-remove-h svg.sc-digi-icon-file-remove{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 FileRemove = /*@__PURE__*/ proxyCustomElement(class FileRemove extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Dölj elementet för hjälpmedel Default är satt till true.
+         * @en Hide element for accesibility tools. Default is set to true.
+         */
         this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     prefix(id) {
@@ -25,9 +27,9 @@ const FileRemove = /*@__PURE__*/ proxyCustomElement(class FileRemove extends H {
                 : undefined;
     }
     render() {
-        return (h("svg", { key: 'baa66701556bec0995263291204968c21797b0fb', class: "digi-icon-file-remove", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '2d5acf4649f64986c1ca572a0b83b154e381ba35', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9487a8dcf86401cdf28948cb9b0a7f5b09e3298f' }, this.afDesc), h("g", { key: 'fb43b2e6a08590278a9ecbaf67896ccd10c877bf', "clip-path": "url(#clip0_2337_691)" }, h("path", { key: 'ec379cf29f0bb36abcf57a5adfe976cb400daf0f', d: "M32.4267 14.8607V3.72888H16.7111C15.666 3.72888 14.8252 4.60477 14.8252 5.69339V7.90395C16.915 8.38031 18.8997 9.42762 20.5241 11.0519C25.1199 15.6478 25.1199 23.1259 20.5241 27.722C18.8999 29.3463 16.9152 30.3936 14.8254 30.8697V43.6727C14.8254 44.7613 15.6662 45.6372 16.7113 45.6372H43.1135C44.1587 45.6372 44.9994 44.7613 44.9994 43.6727V16.8252H34.3128C33.2757 16.8252 32.4269 15.9412 32.4269 14.8607H32.4267Z", fill: "currentColor" }), h("path", { key: 'b986b951db1f5ccd290a8ef9816530fd78fb5ef8', d: "M44.4494 12.3233L36.7564 4.30183C36.403 3.93343 35.9237 3.72888 35.4208 3.72888H34.9414V14.206H44.9994V13.7067C44.9994 13.191 44.8028 12.6917 44.4494 12.3233Z", fill: "currentColor" }), h("path", { key: '2a9a3eaf2ec305963ab9469c3f045b9b7015cd5c', d: "M18.6897 25.8874C22.2741 22.303 22.2743 16.4706 18.6897 12.8862C17.5742 11.7707 16.2409 11.0028 14.8254 10.5817C11.6926 9.64952 8.15715 10.4174 5.68835 12.8862C2.10378 16.4706 2.10398 22.303 5.68835 25.8874C8.15735 28.3564 11.6924 29.1243 14.8252 28.192C16.2405 27.7709 17.5738 27.003 18.6893 25.8874H18.6897ZM12.1309 21.209L9.06396 24.2761C8.74626 24.5936 8.22939 24.5936 7.91188 24.2761L7.18348 23.5475C6.86577 23.23 6.86577 22.7131 7.18348 22.3956L10.2504 19.3286L7.18348 16.2615C6.86577 15.9438 6.86577 15.4271 7.18348 15.1094L7.91188 14.3808C8.22959 14.0633 8.74626 14.0633 9.06377 14.3808L12.1307 17.4479L14.8256 14.7532L15.198 14.3808C15.5155 14.0633 16.0321 14.0633 16.3496 14.3808L17.0782 15.1094C17.3959 15.4271 17.3959 15.9438 17.0782 16.2613L14.8254 18.5143L14.0111 19.3286L14.8254 20.1428L17.0782 22.3956C17.3959 22.7133 17.3959 23.23 17.0782 23.5475L16.3498 24.2761C16.0321 24.5936 15.5153 24.5936 15.198 24.2761L14.8256 23.9037L12.1309 21.209Z", fill: "currentColor" })), h("defs", { key: '9508ab07015cbef44914b197cd66be51d9dde7fc' }, h("clipPath", { key: '50e93973738ed140cd2eb945117c49820bc44f2d' }, h("rect", { key: 'ef881192a651e45f858b9173347a28406e3bbe27', width: "42", height: "41.9084", fill: "currentColor", transform: "translate(3 3.72888)" })))));
+        return (h("svg", { key: '6a9a317b8faef99503894d783133bfb1743077ba', class: "digi-icon-file-remove", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f02b839aee8b3313f2d2408b5b4e2c2a36491c61', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd9f868194aa6131f550d6969099608441360cbe0' }, this.afDesc), h("g", { key: '95121979f8620041600954a42e57e8d841737e4d', "clip-path": "url(#clip0_2337_691)" }, h("path", { key: 'abd4c6fcb4bd38fe5129d77e1656e3041ddd0dcd', d: "M32.4267 14.8607V3.72888H16.7111C15.666 3.72888 14.8252 4.60477 14.8252 5.69339V7.90395C16.915 8.38031 18.8997 9.42762 20.5241 11.0519C25.1199 15.6478 25.1199 23.1259 20.5241 27.722C18.8999 29.3463 16.9152 30.3936 14.8254 30.8697V43.6727C14.8254 44.7613 15.6662 45.6372 16.7113 45.6372H43.1135C44.1587 45.6372 44.9994 44.7613 44.9994 43.6727V16.8252H34.3128C33.2757 16.8252 32.4269 15.9412 32.4269 14.8607H32.4267Z", fill: "currentColor" }), h("path", { key: 'f92111e994f4002dac0711e047693414f7f2a455', d: "M44.4494 12.3233L36.7564 4.30183C36.403 3.93343 35.9237 3.72888 35.4208 3.72888H34.9414V14.206H44.9994V13.7067C44.9994 13.191 44.8028 12.6917 44.4494 12.3233Z", fill: "currentColor" }), h("path", { key: '69859503f336bdd575fae3ad428f79e959589194', d: "M18.6897 25.8874C22.2741 22.303 22.2743 16.4706 18.6897 12.8862C17.5742 11.7707 16.2409 11.0028 14.8254 10.5817C11.6926 9.64952 8.15715 10.4174 5.68835 12.8862C2.10378 16.4706 2.10398 22.303 5.68835 25.8874C8.15735 28.3564 11.6924 29.1243 14.8252 28.192C16.2405 27.7709 17.5738 27.003 18.6893 25.8874H18.6897ZM12.1309 21.209L9.06396 24.2761C8.74626 24.5936 8.22939 24.5936 7.91188 24.2761L7.18348 23.5475C6.86577 23.23 6.86577 22.7131 7.18348 22.3956L10.2504 19.3286L7.18348 16.2615C6.86577 15.9438 6.86577 15.4271 7.18348 15.1094L7.91188 14.3808C8.22959 14.0633 8.74626 14.0633 9.06377 14.3808L12.1307 17.4479L14.8256 14.7532L15.198 14.3808C15.5155 14.0633 16.0321 14.0633 16.3496 14.3808L17.0782 15.1094C17.3959 15.4271 17.3959 15.9438 17.0782 16.2613L14.8254 18.5143L14.0111 19.3286L14.8254 20.1428L17.0782 22.3956C17.3959 22.7133 17.3959 23.23 17.0782 23.5475L16.3498 24.2761C16.0321 24.5936 15.5153 24.5936 15.198 24.2761L14.8256 23.9037L12.1309 21.209Z", fill: "currentColor" })), h("defs", { key: '0bba5497abfc0c3813a464a314a9c0037cb3775f' }, h("clipPath", { key: 'b350353d4957c2fce284817a59e73a3d2be6186e' }, h("rect", { key: '898ba6f5fb70109702cddcdf9ae4c73876ca092f', width: "42", height: "41.9084", fill: "currentColor", transform: "translate(3 3.72888)" })))));
     }
-    static get style() { return DigiIconFileRemoveStyle0; }
+    static get style() { return iconFileRemoveCss(); }
 }, [2, "digi-icon-file-remove", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -42,8 +44,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-remove"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-remove":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FileRemove);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), FileRemove);
             }
             break;
     } });

package/components/digi-icon-file-word.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFileWordCss = ".sc-digi-icon-file-word-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-file-word-h svg.sc-digi-icon-file-word{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 DigiIconFileWordStyle0 = iconFileWordCss;
+const iconFileWordCss = () => `.sc-digi-icon-file-word-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-file-word-h svg.sc-digi-icon-file-word{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 IconFileWord = /*@__PURE__*/ proxyCustomElement(class IconFileWord extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'eb010a109718280561ce53b6a3755aea4337f0bf', class: "digi-icon-file-word", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '6bb91e3be84526fc3c8851a75c793cfedc517e2d', class: "digi-icon-file-word", 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: '81980eaf7373417167ddd72de02e013ee340d759', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fba84eba10294b8d97e130e8d052216bd0483430' }, this.afDesc), h("path", { key: '84d1a89b321b28b1dac7dd64812ca5f0e8956f20', class: "digi-icon-file-word__shape", d: "M27.28,12.75 L27.28,0 L8.28,0 C7.0165,0 6,1.003125 6,2.25 L6,45.75 C6,46.996875 7.0165,48 8.28,48 L40.2,48 C41.4635,48 42.48,46.996875 42.48,45.75 L42.48,15 L29.56,15 C28.306,15 27.28,13.9875 27.28,12.75 Z M32.7045,24 L34.975,24 C35.7065,24 36.248,24.665625 36.0865,25.378125 L32.4765,41.128125 C32.3625,41.64375 31.897,42 31.365,42 L27.755,42 C27.2325,42 26.7765,41.64375 26.653,41.146875 C24.202,31.44375 24.677,33.534375 24.221,30.7875 L24.1735,30.7875 C24.069,32.128125 23.9455,32.41875 21.7415,41.146875 C21.618,41.64375 21.162,42 20.6395,42 L17.115,42 C16.583,42 16.1175,41.634375 16.0035,41.11875 L12.4125,25.36875 C12.251,24.665625 12.7925,24 13.524,24 L15.8515,24 C16.393,24 16.868,24.375 16.9725,24.909375 C18.4545,32.221875 18.882,35.175 18.9675,36.365625 C19.1195,35.409375 19.661,33.3 21.7605,24.8625 C21.884,24.35625 22.34,24.009375 22.872,24.009375 L25.6365,24.009375 C26.1685,24.009375 26.6245,24.365625 26.748,24.871875 C29.028,34.284375 29.484,36.496875 29.56,37.003125 C29.541,35.953125 29.313,35.334375 31.612,24.890625 C31.707,24.365625 32.1725,24 32.7045,24 L32.7045,24 Z M42.48,11.428125 L42.48,12 L30.32,12 L30.32,0 L30.8995,0 C31.5075,0 32.087,0.234375 32.5145,0.65625 L41.815,9.84375 C42.2425,10.265625 42.48,10.8375 42.48,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '3ad20dc3ea9e8017bfbc761873741416e5d519c2', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b49cf710bf68a7806ba12882aba259485d83b9fa' }, this.afDesc), h("path", { key: '3644a1625e7903f4c35f0391cd85f4da8fd6ce1f', class: "digi-icon-file-word__shape", d: "M27.28,12.75 L27.28,0 L8.28,0 C7.0165,0 6,1.003125 6,2.25 L6,45.75 C6,46.996875 7.0165,48 8.28,48 L40.2,48 C41.4635,48 42.48,46.996875 42.48,45.75 L42.48,15 L29.56,15 C28.306,15 27.28,13.9875 27.28,12.75 Z M32.7045,24 L34.975,24 C35.7065,24 36.248,24.665625 36.0865,25.378125 L32.4765,41.128125 C32.3625,41.64375 31.897,42 31.365,42 L27.755,42 C27.2325,42 26.7765,41.64375 26.653,41.146875 C24.202,31.44375 24.677,33.534375 24.221,30.7875 L24.1735,30.7875 C24.069,32.128125 23.9455,32.41875 21.7415,41.146875 C21.618,41.64375 21.162,42 20.6395,42 L17.115,42 C16.583,42 16.1175,41.634375 16.0035,41.11875 L12.4125,25.36875 C12.251,24.665625 12.7925,24 13.524,24 L15.8515,24 C16.393,24 16.868,24.375 16.9725,24.909375 C18.4545,32.221875 18.882,35.175 18.9675,36.365625 C19.1195,35.409375 19.661,33.3 21.7605,24.8625 C21.884,24.35625 22.34,24.009375 22.872,24.009375 L25.6365,24.009375 C26.1685,24.009375 26.6245,24.365625 26.748,24.871875 C29.028,34.284375 29.484,36.496875 29.56,37.003125 C29.541,35.953125 29.313,35.334375 31.612,24.890625 C31.707,24.365625 32.1725,24 32.7045,24 L32.7045,24 Z M42.48,11.428125 L42.48,12 L30.32,12 L30.32,0 L30.8995,0 C31.5075,0 32.087,0.234375 32.5145,0.65625 L41.815,9.84375 C42.2425,10.265625 42.48,10.8375 42.48,11.428125 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconFileWordStyle0; }
+    static get style() { return iconFileWordCss(); }
 }, [2, "digi-icon-file-word", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-file-word"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-file-word":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFileWord);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFileWord);
             }
             break;
     } });

package/components/digi-icon-film.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFilmCss = ".sc-digi-icon-film-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-film-h svg.sc-digi-icon-film{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 DigiIconFilmStyle0 = iconFilmCss;
+const iconFilmCss = () => `.sc-digi-icon-film-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-film-h svg.sc-digi-icon-film{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 IconFilm = /*@__PURE__*/ proxyCustomElement(class IconFilm extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'bdc0393a0bdab01f496d50202c7cffb798c74739', class: "digi-icon-film", 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
+        return (h("svg", { key: '8d180471640a4a438f13685aca916651724c88df', class: "digi-icon-film", 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: 'f6ca10262025210616daa5f1e2762583ee7166c6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7b405c86a0e31677ccd2ffac3cbfc3a296b1fe96' }, this.afDesc), h("path", { key: '51a46fd5399c591ff4a029ad8082ade6655c3b48', class: "digi-icon-film__shape", d: "M8.36363636,7.70190745 L36.8118717,23.7050367 L3.63659067,42.3672949 L6.72704569,48 L44.9088639,26.5213893 C47.0909848,25.2938698 47.0909848,22.1162036 44.9088639,20.8886842 L6.72704569,-0.58992654 C4.60626464,-1.7829402 2,-0.230139443 2,2.22642603 L2,25.8864581 L8.36363636,25.8864581 L8.36363636,7.70190745 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '8f4070874e82274300764ac82756d1acf4521611', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b0f56bb24b77eef8efb6fbb492ad7258c5b51bd3' }, this.afDesc), h("path", { key: 'bc753989a45247f70643641665c15cd34fbe38b2', class: "digi-icon-film__shape", d: "M8.36363636,7.70190745 L36.8118717,23.7050367 L3.63659067,42.3672949 L6.72704569,48 L44.9088639,26.5213893 C47.0909848,25.2938698 47.0909848,22.1162036 44.9088639,20.8886842 L6.72704569,-0.58992654 C4.60626464,-1.7829402 2,-0.230139443 2,2.22642603 L2,25.8864581 L8.36363636,25.8864581 L8.36363636,7.70190745 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconFilmStyle0; }
+    static get style() { return iconFilmCss(); }
 }, [2, "digi-icon-film", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-film"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-film":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFilm);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFilm);
             }
             break;
     } });

package/components/digi-icon-filter.js

@@ -1,27 +1,29 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-ll3r2Jmc.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconFilterCss = ".sc-digi-icon-filter-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-filter-h svg.sc-digi-icon-filter{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 DigiIconFilterStyle0 = iconFilterCss;
+const iconFilterCss = () => `.sc-digi-icon-filter-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-filter-h svg.sc-digi-icon-filter{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 IconFilter = /*@__PURE__*/ proxyCustomElement(class IconFilter extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'c2db07c084154c5e37b202959b5ad8c840992f26', class: "digi-icon-filter", 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
+        return (h("svg", { key: '6535531f7ac0c80bb02a8ae873e838217e554229', class: "digi-icon-filter", 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: '43db23d8d8c5f968938ff2fe9e4f72ed464aa2a2', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f3f62fbd035f9b6bcf3077b5748ef1a78b4f3756' }, this.afDesc), h("path", { key: 'acf39764bbcc50df8507598960a84888931e86fe', class: "digi-icon-filter__shape", d: "M45.7477312,0 L2.25261458,0 C0.254052465,0 -0.754416092,2.4249367 0.661677387,3.84102998 L17.9999866,21.1819618 L17.9999866,40.4999866 C17.9999866,41.2341426 18.3582052,41.9221737 18.9597051,42.3432985 L26.4597037,47.5914218 C27.9393597,48.6271714 29.9999843,47.577453 29.9999843,45.7481099 L29.9999843,21.1819618 L47.3387622,3.84102998 C48.7519494,2.4277492 47.7504184,0 45.7477312,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '8f56a3e242b238f725b542bfe4ba76b6407a0f3c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'bdd0f61dea6638577e9491a95615be401ef45659' }, this.afDesc), h("path", { key: 'e80a644c7742e8eeffde890a7705dd91de60acc2', class: "digi-icon-filter__shape", d: "M45.7477312,0 L2.25261458,0 C0.254052465,0 -0.754416092,2.4249367 0.661677387,3.84102998 L17.9999866,21.1819618 L17.9999866,40.4999866 C17.9999866,41.2341426 18.3582052,41.9221737 18.9597051,42.3432985 L26.4597037,47.5914218 C27.9393597,48.6271714 29.9999843,47.577453 29.9999843,45.7481099 L29.9999843,21.1819618 L47.3387622,3.84102998 C48.7519494,2.4277492 47.7504184,0 45.7477312,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconFilterStyle0; }
+    static get style() { return iconFilterCss(); }
 }, [2, "digi-icon-filter", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-filter"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-filter":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconFilter);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconFilter);
             }
             break;
     } });