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

package/components/digi-icon-arrow-sign-out.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 iconArrowSignOutCss = ".sc-digi-icon-arrow-sign-out-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-sign-out-h svg.sc-digi-icon-arrow-sign-out{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 DigiIconArrowSignOutStyle0 = iconArrowSignOutCss;
+const iconArrowSignOutCss = () => `.sc-digi-icon-arrow-sign-out-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-sign-out-h svg.sc-digi-icon-arrow-sign-out{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 IconArrowSignOut = /*@__PURE__*/ proxyCustomElement(class IconArrowSignOut 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: '9f1c6c43981ec624e3fe17b347dc5ee28b4a7917', class: "digi-icon-arrow-sign-out", 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: 'ff71726d1e5ce6c20206749a52a501cbb66eea76', class: "digi-icon-arrow-sign-out", 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: 'b6ab25098a8632e321ddd0889e354670d8e6f3b9', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e10ee5b4c5bde9fe1bf3113462575b568f752ac7' }, this.afDesc), h("path", { key: '515c43456494561583fb188bac4d6a0afcacbb19', class: "digi-icon-arrow-sign-out__shape", d: "M26.5,11.2540632 L26.5,15.8221892 L17.5,15.8221892 C15.015625,15.8221892 13,17.725575 13,20.0716087 L13,27.915329 C13,30.2613627 15.015625,32.1647485 17.5,32.1647485 L26.5,32.1647485 L26.5,36.7328745 C26.5,40.5042344 31.346875,42.4164732 34.178125,39.7340271 L47.678125,26.9946214 C49.43125,25.3391184 49.43125,22.6478193 47.678125,20.9834634 L34.178125,8.23520472 C31.35625,5.58817046 26.5,7.47385038 26.5,11.2540632 Z M44.5,24.0023218 L31,36.7505805 L31,27.9241819 L17.5,27.9241819 L17.5,20.0804617 L31,20.0804617 L31,11.2540632 L44.5,24.0023218 Z M9.23076923,6 L17.3076923,6 C17.9423077,6 18.4615385,6.49326923 18.4615385,7.09615385 L18.4615385,9.28846154 C18.4615385,9.89134615 17.9423077,10.3846154 17.3076923,10.3846154 L9.23076923,10.3846154 C6.68269231,10.3846154 4.61538462,12.3485577 4.61538462,14.7692308 L4.61538462,32.3076923 C4.61538462,34.7283654 6.68269231,36.6923077 9.23076923,36.6923077 L17.3076923,36.6923077 C17.9423077,36.6923077 18.4615385,37.1855769 18.4615385,37.7884615 L18.4615385,39.9807692 C18.4615385,40.5836538 17.9423077,41.0769231 17.3076923,41.0769231 L9.23076923,41.0769231 C4.13461538,41.0769231 2.84217094e-14,37.1490385 2.84217094e-14,32.3076923 L2.84217094e-14,14.7692308 C2.84217094e-14,9.92788462 4.13461538,6 9.23076923,6 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '7ce6a142b666f8f4abf0ce92741bdcec9ffbc369', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8749fb3c67b7ff63ca60a3a87b92a7bc00d5bc7f' }, this.afDesc), h("path", { key: 'd98e841fe2d0cf37da39ea60126835e46d9907a2', class: "digi-icon-arrow-sign-out__shape", d: "M26.5,11.2540632 L26.5,15.8221892 L17.5,15.8221892 C15.015625,15.8221892 13,17.725575 13,20.0716087 L13,27.915329 C13,30.2613627 15.015625,32.1647485 17.5,32.1647485 L26.5,32.1647485 L26.5,36.7328745 C26.5,40.5042344 31.346875,42.4164732 34.178125,39.7340271 L47.678125,26.9946214 C49.43125,25.3391184 49.43125,22.6478193 47.678125,20.9834634 L34.178125,8.23520472 C31.35625,5.58817046 26.5,7.47385038 26.5,11.2540632 Z M44.5,24.0023218 L31,36.7505805 L31,27.9241819 L17.5,27.9241819 L17.5,20.0804617 L31,20.0804617 L31,11.2540632 L44.5,24.0023218 Z M9.23076923,6 L17.3076923,6 C17.9423077,6 18.4615385,6.49326923 18.4615385,7.09615385 L18.4615385,9.28846154 C18.4615385,9.89134615 17.9423077,10.3846154 17.3076923,10.3846154 L9.23076923,10.3846154 C6.68269231,10.3846154 4.61538462,12.3485577 4.61538462,14.7692308 L4.61538462,32.3076923 C4.61538462,34.7283654 6.68269231,36.6923077 9.23076923,36.6923077 L17.3076923,36.6923077 C17.9423077,36.6923077 18.4615385,37.1855769 18.4615385,37.7884615 L18.4615385,39.9807692 C18.4615385,40.5836538 17.9423077,41.0769231 17.3076923,41.0769231 L9.23076923,41.0769231 C4.13461538,41.0769231 2.84217094e-14,37.1490385 2.84217094e-14,32.3076923 L2.84217094e-14,14.7692308 C2.84217094e-14,9.92788462 4.13461538,6 9.23076923,6 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconArrowSignOutStyle0; }
+    static get style() { return iconArrowSignOutCss(); }
 }, [2, "digi-icon-arrow-sign-out", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-arrow-sign-out"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-arrow-sign-out":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconArrowSignOut);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconArrowSignOut);
             }
             break;
     } });

package/components/digi-icon-arrow-up.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 iconArrowUpCss = ".sc-digi-icon-arrow-up-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-up-h svg.sc-digi-icon-arrow-up{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 DigiIconArrowUpStyle0 = iconArrowUpCss;
+const iconArrowUpCss = () => `.sc-digi-icon-arrow-up-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-up-h svg.sc-digi-icon-arrow-up{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 IconArrowUp = /*@__PURE__*/ proxyCustomElement(class IconArrowUp 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: '1d0db986327eac0cbeb6c367d25502d2afb86c6b', class: "digi-icon-arrow-up", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '7c7925ab6da674ae0ee4c7ff54b8fa72daa48161', class: "digi-icon-arrow-up", 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: 'ef8ae103ab16f0187c57247dc1c102fcaf95f9f7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7f9654bf348cd8315c522c5fe64631ff63e6c2b9' }, this.afDesc), h("path", { key: 'b96dfc1f43cf73a2dd68ce2e94ba3e9429c3017c', class: "digi-icon-arrow-up__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", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '174f4fdf0d6a6e31b0a3884833f6f986ca76e031', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '62c5c6f0e006d5f8c0f7a0c42460bd1dfbb260a8' }, this.afDesc), h("path", { key: '338641b862db5d872ca003aeabfa1d90d1556172', class: "digi-icon-arrow-up__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", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconArrowUpStyle0; }
+    static get style() { return iconArrowUpCss(); }
 }, [2, "digi-icon-arrow-up", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-arrow-up"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-arrow-up":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconArrowUp);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconArrowUp);
             }
             break;
     } });

package/components/digi-icon-at.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 iconAtCss = ".sc-digi-icon-at-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-at-h svg.sc-digi-icon-at{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 DigiIconAtStyle0 = iconAtCss;
+const iconAtCss = () => `.sc-digi-icon-at-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-at-h svg.sc-digi-icon-at{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 IconAt = /*@__PURE__*/ proxyCustomElement(class IconAt 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: 'da1577d49f1bb13f55516c6d8b85fe1ac05cf51d', class: "digi-icon-at", 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: '366dce02a4927176bd71d19043cbe0f99f0b7342', class: "digi-icon-at", 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: '52f49041234e3276c32eea6e562d1b2390fc47ae', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '961b1e54745a60242a5d26e8a05598b4d9f4163f' }, this.afDesc), h("path", { key: '5cdc575181679efa933f49c598ce64570d737e19', class: "digi-icon-at__shape", d: "M48,21.6774194 C48,8.49203226 37.3599677,0 24,0 C10.736129,0 0,10.7340968 0,24 C0,37.2637742 10.7340968,48 24,48 C29.121871,48 34.1304194,46.3471935 38.2350968,43.3237742 C38.7674516,42.9316452 38.8566774,42.1698387 38.4378387,41.6581935 L36.9645484,39.8584839 C36.572129,39.3790645 35.8759355,39.2969032 35.3747419,39.6609677 C32.0851935,42.0500323 28.0875484,43.3548387 24,43.3548387 C13.3277419,43.3548387 4.64516129,34.6722581 4.64516129,24 C4.64516129,13.3277419 13.3277419,4.64516129 24,4.64516129 C34.5937742,4.64516129 43.3548387,10.9374194 43.3548387,21.6774194 C43.3548387,27.7844516 39.2440645,31.1893548 35.3206452,31.1893548 C33.4330645,31.1893548 33.3722903,29.9680645 33.7368387,28.1445484 L36.5066129,13.7680645 C36.6446129,13.0517419 36.0958065,12.3870968 35.3663226,12.3870968 L31.5751935,12.3870968 C31.0184291,12.3873023 30.5400838,12.782473 30.4348065,13.3291935 C30.3281613,13.8830323 30.2740645,14.1359032 30.2141613,14.6833548 C29.0603226,12.7916129 26.7420968,11.6767742 23.9042903,11.6767742 C16.9753548,11.6767742 10.8387097,17.7240968 10.8387097,26.4706452 C10.8387097,32.3892581 14.0203548,36.3522581 19.856129,36.3522581 C22.7402903,36.3522581 25.7926452,34.7232581 27.5737742,32.2646129 C27.9749032,35.2497097 30.3315484,35.943 33.3194516,35.943 C42.9161613,35.9429032 48,29.7857419 48,21.6774194 Z M21.4935484,31.0983871 C18.7381935,31.0983871 17.0932258,29.2153548 17.0932258,26.0612903 C17.0932258,20.4954194 20.9216129,17.0216129 24.3135484,17.0216129 C27.2283871,17.0216129 28.7139677,19.1053548 28.7139677,22.0132258 C28.7139677,26.5484516 25.5032903,31.0983871 21.4935484,31.0983871 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'd52f6e47790ff8d35114b2e62243ba5eb3bc5750', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5b6dec73db0b5bce2abb10c847736c7ab5fc6157' }, this.afDesc), h("path", { key: 'fd82fa605ffc6e875cdba7aa69272cb955cba7a3', class: "digi-icon-at__shape", d: "M48,21.6774194 C48,8.49203226 37.3599677,0 24,0 C10.736129,0 0,10.7340968 0,24 C0,37.2637742 10.7340968,48 24,48 C29.121871,48 34.1304194,46.3471935 38.2350968,43.3237742 C38.7674516,42.9316452 38.8566774,42.1698387 38.4378387,41.6581935 L36.9645484,39.8584839 C36.572129,39.3790645 35.8759355,39.2969032 35.3747419,39.6609677 C32.0851935,42.0500323 28.0875484,43.3548387 24,43.3548387 C13.3277419,43.3548387 4.64516129,34.6722581 4.64516129,24 C4.64516129,13.3277419 13.3277419,4.64516129 24,4.64516129 C34.5937742,4.64516129 43.3548387,10.9374194 43.3548387,21.6774194 C43.3548387,27.7844516 39.2440645,31.1893548 35.3206452,31.1893548 C33.4330645,31.1893548 33.3722903,29.9680645 33.7368387,28.1445484 L36.5066129,13.7680645 C36.6446129,13.0517419 36.0958065,12.3870968 35.3663226,12.3870968 L31.5751935,12.3870968 C31.0184291,12.3873023 30.5400838,12.782473 30.4348065,13.3291935 C30.3281613,13.8830323 30.2740645,14.1359032 30.2141613,14.6833548 C29.0603226,12.7916129 26.7420968,11.6767742 23.9042903,11.6767742 C16.9753548,11.6767742 10.8387097,17.7240968 10.8387097,26.4706452 C10.8387097,32.3892581 14.0203548,36.3522581 19.856129,36.3522581 C22.7402903,36.3522581 25.7926452,34.7232581 27.5737742,32.2646129 C27.9749032,35.2497097 30.3315484,35.943 33.3194516,35.943 C42.9161613,35.9429032 48,29.7857419 48,21.6774194 Z M21.4935484,31.0983871 C18.7381935,31.0983871 17.0932258,29.2153548 17.0932258,26.0612903 C17.0932258,20.4954194 20.9216129,17.0216129 24.3135484,17.0216129 C27.2283871,17.0216129 28.7139677,19.1053548 28.7139677,22.0132258 C28.7139677,26.5484516 25.5032903,31.0983871 21.4935484,31.0983871 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconAtStyle0; }
+    static get style() { return iconAtCss(); }
 }, [2, "digi-icon-at", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-at"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-at":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconAt);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconAt);
             }
             break;
     } });

package/components/digi-icon-bars.js

@@ -1,4 +1,4 @@
-import { I as IconBars, d as defineCustomElement$1 } from './p-a43d5fe6.js';
+import { I as IconBars, d as defineCustomElement$1 } from './p-BNXCNdUQ.js';
 
 const DigiIconBars = IconBars;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-icon-bell-filled.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 iconBellFilledCss = ".sc-digi-icon-bell-filled-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-bell-filled-h svg.sc-digi-icon-bell-filled{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 DigiIconBellFilledStyle0 = iconBellFilledCss;
+const iconBellFilledCss = () => `.sc-digi-icon-bell-filled-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-bell-filled-h svg.sc-digi-icon-bell-filled{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 IconBellFilled = /*@__PURE__*/ proxyCustomElement(class IconBellFilled 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: '5e2a17ce1dfb69440a0b81f54d09c8f004060832', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '83e18ac00b974bbf803b36df36bd4c76c7a71e70', class: "digi-icon-bell-filled", 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: 'cc392e3818738b235726b47dfc5ecf03f9a3d09a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '14c6a0831afa0e8137109bd8ff9ad63adb255ace' }, this.afDesc), h("path", { key: 'cae066c44eca47b6cde2ba3e977447fe463c6166', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'e20634152e00b38a2c4f20bccc6eb7899339fe1e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '413f512b1bbcd45121dbcee2df04fb05dc165b14' }, this.afDesc), h("path", { key: 'bb0e35f6628534951817bb9621f5480c34397080', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconBellFilledStyle0; }
+    static get style() { return iconBellFilledCss(); }
 }, [2, "digi-icon-bell-filled", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-bell-filled"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-bell-filled":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconBellFilled);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconBellFilled);
             }
             break;
     } });

package/components/digi-icon-bell.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 iconBellCss = ".sc-digi-icon-bell-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-bell-h svg.sc-digi-icon-bell{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 DigiIconBellStyle0 = iconBellCss;
+const iconBellCss = () => `.sc-digi-icon-bell-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-bell-h svg.sc-digi-icon-bell{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 IconBell = /*@__PURE__*/ proxyCustomElement(class IconBell 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: '49f19801d254aab30a8d4688f66e6547139c3993', class: "digi-icon-bell", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '6e366ea660c52d099e311283f7e275144c482a6b', class: "digi-icon-bell", 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: '041006a54d4ba0c346d9acd1a2634bb8281ec31e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0ac4212d10b2d25a8737c02c1c23e18d57d421de' }, this.afDesc), h("path", { key: '35db52edf7d462c618a934eb3a8f4097e316d803', class: "digi-icon-bell__shape", d: "M20.89 16.805c-.834-.852-1.696-1.733-1.696-5.894 0-4.217-2.994-7.723-6.898-8.367.18-.27.276-.59.275-.919C12.571.728 11.868 0 11 0S9.429.728 9.429 1.625c0 .328.095.649.275.919-3.904.644-6.898 4.15-6.898 8.367 0 4.16-.862 5.042-1.696 5.894-2.362 2.413-.632 5.945 2.176 5.945h4.571C7.857 24.545 9.264 26 11 26c1.736 0 3.143-1.455 3.143-3.25h4.57c2.81 0 4.539-3.534 2.177-5.945zM11 23.97c-.65 0-1.179-.547-1.179-1.219h2.358c0 .672-.53 1.219-1.179 1.219zm7.714-3.657H3.285c-.823 0-1.234-1.035-.655-1.634 1.404-1.452 2.533-2.83 2.533-7.767 0-3.328 2.619-6.036 5.837-6.036 3.218 0 5.837 2.708 5.837 6.036 0 4.958 1.14 6.326 2.532 7.767.582.602.165 1.634-.655 1.634z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '5839910dcb77f2c0f1e72d5302b2500fcfa30257', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '03bef84b1cb68620be4fd872479cbe466a3557de' }, this.afDesc), h("path", { key: 'cccfbf6f718aec82ce4f4a7903f8238f93427408', class: "digi-icon-bell__shape", d: "M20.89 16.805c-.834-.852-1.696-1.733-1.696-5.894 0-4.217-2.994-7.723-6.898-8.367.18-.27.276-.59.275-.919C12.571.728 11.868 0 11 0S9.429.728 9.429 1.625c0 .328.095.649.275.919-3.904.644-6.898 4.15-6.898 8.367 0 4.16-.862 5.042-1.696 5.894-2.362 2.413-.632 5.945 2.176 5.945h4.571C7.857 24.545 9.264 26 11 26c1.736 0 3.143-1.455 3.143-3.25h4.57c2.81 0 4.539-3.534 2.177-5.945zM11 23.97c-.65 0-1.179-.547-1.179-1.219h2.358c0 .672-.53 1.219-1.179 1.219zm7.714-3.657H3.285c-.823 0-1.234-1.035-.655-1.634 1.404-1.452 2.533-2.83 2.533-7.767 0-3.328 2.619-6.036 5.837-6.036 3.218 0 5.837 2.708 5.837 6.036 0 4.958 1.14 6.326 2.532 7.767.582.602.165 1.634-.655 1.634z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconBellStyle0; }
+    static get style() { return iconBellCss(); }
 }, [2, "digi-icon-bell", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-bell"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-bell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconBell);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconBell);
             }
             break;
     } });

package/components/digi-icon-book.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 iconBookCss = ".sc-digi-icon-book-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-book-h svg.sc-digi-icon-book{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 DigiIconBookStyle0 = iconBookCss;
+const iconBookCss = () => `.sc-digi-icon-book-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-book-h svg.sc-digi-icon-book{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 IconBook = /*@__PURE__*/ proxyCustomElement(class IconBook 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: '7085c13278f99aca337acf5d028e84442b60e87a', class: "digi-icon-book", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f698d5631f1a9795a05878c7de505e47b3433263', class: "digi-icon-book", 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: 'bb493047b9375279e9805e7cd97eceff6c4da31f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7be39fa46e15b527d04b506ce278bfe9c40b3997' }, this.afDesc), h("path", { key: '3185aee29783da7e97186a701499f01b8a8dbbd3', class: "digi-icon-book__shape", d: "M22 18.281V1.22C22 .543 21.475 0 20.821 0H4.714C2.112 0 0 2.184 0 4.875v16.25C0 23.816 2.112 26 4.714 26h16.107c.654 0 1.179-.543 1.179-1.219v-.812c0-.381-.172-.726-.437-.95-.206-.782-.206-3.011 0-3.793.265-.219.437-.564.437-.945zM6.286 6.805A.3.3 0 016.58 6.5h10.411a.3.3 0 01.295.305V7.82a.3.3 0 01-.295.305H6.581a.3.3 0 01-.295-.305V6.805zm0 3.25a.3.3 0 01.294-.305h10.411a.3.3 0 01.295.305v1.015a.3.3 0 01-.295.305H6.581a.3.3 0 01-.295-.305v-1.015zM18.729 22.75H4.714c-.869 0-1.571-.726-1.571-1.625 0-.894.707-1.625 1.571-1.625H18.73c-.093.868-.093 2.382 0 3.25z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '44d23fe9fc509ef481ed80eb8a6dd651d43b8acb', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '151d9437084a2db318e21e7477d15af7118e8ce4' }, this.afDesc), h("path", { key: 'f436918ef2f6497b2340392f088845bc7ecb5667', class: "digi-icon-book__shape", d: "M22 18.281V1.22C22 .543 21.475 0 20.821 0H4.714C2.112 0 0 2.184 0 4.875v16.25C0 23.816 2.112 26 4.714 26h16.107c.654 0 1.179-.543 1.179-1.219v-.812c0-.381-.172-.726-.437-.95-.206-.782-.206-3.011 0-3.793.265-.219.437-.564.437-.945zM6.286 6.805A.3.3 0 016.58 6.5h10.411a.3.3 0 01.295.305V7.82a.3.3 0 01-.295.305H6.581a.3.3 0 01-.295-.305V6.805zm0 3.25a.3.3 0 01.294-.305h10.411a.3.3 0 01.295.305v1.015a.3.3 0 01-.295.305H6.581a.3.3 0 01-.295-.305v-1.015zM18.729 22.75H4.714c-.869 0-1.571-.726-1.571-1.625 0-.894.707-1.625 1.571-1.625H18.73c-.093.868-.093 2.382 0 3.25z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconBookStyle0; }
+    static get style() { return iconBookCss(); }
 }, [2, "digi-icon-book", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-book"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-book":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconBook);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconBook);
             }
             break;
     } });

package/components/digi-icon-bookmark-outline.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 iconBookmarkOutlineCss = ".sc-digi-icon-bookmark-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bookmark-outline-h svg.sc-digi-icon-bookmark-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
-const DigiIconBookmarkOutlineStyle0 = iconBookmarkOutlineCss;
+const iconBookmarkOutlineCss = () => `.sc-digi-icon-bookmark-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bookmark-outline-h svg.sc-digi-icon-bookmark-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
 
 const IconBookmarkOutline = /*@__PURE__*/ proxyCustomElement(class IconBookmarkOutline 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: 'f99f6fcd7ff70051f3de57f0706f3e7b50a87712', class: "digi-icon-bookmark-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '15e365603530cb889d40d18a6eb05b811bb85e1b', class: "digi-icon-bookmark-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'e87d58c7bb7bf8cf1fac4c5d73e841197dd49629', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9685e69533411aeb692f0fd50add2d47ceeda2d2' }, this.afDesc), h("path", { key: '211825dfe66c0f595c355dad465e9f8eb92d761a', class: "digi-icon-bookmark-outline__shape", d: "M39.585,40.71 C36.18,38.361 30.743,34.412 25.787,30.713 C25.344,30.382 24.818,30.216 24.292,30.216 C23.766,30.216 23.24,30.382 22.796,30.713 C17.842,34.412 12.405,38.361 9,40.71 L9,5 L39.585,5 L39.585,40.71 Z M40.435,0 L8.15,0 C5.862,0 4,1.862 4,4.15 L4,45.092 C4,46.038 4.555,46.94 5.4,47.364 C7.022,48.179 7.438,48.391 24.292,35.835 C37.543,45.705 40.634,47.6851639 42.138,47.6851639 C42.547,47.684 42.838,47.538 43.185,47.364 C44.03,46.94 44.585,46.038 44.585,45.092 L44.585,4.15 C44.585,1.862 42.723,0 40.435,0 L40.435,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'fbf198b7ee0a4dd69b3fcf0e9048fcaacb4b3459', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7d313b21f1b738864dc3ccac89be5530cb6fe56e' }, this.afDesc), h("path", { key: '02ae46142d0b93ac71050f2296f4d785127a7280', class: "digi-icon-bookmark-outline__shape", d: "M39.585,40.71 C36.18,38.361 30.743,34.412 25.787,30.713 C25.344,30.382 24.818,30.216 24.292,30.216 C23.766,30.216 23.24,30.382 22.796,30.713 C17.842,34.412 12.405,38.361 9,40.71 L9,5 L39.585,5 L39.585,40.71 Z M40.435,0 L8.15,0 C5.862,0 4,1.862 4,4.15 L4,45.092 C4,46.038 4.555,46.94 5.4,47.364 C7.022,48.179 7.438,48.391 24.292,35.835 C37.543,45.705 40.634,47.6851639 42.138,47.6851639 C42.547,47.684 42.838,47.538 43.185,47.364 C44.03,46.94 44.585,46.038 44.585,45.092 L44.585,4.15 C44.585,1.862 42.723,0 40.435,0 L40.435,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconBookmarkOutlineStyle0; }
+    static get style() { return iconBookmarkOutlineCss(); }
 }, [2, "digi-icon-bookmark-outline", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-bookmark-outline"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-bookmark-outline":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconBookmarkOutline);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconBookmarkOutline);
             }
             break;
     } });

package/components/digi-icon-bookmark-solid.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 iconBookmarkSolidCss = ".sc-digi-icon-bookmark-solid-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bookmark-solid-h svg.sc-digi-icon-bookmark-solid{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
-const DigiIconBookmarkSolidStyle0 = iconBookmarkSolidCss;
+const iconBookmarkSolidCss = () => `.sc-digi-icon-bookmark-solid-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bookmark-solid-h svg.sc-digi-icon-bookmark-solid{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
 
 const IconBookmarkSolid = /*@__PURE__*/ proxyCustomElement(class IconBookmarkSolid 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: '265e933e3cceb5cb5c4ad5d5f26d4cba6791e7ed', class: "digi-icon-bookmark-solid", 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: '66c5e71616aebc62ec5994c85d9ab78087fdd092', class: "digi-icon-bookmark-solid", 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: 'ff07114c445ac675681c216b2f1c9d4f6dfcc2be', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '64ddfb5b4d8e94ac2a0fa550660165847900bacb' }, this.afDesc), h("path", { key: '007b3f4ce4c080438cc8b5fbe206cf9d6892d034', class: "digi-icon-bookmark-solid__shape", d: "M8.15,0 C5.862,0 4,1.861 4,4.149 L4,45.092 C4,46.038 4.555,46.94 5.401,47.364 C7.024,48.179 7.437,48.391 24.292,35.835 C37.543,45.705 40.634,47.6851639 42.138,47.6851639 C42.547,47.684 42.838,47.538 43.185,47.364 C44.031,46.94 44.585,46.038 44.585,45.092 L44.585,4.149 C44.585,1.861 42.723,0 40.435,0 L8.15,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'e3501d970c5390d20b1351fa19ff2b109431bef3', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f242b831972b1ab8f7dc289f6ec982230e827509' }, this.afDesc), h("path", { key: 'a26c145ae06d32f5a47a02c5fd2796c518689d82', class: "digi-icon-bookmark-solid__shape", d: "M8.15,0 C5.862,0 4,1.861 4,4.149 L4,45.092 C4,46.038 4.555,46.94 5.401,47.364 C7.024,48.179 7.437,48.391 24.292,35.835 C37.543,45.705 40.634,47.6851639 42.138,47.6851639 C42.547,47.684 42.838,47.538 43.185,47.364 C44.031,46.94 44.585,46.038 44.585,45.092 L44.585,4.149 C44.585,1.861 42.723,0 40.435,0 L8.15,0 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconBookmarkSolidStyle0; }
+    static get style() { return iconBookmarkSolidCss(); }
 }, [2, "digi-icon-bookmark-solid", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-bookmark-solid"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-bookmark-solid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconBookmarkSolid);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconBookmarkSolid);
             }
             break;
     } });

package/components/digi-icon-bubble-ellipsis.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 iconBubbleEllipsisCss = ".sc-digi-icon-bubble-ellipsis-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-bubble-ellipsis-h svg.sc-digi-icon-bubble-ellipsis{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 DigiIconBubbleEllipsisStyle0 = iconBubbleEllipsisCss;
+const iconBubbleEllipsisCss = () => `.sc-digi-icon-bubble-ellipsis-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-bubble-ellipsis-h svg.sc-digi-icon-bubble-ellipsis{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 IconBubbleEllipsis = /*@__PURE__*/ proxyCustomElement(class IconBubbleEllipsis 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: 'e33c472e935f59d3f733a93ad40400a8ccbaddaf', class: "digi-icon-bubble-ellipsis", 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: 'a8b98a8beded7ed6ba32cfd71542d27c135509ed', class: "digi-icon-bubble-ellipsis", 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: '9a4e9b2577de2d1c1894a36c2990bd8e167db90f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'a50557b91b565a6eea51d9537cadc41503bd9f98' }, this.afDesc), h("path", { key: '33bc59946c5050bfa9b04e12366d373907803afc', class: "digi-icon-bubble-ellipsis__shape", d: "M13.5044715,19.956044 C11.8453116,19.956044 10.5048603,21.2524725 10.5048603,22.8571429 C10.5048603,24.4618132 11.8453116,25.7582418 13.5044715,25.7582418 C15.1636314,25.7582418 16.5040827,24.4618132 16.5040827,22.8571429 C16.5040827,21.2524725 15.1636314,19.956044 13.5044715,19.956044 Z M24.0031106,19.956044 C22.3439507,19.956044 21.0034994,21.2524725 21.0034994,22.8571429 C21.0034994,24.4618132 22.3439507,25.7582418 24.0031106,25.7582418 C25.6622705,25.7582418 27.0027218,24.4618132 27.0027218,22.8571429 C27.0027218,21.2524725 25.6622705,19.956044 24.0031106,19.956044 Z M34.5017497,19.956044 C32.8425898,19.956044 31.5021385,21.2524725 31.5021385,22.8571429 C31.5021385,24.4618132 32.8425898,25.7582418 34.5017497,25.7582418 C36.1609096,25.7582418 37.5013609,24.4618132 37.5013609,22.8571429 C37.5013609,21.2524725 36.1609096,19.956044 34.5017497,19.956044 Z M24.0031106,4 C10.7485787,4 0.00622121476,12.4403846 0.00622121476,22.8571429 C0.00622121476,27.1725275 1.87160441,31.1252747 4.96495344,34.3074176 C3.56825948,37.8793956 0.662386159,40.9074176 0.615517234,40.9436813 C-0.00315257016,41.5782967 -0.171880699,42.503022 0.184323128,43.3008242 C0.540526955,44.0986264 1.35604624,44.6153846 2.2559296,44.6153846 C8.02080732,44.6153846 12.567093,42.2854396 15.2948644,40.4178571 C18.0038883,41.2428571 20.9285092,41.7142857 24.0031106,41.7142857 C37.2576425,41.7142857 48,33.2739011 48,22.8571429 C48,12.4403846 37.2576425,4 24.0031106,4 Z M24.0031106,37.3626374 C21.50031,37.3626374 19.0256308,36.9909341 16.6540632,36.2656593 L14.5262141,35.6129121 L12.698326,36.864011 C11.3578748,37.7796703 9.52061291,38.8041209 7.30839967,39.4931319 C7.99268597,38.3961538 8.65822469,37.1631868 9.17378287,35.8486264 L10.1674041,33.3010989 L8.23640437,31.3247253 C6.5397493,29.575 4.50563798,26.682967 4.50563798,22.8571429 C4.50563798,14.860989 13.2513793,8.35164835 24.0031106,8.35164835 C34.7548419,8.35164835 43.5005832,14.860989 43.5005832,22.8571429 C43.5005832,30.8532967 34.7548419,37.3626374 24.0031106,37.3626374 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '86848b95c52f4b018a64deb3bfecba238fded2dd', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0c16ae4a4de27ac71b29b280b6e5c3c81912cefa' }, this.afDesc), h("path", { key: '29acd6bba2ae63e3da3e2dafd2b2165f5314abd0', class: "digi-icon-bubble-ellipsis__shape", d: "M13.5044715,19.956044 C11.8453116,19.956044 10.5048603,21.2524725 10.5048603,22.8571429 C10.5048603,24.4618132 11.8453116,25.7582418 13.5044715,25.7582418 C15.1636314,25.7582418 16.5040827,24.4618132 16.5040827,22.8571429 C16.5040827,21.2524725 15.1636314,19.956044 13.5044715,19.956044 Z M24.0031106,19.956044 C22.3439507,19.956044 21.0034994,21.2524725 21.0034994,22.8571429 C21.0034994,24.4618132 22.3439507,25.7582418 24.0031106,25.7582418 C25.6622705,25.7582418 27.0027218,24.4618132 27.0027218,22.8571429 C27.0027218,21.2524725 25.6622705,19.956044 24.0031106,19.956044 Z M34.5017497,19.956044 C32.8425898,19.956044 31.5021385,21.2524725 31.5021385,22.8571429 C31.5021385,24.4618132 32.8425898,25.7582418 34.5017497,25.7582418 C36.1609096,25.7582418 37.5013609,24.4618132 37.5013609,22.8571429 C37.5013609,21.2524725 36.1609096,19.956044 34.5017497,19.956044 Z M24.0031106,4 C10.7485787,4 0.00622121476,12.4403846 0.00622121476,22.8571429 C0.00622121476,27.1725275 1.87160441,31.1252747 4.96495344,34.3074176 C3.56825948,37.8793956 0.662386159,40.9074176 0.615517234,40.9436813 C-0.00315257016,41.5782967 -0.171880699,42.503022 0.184323128,43.3008242 C0.540526955,44.0986264 1.35604624,44.6153846 2.2559296,44.6153846 C8.02080732,44.6153846 12.567093,42.2854396 15.2948644,40.4178571 C18.0038883,41.2428571 20.9285092,41.7142857 24.0031106,41.7142857 C37.2576425,41.7142857 48,33.2739011 48,22.8571429 C48,12.4403846 37.2576425,4 24.0031106,4 Z M24.0031106,37.3626374 C21.50031,37.3626374 19.0256308,36.9909341 16.6540632,36.2656593 L14.5262141,35.6129121 L12.698326,36.864011 C11.3578748,37.7796703 9.52061291,38.8041209 7.30839967,39.4931319 C7.99268597,38.3961538 8.65822469,37.1631868 9.17378287,35.8486264 L10.1674041,33.3010989 L8.23640437,31.3247253 C6.5397493,29.575 4.50563798,26.682967 4.50563798,22.8571429 C4.50563798,14.860989 13.2513793,8.35164835 24.0031106,8.35164835 C34.7548419,8.35164835 43.5005832,14.860989 43.5005832,22.8571429 C43.5005832,30.8532967 34.7548419,37.3626374 24.0031106,37.3626374 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconBubbleEllipsisStyle0; }
+    static get style() { return iconBubbleEllipsisCss(); }
 }, [2, "digi-icon-bubble-ellipsis", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-bubble-ellipsis"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-bubble-ellipsis":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconBubbleEllipsis);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconBubbleEllipsis);
             }
             break;
     } });

package/components/digi-icon-bubble.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 iconBubbleCss = ".sc-digi-icon-bubble-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-bubble-h svg.sc-digi-icon-bubble{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 DigiIconBubbleStyle0 = iconBubbleCss;
+const iconBubbleCss = () => `.sc-digi-icon-bubble-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-bubble-h svg.sc-digi-icon-bubble{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 IconBubble = /*@__PURE__*/ proxyCustomElement(class IconBubble 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: '46e81a1b676fd5a93d984bc07c64b7727bfc6607', class: "digi-icon-bubble", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'd1963119b83beb3d2bfe184af1b2dd82f623daaf', class: "digi-icon-bubble", 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: '99419358f1540e28835235e48e1eb0ac96eb44e1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'cdd093b6771555d169c432c50ed3515dbf3337f0' }, this.afDesc), h("path", { key: '47fffcf97678d0950b9a99421a7046b3dc993b5a', class: "digi-icon-bubble__shape", d: "M24.0031106,4 C10.7485787,4 0.00622121476,12.4403846 0.00622121476,22.8571429 C0.00622121476,27.1725275 1.87160441,31.1252747 4.96495344,34.3074176 C3.56825948,37.8793956 0.662386159,40.9074176 0.615517234,40.9436813 C-0.00315257016,41.5782967 -0.171880699,42.503022 0.184323128,43.3008242 C0.540526955,44.0986264 1.35604624,44.6153846 2.2559296,44.6153846 C8.02080732,44.6153846 12.567093,42.2854396 15.2948644,40.4178571 C18.0038883,41.2428571 20.9285092,41.7142857 24.0031106,41.7142857 C37.2576425,41.7142857 48,33.2739011 48,22.8571429 C48,12.4403846 37.2576425,4 24.0031106,4 Z M24.0031106,37.3626374 C21.50031,37.3626374 19.0256308,36.9909341 16.6540632,36.2656593 L14.5262141,35.6129121 L12.698326,36.864011 C11.3578748,37.7796703 9.52061291,38.8041209 7.30839967,39.4931319 C7.99268597,38.3961538 8.65822469,37.1631868 9.17378287,35.8486264 L10.1674041,33.3010989 L8.23640437,31.3247253 C6.5397493,29.575 4.50563798,26.682967 4.50563798,22.8571429 C4.50563798,14.860989 13.2513793,8.35164835 24.0031106,8.35164835 C34.7548419,8.35164835 43.5005832,14.860989 43.5005832,22.8571429 C43.5005832,30.8532967 34.7548419,37.3626374 24.0031106,37.3626374 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'c6e09ae421b8547486571d9d71d94853a2773236', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '17c295c35d95e8036e52b2f44d6e9fe7be28439c' }, this.afDesc), h("path", { key: 'f77f04f3cdd4db7a1f3e37f364a9155ad3edbb32', class: "digi-icon-bubble__shape", d: "M24.0031106,4 C10.7485787,4 0.00622121476,12.4403846 0.00622121476,22.8571429 C0.00622121476,27.1725275 1.87160441,31.1252747 4.96495344,34.3074176 C3.56825948,37.8793956 0.662386159,40.9074176 0.615517234,40.9436813 C-0.00315257016,41.5782967 -0.171880699,42.503022 0.184323128,43.3008242 C0.540526955,44.0986264 1.35604624,44.6153846 2.2559296,44.6153846 C8.02080732,44.6153846 12.567093,42.2854396 15.2948644,40.4178571 C18.0038883,41.2428571 20.9285092,41.7142857 24.0031106,41.7142857 C37.2576425,41.7142857 48,33.2739011 48,22.8571429 C48,12.4403846 37.2576425,4 24.0031106,4 Z M24.0031106,37.3626374 C21.50031,37.3626374 19.0256308,36.9909341 16.6540632,36.2656593 L14.5262141,35.6129121 L12.698326,36.864011 C11.3578748,37.7796703 9.52061291,38.8041209 7.30839967,39.4931319 C7.99268597,38.3961538 8.65822469,37.1631868 9.17378287,35.8486264 L10.1674041,33.3010989 L8.23640437,31.3247253 C6.5397493,29.575 4.50563798,26.682967 4.50563798,22.8571429 C4.50563798,14.860989 13.2513793,8.35164835 24.0031106,8.35164835 C34.7548419,8.35164835 43.5005832,14.860989 43.5005832,22.8571429 C43.5005832,30.8532967 34.7548419,37.3626374 24.0031106,37.3626374 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconBubbleStyle0; }
+    static get style() { return iconBubbleCss(); }
 }, [2, "digi-icon-bubble", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-bubble"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-bubble":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconBubble);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconBubble);
             }
             break;
     } });