@designsystem-se/af 39.2.0 → 39.2.1-beta.1

package/components/digi-icon-table-column.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconTableColumnCss = ".sc-digi-icon-table-column-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-table-column-h svg.sc-digi-icon-table-column{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 DigiIconTableColumnStyle0 = iconTableColumnCss;
+const iconTableColumnCss = () => `.sc-digi-icon-table-column-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-table-column-h svg.sc-digi-icon-table-column{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 IconTableColumn = /*@__PURE__*/ proxyCustomElement(class IconTableColumn 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: 'e09c2c2d3d9dc506fcd2b8b360314df38a8bba3d', class: "digi-icon-table-column", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'fa20585294da326b8f4255bac98e8256cf0b11f3', class: "digi-icon-table-column", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '83db037ed75317742d79047b5040d43a28374626', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7c655e16effb73c473fdc57eebcbb51427df571c' }, this.afDesc), h("defs", { key: 'ca283c12f3f20120da73b8e6e01230c225f1cce5' }, h("polygon", { key: '920a8832dc60abb2d06be63242921fd8d4afc06a', points: "0 62 62 62 62 0 0 0" })), h("g", { key: '683ea5075f76fdb6ff2e57b09b9e9e87288d4a5f', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '26d9e3476cea9ae869d9a676b4c5510902f202cd', transform: "translate(-125, -975)" }, h("g", { key: '13aabe688f1466dceffb97aa70877153c2ad1ad0', transform: "translate(125, 975)" }, h("polygon", { key: '35cd26f63459f48019485d8a101c4de5dee51d0c', fill: "currentColor", points: "6.64198453 55.6082341 9.25119781 55.6082341 9.25119781 27.0498293 6.64198453 27.0498293" }), h("g", { key: '230df3860609fc572df6cea301d3ecf63b2fe307' }, h("path", { key: '7612b7ccd83776abc192dcd4d56b7beaf4d25609', d: "M12.1952751,20.6603863 L3.69765001,20.6603863 C1.80600253,20.6603863 0.27313795,22.1999334 0.27313795,24.0995254 L0.27313795,58.5606028 C0.27313795,60.4601948 1.80600253,61.9997419 3.69765001,61.9997419 L12.1952751,61.9997419 C14.0856367,61.9997419 15.6197872,60.4601948 15.6197872,58.5606028 L15.6197872,24.0995254 C15.6197872,22.1999334 14.0856367,20.6603863 12.1952751,20.6603863", fill: "currentColor" }), h("g", { key: '1783f4a494a021c701e757dfedd10f09b46ac0f2' }), h("polygon", { key: '01b39c92b8171bdc1a0dc52ddf584e6b8dc51bf2', fill: "currentColor", points: "53.0214258 55.6082341 55.630639 55.6082341 55.630639 27.0498293 53.0214258 27.0498293" }), h("path", { key: 'ee534a928fda0f502b91f04197192af1dd3ffbf3', d: "M58.5756165,20.6603863 L50.0779914,20.6603863 C48.1863439,20.6603863 46.6534794,22.1999334 46.6534794,24.0995254 L46.6534794,58.5606028 C46.6534794,60.4601948 48.1863439,61.9997419 50.0779914,61.9997419 L58.5756165,61.9997419 C60.4659781,61.9997419 62.0001286,60.4601948 62.0001286,58.5606028 L62.0001286,24.0995254 C62.0001286,22.1999334 60.4659781,20.6603863 58.5756165,20.6603863", id: "Fill-6", fill: "currentColor" }), h("polygon", { key: '288ec11a9e948d9b592cf0bb9e15353cdba21386', fill: "currentColor", points: "29.8317051 55.6082341 32.4409184 55.6082341 32.4409184 27.0498293 29.8317051 27.0498293" }), h("path", { key: '40da80f98e2be9797b87552088e2606365734023', d: "M35.3852529,20.6603863 L26.8876278,20.6603863 C24.9959803,20.6603863 23.4631158,22.1999334 23.4631158,24.0995254 L23.4631158,58.5606028 C23.4631158,60.4601948 24.9959803,61.9997419 26.8876278,61.9997419 L35.3852529,61.9997419 C37.2769004,61.9997419 38.809765,60.4601948 38.809765,58.5606028 L38.809765,24.0995254 C38.809765,22.1999334 37.2769004,20.6603863 35.3852529,20.6603863", id: "Fill-8", fill: "currentColor" }), h("path", { key: '0012aa50298868bffdf88277ea86891727042be5', d: "M0.000771576131,7.75077429 L0.000771576131,7.70689784 C0.000771576131,7.70560736 -0.000514384087,7.70431688 -0.000514384087,7.70302639 L0.000771576131,7.75077429 Z", fill: "currentColor" }), h("path", { key: '3aa75390a175d88b6b04ff228e703812c9656d65', d: "M61.7253189,7.75077429 L61.7266049,7.70302639 C61.7266049,7.70431688 61.7253189,7.70560736 61.7253189,7.70689784 L61.7253189,7.75077429 Z", fill: "currentColor" }), h("path", { key: '551586e2b6d7c74e4911010dcdb3fd125f894af2', d: "M61.101371,6.10398801 L61.101371,6.09753559 L50.9487151,0.225834652 L50.9422853,0.229706103 C50.6876652,0.0877528932 50.3983241,9.16943835e-15 50.0858358,9.16943835e-15 C49.1110779,9.16943835e-15 48.3214984,0.789776039 48.3163545,1.7679627 L48.3150685,1.7679627 L48.3150685,4.62509366 L13.4115363,4.62509366 L13.4102503,1.7679627 C13.4051065,0.789776039 12.6155269,9.16943835e-15 11.6407691,9.16943835e-15 C11.3282808,9.16943835e-15 11.0389397,0.0877528932 10.7830336,0.229706103 L10.7766038,0.225834652 L0.625233858,6.09753559 L0.625233858,6.10398801 C0.254877315,6.2949796 0.000257192044,6.67696278 0.000257192044,7.12217967 L0.000257192044,7.7067688 C0.00282911248,8.1506952 0.256163275,8.53138789 0.625233858,8.721089 L0.625233858,8.72754142 L10.7766038,14.5992424 L10.7830336,14.5953709 C11.0389397,14.7373241 11.3282808,14.8263675 11.6407691,14.8263675 C12.6155269,14.8263675 13.4051065,14.035301 13.4102503,13.0584048 L13.4115363,13.0571143 L13.4115363,13.0506619 L13.4115363,10.2012738 L48.3150685,10.2012738 L48.3163545,13.0584048 C48.3214984,14.035301 49.1110779,14.8263675 50.0858358,14.8263675 C50.3983241,14.8263675 50.6876652,14.7373241 50.9422853,14.5953709 L50.9487151,14.5992424 L61.101371,8.72754142 L61.101371,8.721089 C61.4691556,8.53138789 61.7237757,8.1506952 61.7250617,7.7067688 L61.7263477,7.12217967 C61.7263477,6.67696278 61.4704416,6.2949796 61.101371,6.10398801", id: "Fill-11", fill: "currentColor" })))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'c158c7cfb916f0bf4cdeb040bec0b60fb4e8e439', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '18c4a74110e5c0b3052e1cf86f195fbf89ee891d' }, this.afDesc), h("defs", { key: '0ec1429b218aefd03673eed0bfad8acc4c45d16c' }, h("polygon", { key: '4d08ed4641888d440c887692f4889c3537bcdcfa', points: "0 62 62 62 62 0 0 0" })), h("g", { key: '87eb95047866c703d3c1c015f3e310cd7c613609', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'e235ade7548d9203ef58ce8b164149d132b9c3ec', transform: "translate(-125, -975)" }, h("g", { key: 'e2348cc7b581e816656837ddb585b4fa022ea23e', transform: "translate(125, 975)" }, h("polygon", { key: '971a69ed1d6ec278fcc2aa1f2b7d7638e2c5f389', fill: "currentColor", points: "6.64198453 55.6082341 9.25119781 55.6082341 9.25119781 27.0498293 6.64198453 27.0498293" }), h("g", { key: '88019eb0caf991044f47502ca94bef799444d3e7' }, h("path", { key: '915f4fbab126328a386d0e7d3d31236a3ea0fd96', d: "M12.1952751,20.6603863 L3.69765001,20.6603863 C1.80600253,20.6603863 0.27313795,22.1999334 0.27313795,24.0995254 L0.27313795,58.5606028 C0.27313795,60.4601948 1.80600253,61.9997419 3.69765001,61.9997419 L12.1952751,61.9997419 C14.0856367,61.9997419 15.6197872,60.4601948 15.6197872,58.5606028 L15.6197872,24.0995254 C15.6197872,22.1999334 14.0856367,20.6603863 12.1952751,20.6603863", fill: "currentColor" }), h("g", { key: '000931f54e34a674468250374e85e7920a2f5fdd' }), h("polygon", { key: 'cbf00cc68f82196502e5c2df06a2b5ecf9e9ce74', fill: "currentColor", points: "53.0214258 55.6082341 55.630639 55.6082341 55.630639 27.0498293 53.0214258 27.0498293" }), h("path", { key: '3e538fe35af22ab02ae3f4b78a664146db80022e', d: "M58.5756165,20.6603863 L50.0779914,20.6603863 C48.1863439,20.6603863 46.6534794,22.1999334 46.6534794,24.0995254 L46.6534794,58.5606028 C46.6534794,60.4601948 48.1863439,61.9997419 50.0779914,61.9997419 L58.5756165,61.9997419 C60.4659781,61.9997419 62.0001286,60.4601948 62.0001286,58.5606028 L62.0001286,24.0995254 C62.0001286,22.1999334 60.4659781,20.6603863 58.5756165,20.6603863", id: "Fill-6", fill: "currentColor" }), h("polygon", { key: '6115c6ae8bb628169b337a06e443164bf2fc5165', fill: "currentColor", points: "29.8317051 55.6082341 32.4409184 55.6082341 32.4409184 27.0498293 29.8317051 27.0498293" }), h("path", { key: '9fd7624014b866eb7bf56d280b0213961ec0c4c6', d: "M35.3852529,20.6603863 L26.8876278,20.6603863 C24.9959803,20.6603863 23.4631158,22.1999334 23.4631158,24.0995254 L23.4631158,58.5606028 C23.4631158,60.4601948 24.9959803,61.9997419 26.8876278,61.9997419 L35.3852529,61.9997419 C37.2769004,61.9997419 38.809765,60.4601948 38.809765,58.5606028 L38.809765,24.0995254 C38.809765,22.1999334 37.2769004,20.6603863 35.3852529,20.6603863", id: "Fill-8", fill: "currentColor" }), h("path", { key: 'd2140987c20c9eed0c56163319a517fbb3074d5e', d: "M0.000771576131,7.75077429 L0.000771576131,7.70689784 C0.000771576131,7.70560736 -0.000514384087,7.70431688 -0.000514384087,7.70302639 L0.000771576131,7.75077429 Z", fill: "currentColor" }), h("path", { key: 'f064d97678f97d703e6b331451f480b67ff64b80', d: "M61.7253189,7.75077429 L61.7266049,7.70302639 C61.7266049,7.70431688 61.7253189,7.70560736 61.7253189,7.70689784 L61.7253189,7.75077429 Z", fill: "currentColor" }), h("path", { key: '1bf1e55969ab62efb9250468312f027109b397d0', d: "M61.101371,6.10398801 L61.101371,6.09753559 L50.9487151,0.225834652 L50.9422853,0.229706103 C50.6876652,0.0877528932 50.3983241,9.16943835e-15 50.0858358,9.16943835e-15 C49.1110779,9.16943835e-15 48.3214984,0.789776039 48.3163545,1.7679627 L48.3150685,1.7679627 L48.3150685,4.62509366 L13.4115363,4.62509366 L13.4102503,1.7679627 C13.4051065,0.789776039 12.6155269,9.16943835e-15 11.6407691,9.16943835e-15 C11.3282808,9.16943835e-15 11.0389397,0.0877528932 10.7830336,0.229706103 L10.7766038,0.225834652 L0.625233858,6.09753559 L0.625233858,6.10398801 C0.254877315,6.2949796 0.000257192044,6.67696278 0.000257192044,7.12217967 L0.000257192044,7.7067688 C0.00282911248,8.1506952 0.256163275,8.53138789 0.625233858,8.721089 L0.625233858,8.72754142 L10.7766038,14.5992424 L10.7830336,14.5953709 C11.0389397,14.7373241 11.3282808,14.8263675 11.6407691,14.8263675 C12.6155269,14.8263675 13.4051065,14.035301 13.4102503,13.0584048 L13.4115363,13.0571143 L13.4115363,13.0506619 L13.4115363,10.2012738 L48.3150685,10.2012738 L48.3163545,13.0584048 C48.3214984,14.035301 49.1110779,14.8263675 50.0858358,14.8263675 C50.3983241,14.8263675 50.6876652,14.7373241 50.9422853,14.5953709 L50.9487151,14.5992424 L61.101371,8.72754142 L61.101371,8.721089 C61.4691556,8.53138789 61.7237757,8.1506952 61.7250617,7.7067688 L61.7263477,7.12217967 C61.7263477,6.67696278 61.4704416,6.2949796 61.101371,6.10398801", id: "Fill-11", fill: "currentColor" })))))));
     }
-    static get style() { return DigiIconTableColumnStyle0; }
+    static get style() { return iconTableColumnCss(); }
 }, [2, "digi-icon-table-column", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-table-column"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-table-column":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconTableColumn);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconTableColumn);
             }
             break;
     } });

package/components/digi-icon-table-row.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconTableRowCss = ".sc-digi-icon-table-row-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-table-row-h svg.sc-digi-icon-table-row{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 DigiIconTableRowStyle0 = iconTableRowCss;
+const iconTableRowCss = () => `.sc-digi-icon-table-row-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-table-row-h svg.sc-digi-icon-table-row{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 IconTableRow = /*@__PURE__*/ proxyCustomElement(class IconTableRow 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: '91db4010e772999a9a0edba2d55fe7d6cdbc49c7', class: "digi-icon-table-row", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '4a0f7f37f251bd1d93e89589845963b9bd818d4d', class: "digi-icon-table-row", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '3b86dd0c9f5f781225ccb39edf778efad0e73cac', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e07eeaea124d875323c76a4223db5e99d5a9651a' }, this.afDesc), h("defs", { key: '6f812d847b49d67877d80f647d507025b016db5c' }, h("polygon", { key: 'c7affb8c3e29909d277792d3e43bfecf6f166c4e', points: "0 62 62 62 62 0 0 0" })), h("g", { key: '9cba7ba84a5a85d95963635bcd88997b58ee46db', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'f53956d8531636c29c52ba12599b5d8dd91e51c2', transform: "translate(-210, -975)" }, h("g", { key: 'c759d5182198eea4b359e0d71413859bcfc50850', transform: "translate(210, 975)" }, h("g", { key: '0d2ca850fa014d036775575fa5bd9d0e5cadc4f8', transform: "translate(31, 31) rotate(-90) translate(-31, -31)" }, h("polygon", { key: '177c3db0c75cd89556e725d97fec208d0716f634', fill: "currentColor", points: "6.64198453 55.6082341 9.25119781 55.6082341 9.25119781 27.0498293 6.64198453 27.0498293" }), h("g", { key: 'dc4ad2fa402aede34a8f79a7571d25f1fd0976f0' }, h("path", { key: '446850290f5e72319079743f8501a5d30689e4b8', d: "M12.1952751,20.6603863 L3.69765001,20.6603863 C1.80600253,20.6603863 0.27313795,22.1999334 0.27313795,24.0995254 L0.27313795,58.5606028 C0.27313795,60.4601948 1.80600253,61.9997419 3.69765001,61.9997419 L12.1952751,61.9997419 C14.0856367,61.9997419 15.6197872,60.4601948 15.6197872,58.5606028 L15.6197872,24.0995254 C15.6197872,22.1999334 14.0856367,20.6603863 12.1952751,20.6603863", fill: "currentColor" }), h("polygon", { key: '46193de43180ac70471fe143b5b2a458fdc0bc23', fill: "currentColor", points: "53.0214258 55.6082341 55.630639 55.6082341 55.630639 27.0498293 53.0214258 27.0498293" }), h("path", { key: '5d0627f3fadcea358c71e470c4890c4f63c36b11', d: "M58.5756165,20.6603863 L50.0779914,20.6603863 C48.1863439,20.6603863 46.6534794,22.1999334 46.6534794,24.0995254 L46.6534794,58.5606028 C46.6534794,60.4601948 48.1863439,61.9997419 50.0779914,61.9997419 L58.5756165,61.9997419 C60.4659781,61.9997419 62.0001286,60.4601948 62.0001286,58.5606028 L62.0001286,24.0995254 C62.0001286,22.1999334 60.4659781,20.6603863 58.5756165,20.6603863", fill: "currentColor" }), h("polygon", { key: '1a6aa108f29c9ca3477a21aad17054a30d3ab959', fill: "currentColor", points: "29.8317051 55.6082341 32.4409184 55.6082341 32.4409184 27.0498293 29.8317051 27.0498293" }), h("path", { key: '7f2f63385b78c011865327cc4d8a46ef1d9d7e28', d: "M35.3852529,20.6603863 L26.8876278,20.6603863 C24.9959803,20.6603863 23.4631158,22.1999334 23.4631158,24.0995254 L23.4631158,58.5606028 C23.4631158,60.4601948 24.9959803,61.9997419 26.8876278,61.9997419 L35.3852529,61.9997419 C37.2769004,61.9997419 38.809765,60.4601948 38.809765,58.5606028 L38.809765,24.0995254 C38.809765,22.1999334 37.2769004,20.6603863 35.3852529,20.6603863", fill: "currentColor" }), h("path", { key: 'cfd181c999ff5431beec995cfead13c7ff44a913', d: "M0.000771576131,7.75077429 L0.000771576131,7.70689784 C0.000771576131,7.70560736 -0.000514384087,7.70431688 -0.000514384087,7.70302639 L0.000771576131,7.75077429 Z", fill: "currentColor" }), h("path", { key: '14be5bbf7d978719339b19a749b3c54202d27e00', d: "M61.7253189,7.75077429 L61.7266049,7.70302639 C61.7266049,7.70431688 61.7253189,7.70560736 61.7253189,7.70689784 L61.7253189,7.75077429 Z", fill: "currentColor" }), h("path", { key: '019c5ec311f193a8f0c7923a49cb051f9f879e05', d: "M61.101371,6.10398801 L61.101371,6.09753559 L50.9487151,0.225834652 L50.9422853,0.229706103 C50.6876652,0.0877528932 50.3983241,9.16943835e-15 50.0858358,9.16943835e-15 C49.1110779,9.16943835e-15 48.3214984,0.789776039 48.3163545,1.7679627 L48.3150685,1.7679627 L48.3150685,4.62509366 L13.4115363,4.62509366 L13.4102503,1.7679627 C13.4051065,0.789776039 12.6155269,9.16943835e-15 11.6407691,9.16943835e-15 C11.3282808,9.16943835e-15 11.0389397,0.0877528932 10.7830336,0.229706103 L10.7766038,0.225834652 L0.625233858,6.09753559 L0.625233858,6.10398801 C0.254877315,6.2949796 0.000257192044,6.67696278 0.000257192044,7.12217967 L0.000257192044,7.7067688 C0.00282911248,8.1506952 0.256163275,8.53138789 0.625233858,8.721089 L0.625233858,8.72754142 L10.7766038,14.5992424 L10.7830336,14.5953709 C11.0389397,14.7373241 11.3282808,14.8263675 11.6407691,14.8263675 C12.6155269,14.8263675 13.4051065,14.035301 13.4102503,13.0584048 L13.4115363,13.0571143 L13.4115363,13.0506619 L13.4115363,10.2012738 L48.3150685,10.2012738 L48.3163545,13.0584048 C48.3214984,14.035301 49.1110779,14.8263675 50.0858358,14.8263675 C50.3983241,14.8263675 50.6876652,14.7373241 50.9422853,14.5953709 L50.9487151,14.5992424 L61.101371,8.72754142 L61.101371,8.721089 C61.4691556,8.53138789 61.7237757,8.1506952 61.7250617,7.7067688 L61.7263477,7.12217967 C61.7263477,6.67696278 61.4704416,6.2949796 61.101371,6.10398801", fill: "currentColor" }))))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'ee2a291c171530d5c7d8edbdbab65e465fb522b4', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '711d51612c0c61e81b4f79e77f798fa040db2410' }, this.afDesc), h("defs", { key: '4defce55e2fb5c541b88e902a1f56f5f1e30f4b8' }, h("polygon", { key: '1f2741f20303ed56153c30306748e1f5b00665e0', points: "0 62 62 62 62 0 0 0" })), h("g", { key: 'dc2c8dd8bdc5d2d5813be676f986400c45d1bfe6', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'f7760e6a98d4fef85aa5d1effb0d67a661c61808', transform: "translate(-210, -975)" }, h("g", { key: '91cf0f23378684ff651778a98a8bf0bd35deaed6', transform: "translate(210, 975)" }, h("g", { key: '5ae6eaca3b8f78dd55f9b8a105cee98c1f2d6bd0', transform: "translate(31, 31) rotate(-90) translate(-31, -31)" }, h("polygon", { key: '445479fdd95e2bb1b955cdd58257cef3ecbf83a8', fill: "currentColor", points: "6.64198453 55.6082341 9.25119781 55.6082341 9.25119781 27.0498293 6.64198453 27.0498293" }), h("g", { key: '05974512408bb77dea2e4702f5b844e1af2a2f15' }, h("path", { key: 'd1062332dc9225a4fc0fc0f8acfd131fed51e80b', d: "M12.1952751,20.6603863 L3.69765001,20.6603863 C1.80600253,20.6603863 0.27313795,22.1999334 0.27313795,24.0995254 L0.27313795,58.5606028 C0.27313795,60.4601948 1.80600253,61.9997419 3.69765001,61.9997419 L12.1952751,61.9997419 C14.0856367,61.9997419 15.6197872,60.4601948 15.6197872,58.5606028 L15.6197872,24.0995254 C15.6197872,22.1999334 14.0856367,20.6603863 12.1952751,20.6603863", fill: "currentColor" }), h("polygon", { key: '54b5799501bb55dd4571834729e54f8d8383b1a8', fill: "currentColor", points: "53.0214258 55.6082341 55.630639 55.6082341 55.630639 27.0498293 53.0214258 27.0498293" }), h("path", { key: '175a9ab8b77eebc5c11b81a75aa9ff26fdcf26f6', d: "M58.5756165,20.6603863 L50.0779914,20.6603863 C48.1863439,20.6603863 46.6534794,22.1999334 46.6534794,24.0995254 L46.6534794,58.5606028 C46.6534794,60.4601948 48.1863439,61.9997419 50.0779914,61.9997419 L58.5756165,61.9997419 C60.4659781,61.9997419 62.0001286,60.4601948 62.0001286,58.5606028 L62.0001286,24.0995254 C62.0001286,22.1999334 60.4659781,20.6603863 58.5756165,20.6603863", fill: "currentColor" }), h("polygon", { key: 'e5308e43b9dd2f810439d0f28ca4357c93888c2f', fill: "currentColor", points: "29.8317051 55.6082341 32.4409184 55.6082341 32.4409184 27.0498293 29.8317051 27.0498293" }), h("path", { key: '76f39fceb6ec7cb32806d6988645b59e6703e704', d: "M35.3852529,20.6603863 L26.8876278,20.6603863 C24.9959803,20.6603863 23.4631158,22.1999334 23.4631158,24.0995254 L23.4631158,58.5606028 C23.4631158,60.4601948 24.9959803,61.9997419 26.8876278,61.9997419 L35.3852529,61.9997419 C37.2769004,61.9997419 38.809765,60.4601948 38.809765,58.5606028 L38.809765,24.0995254 C38.809765,22.1999334 37.2769004,20.6603863 35.3852529,20.6603863", fill: "currentColor" }), h("path", { key: '98a071920344227818ffd70f0483c20c852dab69', d: "M0.000771576131,7.75077429 L0.000771576131,7.70689784 C0.000771576131,7.70560736 -0.000514384087,7.70431688 -0.000514384087,7.70302639 L0.000771576131,7.75077429 Z", fill: "currentColor" }), h("path", { key: '1b0f1e1b460e835df65eee0dc08eb4baaba018ff', d: "M61.7253189,7.75077429 L61.7266049,7.70302639 C61.7266049,7.70431688 61.7253189,7.70560736 61.7253189,7.70689784 L61.7253189,7.75077429 Z", fill: "currentColor" }), h("path", { key: '5a8115560f5c892aefff9c6ace075e400a737d6f', d: "M61.101371,6.10398801 L61.101371,6.09753559 L50.9487151,0.225834652 L50.9422853,0.229706103 C50.6876652,0.0877528932 50.3983241,9.16943835e-15 50.0858358,9.16943835e-15 C49.1110779,9.16943835e-15 48.3214984,0.789776039 48.3163545,1.7679627 L48.3150685,1.7679627 L48.3150685,4.62509366 L13.4115363,4.62509366 L13.4102503,1.7679627 C13.4051065,0.789776039 12.6155269,9.16943835e-15 11.6407691,9.16943835e-15 C11.3282808,9.16943835e-15 11.0389397,0.0877528932 10.7830336,0.229706103 L10.7766038,0.225834652 L0.625233858,6.09753559 L0.625233858,6.10398801 C0.254877315,6.2949796 0.000257192044,6.67696278 0.000257192044,7.12217967 L0.000257192044,7.7067688 C0.00282911248,8.1506952 0.256163275,8.53138789 0.625233858,8.721089 L0.625233858,8.72754142 L10.7766038,14.5992424 L10.7830336,14.5953709 C11.0389397,14.7373241 11.3282808,14.8263675 11.6407691,14.8263675 C12.6155269,14.8263675 13.4051065,14.035301 13.4102503,13.0584048 L13.4115363,13.0571143 L13.4115363,13.0506619 L13.4115363,10.2012738 L48.3150685,10.2012738 L48.3163545,13.0584048 C48.3214984,14.035301 49.1110779,14.8263675 50.0858358,14.8263675 C50.3983241,14.8263675 50.6876652,14.7373241 50.9422853,14.5953709 L50.9487151,14.5992424 L61.101371,8.72754142 L61.101371,8.721089 C61.4691556,8.53138789 61.7237757,8.1506952 61.7250617,7.7067688 L61.7263477,7.12217967 C61.7263477,6.67696278 61.4704416,6.2949796 61.101371,6.10398801", fill: "currentColor" }))))))));
     }
-    static get style() { return DigiIconTableRowStyle0; }
+    static get style() { return iconTableRowCss(); }
 }, [2, "digi-icon-table-row", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-table-row"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-table-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconTableRow);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconTableRow);
             }
             break;
     } });

package/components/digi-icon-table.js

@@ -1,4 +1,4 @@
-import { I as IconTable, d as defineCustomElement$1 } from './p-b18e3596.js';
+import { I as IconTable, d as defineCustomElement$1 } from './p-C2LUp3Td.js';
 
 const DigiIconTable = IconTable;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-icon-task-done.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconTaskDoneCss = ".sc-digi-icon-task-done-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-task-done-h svg.sc-digi-icon-task-done{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 DigiIconTaskDoneStyle0 = iconTaskDoneCss;
+const iconTaskDoneCss = () => `.sc-digi-icon-task-done-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-task-done-h svg.sc-digi-icon-task-done{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 IconTaskDone = /*@__PURE__*/ proxyCustomElement(class IconTaskDone 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: '814be679a2575f167fbf9fce1d08c8ca6ac95631', class: "digi-icon-task-done", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'a981e32c447d1a113bd5c5ceae1b1dd059983663', class: "digi-icon-task-done", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'be5cc1de9930fb8a60aba905457cba0ec5b6f732', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '33deac1bcfaa14fedbe8cb2f935cb9d2b8dd92a8' }, this.afDesc), h("defs", { key: 'be6091d30bd757d2c4e2df3c7040602a339bb5f6' }, h("polygon", { key: '315d3109335d6b3533fb0436fd837735abca2f57', points: "0 0 49.0833333 0 49.0833333 62 0 62" })), h("g", { key: '8711c06f70d7bdbbaa817a60ca0d61e353134a0d', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '12b034f0013894af682c7792844c0c514512ead8', transform: "translate(-375, -890)" }, h("g", { key: '37a0c9832d73ad84290e71e366acc7ece6343fbd', transform: "translate(381.4583, 890)" }, h("mask", { key: '3504fabfaf148407121e03b4d48aca8cf440d89c', fill: "white" }, h("use", { key: '23622781b3afb4116e10115ffbd22c557589102f', href: "#path-1" })), h("path", { key: '612ea186f6ca70a4f9a702e81dbd5dd42bb6a177', d: "M26.4430398,29.1400052 L25.1301802,30.5776482 L22.1202647,33.8729071 L22.1054879,33.8887552 L22.0861644,33.8729071 L18.180549,30.5776482 L16.4755364,29.1400052 L12.0754673,25.4293014 L14.7193735,22.3196909 L21.7360685,28.2366673 L33.5393021,15.3137282 L36.5662678,18.0565699 L26.4430398,29.1400052 Z M34.3520248,48.8821267 L34.3520248,57.4038406 C32.0866314,55.8552613 28.4685948,53.2539198 25.1711005,50.8155867 C24.8767016,50.5982423 24.5266057,50.488438 24.1765098,50.488438 C23.8264139,50.488438 23.476318,50.5982423 23.1807825,50.8155867 C19.8844249,53.2539198 16.2663882,55.8552613 14.0009948,57.4038406 L14.0009948,48.8821267 L14.0009948,45.9570325 C14.018045,45.9547685 14.0339584,45.9570325 14.0510085,45.9547685 L18.9341645,45.2812271 L22.8261399,48.2957494 C23.3308236,48.6874223 23.9366714,48.8821267 24.5413825,48.8821267 C25.1472303,48.8821267 25.7530781,48.6874223 26.2577618,48.2957494 L30.1497372,45.2812271 L34.3520248,45.8608123 L34.3520248,48.8821267 Z M48.4956723,22.7328717 L45.4687067,18.8568956 L46.1438917,13.9938134 C46.3189396,12.7327627 45.6130644,11.5135962 44.428649,11.0336272 L39.8614887,9.18506729 L38.0041617,4.63668174 C37.5233482,3.45713526 36.2957391,2.75302978 35.0328931,2.92735815 L30.1497372,3.60089956 L26.2577618,0.586377232 C25.7530781,0.195836411 25.1472303,0 24.5413825,0 C23.9366714,0 23.3308236,0.195836411 22.8261399,0.586377232 L18.9341645,3.60089956 L14.0510085,2.92735815 C12.7858892,2.75302978 11.5605535,3.45713526 11.07974,4.63668174 L9.22241295,9.18506729 L4.65525264,11.0336272 C3.47083724,11.5135962 2.76382537,12.7327627 2.94001,13.9938134 L3.61519497,18.8568956 L0.588229334,22.7328717 C-0.196076445,23.7369579 -0.196076445,25.1451688 0.588229334,26.1503869 L3.61519497,30.0252311 L2.94001,34.8883133 C2.76382537,36.1504959 3.47083724,37.3696625 4.65525264,37.8484995 L9.22241295,39.6970594 L9.23036968,39.7140394 L10.673947,43.2515468 L10.673947,48.8821267 L10.673947,60.2915786 C10.673947,60.9141799 11.0433664,61.5084812 11.6048838,61.7880858 C12.6847251,62.3257869 12.9609372,62.4650232 24.1765098,54.1912178 C32.9936981,60.6957035 35.0510799,62 36.051354,62 C36.324156,62 36.5173907,61.90355 36.7481358,61.7880858 C37.3107899,61.5084812 37.6802093,60.9141799 37.6802093,60.2915786 L37.6802093,48.8821267 L37.6802093,44.8137101 C37.8063802,44.6382497 37.9200477,44.4526014 38.0041617,44.2454449 L39.1237866,41.5048672 L39.8614887,39.6970594 L44.428649,37.8484995 C45.6130644,37.3685305 46.3189396,36.1504959 46.1438917,34.8883133 L45.4687067,30.0252311 L48.4956723,26.1503869 C48.8878252,25.6477779 49.0833333,25.0444206 49.0833333,24.4421953 L49.0833333,24.4399313 C49.0833333,23.8377061 48.8878252,23.2343488 48.4956723,22.7328717 L48.4956723,22.7328717 Z", fill: "currentColor" }))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'eadc3aaee3644a1ca48d2ae3f8698f778968296b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'a991c8affee724146d60aff51abd6cb30bcf6f15' }, this.afDesc), h("defs", { key: '6853f7bbda249c84e0a0b48924df705cfb5ba612' }, h("polygon", { key: '2320d781b614de821403020fee5d220dbb253d6f', points: "0 0 49.0833333 0 49.0833333 62 0 62" })), h("g", { key: '54b078cf021c36c64beb281fff813b964391501d', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '7e4aff9d2ead52877bf522cb5b2cd16fafdc1477', transform: "translate(-375, -890)" }, h("g", { key: '75dc763ea0ff47553d4997aff7402098770dc9cf', transform: "translate(381.4583, 890)" }, h("mask", { key: 'ea44f9738d6ffe30ce273150bd3863b4a8db943f', fill: "white" }, h("use", { key: '7ee9d2abe74e61ce184e0222326124cccab24d48', href: "#path-1" })), h("path", { key: 'c470e33e288f197ba66c315f30adbe35ee2394f8', d: "M26.4430398,29.1400052 L25.1301802,30.5776482 L22.1202647,33.8729071 L22.1054879,33.8887552 L22.0861644,33.8729071 L18.180549,30.5776482 L16.4755364,29.1400052 L12.0754673,25.4293014 L14.7193735,22.3196909 L21.7360685,28.2366673 L33.5393021,15.3137282 L36.5662678,18.0565699 L26.4430398,29.1400052 Z M34.3520248,48.8821267 L34.3520248,57.4038406 C32.0866314,55.8552613 28.4685948,53.2539198 25.1711005,50.8155867 C24.8767016,50.5982423 24.5266057,50.488438 24.1765098,50.488438 C23.8264139,50.488438 23.476318,50.5982423 23.1807825,50.8155867 C19.8844249,53.2539198 16.2663882,55.8552613 14.0009948,57.4038406 L14.0009948,48.8821267 L14.0009948,45.9570325 C14.018045,45.9547685 14.0339584,45.9570325 14.0510085,45.9547685 L18.9341645,45.2812271 L22.8261399,48.2957494 C23.3308236,48.6874223 23.9366714,48.8821267 24.5413825,48.8821267 C25.1472303,48.8821267 25.7530781,48.6874223 26.2577618,48.2957494 L30.1497372,45.2812271 L34.3520248,45.8608123 L34.3520248,48.8821267 Z M48.4956723,22.7328717 L45.4687067,18.8568956 L46.1438917,13.9938134 C46.3189396,12.7327627 45.6130644,11.5135962 44.428649,11.0336272 L39.8614887,9.18506729 L38.0041617,4.63668174 C37.5233482,3.45713526 36.2957391,2.75302978 35.0328931,2.92735815 L30.1497372,3.60089956 L26.2577618,0.586377232 C25.7530781,0.195836411 25.1472303,0 24.5413825,0 C23.9366714,0 23.3308236,0.195836411 22.8261399,0.586377232 L18.9341645,3.60089956 L14.0510085,2.92735815 C12.7858892,2.75302978 11.5605535,3.45713526 11.07974,4.63668174 L9.22241295,9.18506729 L4.65525264,11.0336272 C3.47083724,11.5135962 2.76382537,12.7327627 2.94001,13.9938134 L3.61519497,18.8568956 L0.588229334,22.7328717 C-0.196076445,23.7369579 -0.196076445,25.1451688 0.588229334,26.1503869 L3.61519497,30.0252311 L2.94001,34.8883133 C2.76382537,36.1504959 3.47083724,37.3696625 4.65525264,37.8484995 L9.22241295,39.6970594 L9.23036968,39.7140394 L10.673947,43.2515468 L10.673947,48.8821267 L10.673947,60.2915786 C10.673947,60.9141799 11.0433664,61.5084812 11.6048838,61.7880858 C12.6847251,62.3257869 12.9609372,62.4650232 24.1765098,54.1912178 C32.9936981,60.6957035 35.0510799,62 36.051354,62 C36.324156,62 36.5173907,61.90355 36.7481358,61.7880858 C37.3107899,61.5084812 37.6802093,60.9141799 37.6802093,60.2915786 L37.6802093,48.8821267 L37.6802093,44.8137101 C37.8063802,44.6382497 37.9200477,44.4526014 38.0041617,44.2454449 L39.1237866,41.5048672 L39.8614887,39.6970594 L44.428649,37.8484995 C45.6130644,37.3685305 46.3189396,36.1504959 46.1438917,34.8883133 L45.4687067,30.0252311 L48.4956723,26.1503869 C48.8878252,25.6477779 49.0833333,25.0444206 49.0833333,24.4421953 L49.0833333,24.4399313 C49.0833333,23.8377061 48.8878252,23.2343488 48.4956723,22.7328717 L48.4956723,22.7328717 Z", fill: "currentColor" }))))));
     }
-    static get style() { return DigiIconTaskDoneStyle0; }
+    static get style() { return iconTaskDoneCss(); }
 }, [2, "digi-icon-task-done", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-task-done"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-task-done":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconTaskDone);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconTaskDone);
             }
             break;
     } });

package/components/digi-icon-toggle-off.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconToggleOffCss = ".sc-digi-icon-toggle-off-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-toggle-off-h svg.sc-digi-icon-toggle-off{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 DigiIconToggleOffStyle0 = iconToggleOffCss;
+const iconToggleOffCss = () => `.sc-digi-icon-toggle-off-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-toggle-off-h svg.sc-digi-icon-toggle-off{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 IconToggleOff = /*@__PURE__*/ proxyCustomElement(class IconToggleOff 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: 'e7fb924b7722169af9580e97c3c2e6f1d1f1d228', class: "digi-icon-toggle-off", width: "29", height: "19", viewBox: "0 0 29 19", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'fada1f9c72a2ecf793f53b312f082ac50eb4b5d5', class: "digi-icon-toggle-off", width: "29", height: "19", viewBox: "0 0 29 19", "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: '18337fc85762400bb29fa0c0d6bfebf86fde8044', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '12803e05e695fa1157720488686910644d5eafe0' }, this.afDesc), h("path", { key: 'a535f9231a2e7f66b7b4b2b837475ae3c48de91c', class: "digi-icon-toggle-off__shape", d: "M19.333 0H9.667C4.327 0 0 4.253 0 9.5S4.328 19 9.667 19h9.666C24.673 19 29 14.747 29 9.5S24.672 0 19.333 0zM3.223 9.5c0-3.5 2.882-6.333 6.444-6.333 3.561 0 6.444 2.832 6.444 6.333 0 3.5-2.882 6.333-6.444 6.333S3.222 13.001 3.222 9.5zm16.11 6.333h-2.462a9.374 9.374 0 000-12.666h2.462c3.562 0 6.445 2.832 6.445 6.333 0 3.5-2.883 6.333-6.445 6.333z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'e042324b42a37fc1f02994e18639811f0ec19926', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'dd1500cb90f69976ed97a00e599d9a428593d7de' }, this.afDesc), h("path", { key: 'afcb693b405bf643c4d1d518cafa2ff0397ea688', class: "digi-icon-toggle-off__shape", d: "M19.333 0H9.667C4.327 0 0 4.253 0 9.5S4.328 19 9.667 19h9.666C24.673 19 29 14.747 29 9.5S24.672 0 19.333 0zM3.223 9.5c0-3.5 2.882-6.333 6.444-6.333 3.561 0 6.444 2.832 6.444 6.333 0 3.5-2.882 6.333-6.444 6.333S3.222 13.001 3.222 9.5zm16.11 6.333h-2.462a9.374 9.374 0 000-12.666h2.462c3.562 0 6.445 2.832 6.445 6.333 0 3.5-2.883 6.333-6.445 6.333z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconToggleOffStyle0; }
+    static get style() { return iconToggleOffCss(); }
 }, [2, "digi-icon-toggle-off", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-toggle-off"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-toggle-off":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconToggleOff);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconToggleOff);
             }
             break;
     } });

package/components/digi-icon-toggle-on.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconToggleOnCss = ".sc-digi-icon-toggle-on-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-toggle-on-h svg.sc-digi-icon-toggle-on{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 DigiIconToggleOnStyle0 = iconToggleOnCss;
+const iconToggleOnCss = () => `.sc-digi-icon-toggle-on-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-toggle-on-h svg.sc-digi-icon-toggle-on{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 IconToggleOn = /*@__PURE__*/ proxyCustomElement(class IconToggleOn 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: 'd39962f18d6c018020f7c3835d38d3e4c7cfd0b8', class: "digi-icon-toggle-on", width: "29", height: "19", viewBox: "0 0 29 19", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'acc15aa586165b996cbe892bc842da8a8b921011', class: "digi-icon-toggle-on", width: "29", height: "19", viewBox: "0 0 29 19", "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: 'c139562d67d0fcebc7c20b405ec37029c9595b1a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd77fd9e2509cc63f4ef309b022615afba334eabc' }, this.afDesc), h("path", { key: 'c48fe5b4534c3495758787132a67a60252899255', class: "digi-icon-toggle-on__shape", d: "M29 9.5c0 5.247-4.328 9.5-9.667 9.5H9.667C4.327 19 0 14.747 0 9.5S4.328 0 9.667 0h9.666C24.673 0 29 4.253 29 9.5zm-9.667-6.333c-3.561 0-6.444 2.832-6.444 6.333 0 3.5 2.882 6.333 6.444 6.333s6.445-2.832 6.445-6.333c0-3.5-2.883-6.333-6.445-6.333z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '24754d638f642d58d1d03c532e6508febf81651f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f5a327cfb8deefc2b8bcfd81480abc68b1f4f81e' }, this.afDesc), h("path", { key: '668547aade93d3a978ff4dc87c35855bfb1450e0', class: "digi-icon-toggle-on__shape", d: "M29 9.5c0 5.247-4.328 9.5-9.667 9.5H9.667C4.327 19 0 14.747 0 9.5S4.328 0 9.667 0h9.666C24.673 0 29 4.253 29 9.5zm-9.667-6.333c-3.561 0-6.444 2.832-6.444 6.333 0 3.5 2.882 6.333 6.444 6.333s6.445-2.832 6.445-6.333c0-3.5-2.883-6.333-6.445-6.333z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconToggleOnStyle0; }
+    static get style() { return iconToggleOnCss(); }
 }, [2, "digi-icon-toggle-on", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-toggle-on"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-toggle-on":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconToggleOn);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconToggleOn);
             }
             break;
     } });

package/components/digi-icon-trash.js

@@ -1,4 +1,4 @@
-import { I as Icontrash, d as defineCustomElement$1 } from './p-4851d4b6.js';
+import { I as Icontrash, d as defineCustomElement$1 } from './p-V8bIji56.js';
 
 const DigiIconTrash = Icontrash;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-icon-twitter.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconTwitterCss = ".sc-digi-icon-twitter-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-twitter-h svg.sc-digi-icon-twitter{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 DigiIconTwitterStyle0 = iconTwitterCss;
+const iconTwitterCss = () => `.sc-digi-icon-twitter-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-twitter-h svg.sc-digi-icon-twitter{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 IconTwitter = /*@__PURE__*/ proxyCustomElement(class IconTwitter 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: '1609489c9a430f9a29d9668224f5bb0f2c1a45dd', class: "digi-icon-twitter", width: "26", height: "21", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '2cfb4bc246d3083e17e901f49a4f6fafa99e3368', class: "digi-icon-twitter", width: "26", height: "21", 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", fill: "currentColor" }, this.afTitle && h("title", { key: '3f8059a2f0a97bf61a8af090bf70a567d455f9ae', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5e9222d8b0d4b8b991c22ab0efb442e991b84e18' }, this.afDesc), h("g", { key: 'ef06dc3a183d8d649292f98408e373a7ac9eef1c', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'e1da5c97de6dc29f6a52b6f66fe826f578115a19', transform: "translate(-1386, -722)", fill: "currentColor" }, h("g", { key: 'f90e63d0c579508e0a9a300c9a738aed35a54adb', transform: "translate(1386, 722)" }, h("path", { key: '4d53d20a2384a089c3fca42f36117fe06067b405', d: "M41.3220428,0 L26.1295151,17.6476724 L13.9953192,0 L0,0 L18.3492853,26.6864062 L0,48 L4.14642179,48 L20.190081,29.363458 L33.0046417,48 L47,48 L27.9703891,20.3247242 L27.9713683,20.3247242 L45.4682296,0 L41.3220428,0 Z M21.7995653,26.8581887 L21.7995653,26.8571687 L19.9238763,24.1936791 L5,3 L11.4251309,3 L23.4689124,20.1039785 L25.3445619,22.7674681 L41,45 L34.5748691,45 L21.7995653,26.8581887 Z", id: "Icon" }))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '16bb4682de4668f7db591072d4123a62fe981e9d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fde0805d587d29460ac1ab745609b90669658789' }, this.afDesc), h("g", { key: 'e328ba6f2aa589c96046104f52d471d987855213', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '3124731d426031456b88707cbf1c2b2356e05536', transform: "translate(-1386, -722)", fill: "currentColor" }, h("g", { key: 'd48a78966251b3cc1f06b9601d866e63f6a9efea', transform: "translate(1386, 722)" }, h("path", { key: 'd2e46a9d2355aa9659c98ca70651a26542e48db9', d: "M41.3220428,0 L26.1295151,17.6476724 L13.9953192,0 L0,0 L18.3492853,26.6864062 L0,48 L4.14642179,48 L20.190081,29.363458 L33.0046417,48 L47,48 L27.9703891,20.3247242 L27.9713683,20.3247242 L45.4682296,0 L41.3220428,0 Z M21.7995653,26.8581887 L21.7995653,26.8571687 L19.9238763,24.1936791 L5,3 L11.4251309,3 L23.4689124,20.1039785 L25.3445619,22.7674681 L41,45 L34.5748691,45 L21.7995653,26.8581887 Z", id: "Icon" }))))));
     }
-    static get style() { return DigiIconTwitterStyle0; }
+    static get style() { return iconTwitterCss(); }
 }, [2, "digi-icon-twitter", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-twitter"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-twitter":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconTwitter);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconTwitter);
             }
             break;
     } });

package/components/digi-icon-tyck-till.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconTyckTillCss = ".sc-digi-icon-tyck-till-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-tyck-till-h svg.sc-digi-icon-tyck-till{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 DigiIconTyckTillStyle0 = iconTyckTillCss;
+const iconTyckTillCss = () => `.sc-digi-icon-tyck-till-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-tyck-till-h svg.sc-digi-icon-tyck-till{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 IconTyckTill = /*@__PURE__*/ proxyCustomElement(class IconTyckTill 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: 'd58f78d78255487421c793ce46330e17a4c9de8e', class: "digi-icon-tyck-till", width: "32", height: "27", viewBox: "0 0 32 27", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '8af139e52f7ed1d386518f40dda863605ef19436', class: "digi-icon-tyck-till", width: "32", height: "27", viewBox: "0 0 32 27", "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: '7b56b7df49be30e8a9ec5935a6aebec89589e6ab', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6f335c2bc37ac1fbca86e8823121b1a8f221ad3a' }, this.afDesc), h("g", { key: '413a78230cb3f4b4ce7c609e3c1331354e384048', class: "digi-icon-tyck-till__shape", fill: "currentColor", "fill-rule": "evenodd" }, h("path", { key: 'eea0f2ab365cda6f5ab8ea472d265f042aa3fc80', d: "M9.053 3.455c2.074-.814 4.306-1.222 6.697-1.222 2.39 0 4.626.405 6.706 1.213 2.08.809 3.732 1.9 4.957 3.272 1.225 1.372 1.837 2.856 1.837 4.45 0 1.302-.419 2.544-1.257 3.725-.838 1.18-2.018 2.201-3.542 3.062l-1.53.872.475 1.675a12.46 12.46 0 001.231 3.002 17.357 17.357 0 01-4.834-2.984l-.756-.663-1.002.105c-.808.093-1.57.14-2.285.14-2.39 0-4.626-.405-6.706-1.214-2.08-.808-3.732-1.899-4.957-3.271-1.225-1.373-1.837-2.856-1.837-4.45 0-1.593.612-3.077 1.837-4.45 1.225-1.372 2.88-2.46 4.966-3.262zM0 11.167c0 2.024.703 3.894 2.11 5.61 1.406 1.716 3.316 3.071 5.73 4.066 2.414.994 5.05 1.492 7.91 1.492.82 0 1.67-.047 2.549-.14 2.32 2.036 5.015 3.443 8.086 4.223.574.162 1.242.29 2.004.383.263 0 .422-.06.562-.183a.888.888 0 00.281-.48c.036-.064.039-.133.01-.226a.464.464 0 01-.036-.175c.006-.023-.02-.078-.079-.166l-.106-.157a2.586 2.586 0 00-.123-.148 9.152 9.152 0 01-1.837-2.111 7.086 7.086 0 01-.57-.89c-.141-.268-.3-.61-.475-1.03-.176-.418-.328-.86-.457-1.326 1.84-1.035 3.29-2.315 4.35-3.839 1.06-1.523 1.591-3.158 1.591-4.903 0-1.512-.416-2.957-1.248-4.336-.832-1.378-1.951-2.568-3.357-3.568-1.407-1-3.082-1.794-5.028-2.382A21.046 21.046 0 0015.75 0c-2.133 0-4.172.294-6.117.881-1.946.588-3.621 1.382-5.028 2.382-1.406 1-2.525 2.19-3.357 3.568C.416 8.21 0 9.655 0 11.167z" }), h("path", { key: '3fc718824a5e2de7c06029ea17d7fc318b99bfc5', d: "M17.398 12.475h-2.707l-.418-7.703h3.543l-.418 7.703zm-3.093 2.85c0-.494.148-.878.443-1.152.296-.275.725-.412 1.288-.412.558 0 .98.137 1.268.412.287.274.43.658.43 1.152 0 .488-.149.87-.447 1.144-.298.274-.715.411-1.25.411-.542 0-.966-.137-1.272-.411-.306-.274-.46-.656-.46-1.144z" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f04fa970de61100096db9bfda1de71f3d4a16698', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '09f276ff560c49e48d53183e29c909e288de57e0' }, this.afDesc), h("g", { key: 'ae06048355bff1c3d56208ef41d963c424f2b1c1', class: "digi-icon-tyck-till__shape", fill: "currentColor", "fill-rule": "evenodd" }, h("path", { key: 'a6fb61dc881283790ea5b2df95d6b56175d08a70', d: "M9.053 3.455c2.074-.814 4.306-1.222 6.697-1.222 2.39 0 4.626.405 6.706 1.213 2.08.809 3.732 1.9 4.957 3.272 1.225 1.372 1.837 2.856 1.837 4.45 0 1.302-.419 2.544-1.257 3.725-.838 1.18-2.018 2.201-3.542 3.062l-1.53.872.475 1.675a12.46 12.46 0 001.231 3.002 17.357 17.357 0 01-4.834-2.984l-.756-.663-1.002.105c-.808.093-1.57.14-2.285.14-2.39 0-4.626-.405-6.706-1.214-2.08-.808-3.732-1.899-4.957-3.271-1.225-1.373-1.837-2.856-1.837-4.45 0-1.593.612-3.077 1.837-4.45 1.225-1.372 2.88-2.46 4.966-3.262zM0 11.167c0 2.024.703 3.894 2.11 5.61 1.406 1.716 3.316 3.071 5.73 4.066 2.414.994 5.05 1.492 7.91 1.492.82 0 1.67-.047 2.549-.14 2.32 2.036 5.015 3.443 8.086 4.223.574.162 1.242.29 2.004.383.263 0 .422-.06.562-.183a.888.888 0 00.281-.48c.036-.064.039-.133.01-.226a.464.464 0 01-.036-.175c.006-.023-.02-.078-.079-.166l-.106-.157a2.586 2.586 0 00-.123-.148 9.152 9.152 0 01-1.837-2.111 7.086 7.086 0 01-.57-.89c-.141-.268-.3-.61-.475-1.03-.176-.418-.328-.86-.457-1.326 1.84-1.035 3.29-2.315 4.35-3.839 1.06-1.523 1.591-3.158 1.591-4.903 0-1.512-.416-2.957-1.248-4.336-.832-1.378-1.951-2.568-3.357-3.568-1.407-1-3.082-1.794-5.028-2.382A21.046 21.046 0 0015.75 0c-2.133 0-4.172.294-6.117.881-1.946.588-3.621 1.382-5.028 2.382-1.406 1-2.525 2.19-3.357 3.568C.416 8.21 0 9.655 0 11.167z" }), h("path", { key: 'f2abbdd381652ced5840b343ce3e9a6b2dd6410a', d: "M17.398 12.475h-2.707l-.418-7.703h3.543l-.418 7.703zm-3.093 2.85c0-.494.148-.878.443-1.152.296-.275.725-.412 1.288-.412.558 0 .98.137 1.268.412.287.274.43.658.43 1.152 0 .488-.149.87-.447 1.144-.298.274-.715.411-1.25.411-.542 0-.966-.137-1.272-.411-.306-.274-.46-.656-.46-1.144z" }))));
     }
-    static get style() { return DigiIconTyckTillStyle0; }
+    static get style() { return iconTyckTillCss(); }
 }, [2, "digi-icon-tyck-till", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-tyck-till"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-tyck-till":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconTyckTill);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconTyckTill);
             }
             break;
     } });

package/components/digi-icon-unlock.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconUnlockCss = ".sc-digi-icon-unlock-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-unlock-h svg.sc-digi-icon-unlock{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 DigiIconUnlockStyle0 = iconUnlockCss;
+const iconUnlockCss = () => `.sc-digi-icon-unlock-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-unlock-h svg.sc-digi-icon-unlock{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 IconUnlock = /*@__PURE__*/ proxyCustomElement(class IconUnlock 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: '805282c5b3f4abf3f9d8513dc4dec308cde37fa8', class: "digi-icon-unlock", width: "29", height: "26", viewBox: "0 0 29 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f5181ccef1e58517539ed250e47ce36e9d81642c', class: "digi-icon-unlock", width: "29", height: "26", viewBox: "0 0 29 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: '3f8c39b46928fc7e7e21e9662d38aa38a87b862d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7497738a3c282628cab91bf33c35c7b446ed4109' }, this.afDesc), h("path", { key: 'c58f70dbc5d4562b2690334975690ad61a39ef8e', class: "digi-icon-unlock__shape", d: "M21.322.05c-4.23.016-7.628 3.523-7.628 7.78v3.574H2.417A2.425 2.425 0 000 13.836v9.731A2.425 2.425 0 002.417 26h17.722a2.425 2.425 0 002.417-2.433v-9.73a2.425 2.425 0 00-2.417-2.433h-2.417V7.8c0-2.007 1.596-3.674 3.59-3.695 2.014-.02 3.66 1.627 3.66 3.65v4.054a1.21 1.21 0 001.209 1.216h1.61A1.21 1.21 0 0029 11.81V7.754C29 3.497 25.551.035 21.322.051z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '425b69539a1fbf5406547a6d89abdc6311283d2a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8cc4488ecb7cbe060b47cf16ec88227f81cdc95a' }, this.afDesc), h("path", { key: 'de327a40747a1cf745d14653f0c7ea797a67ac8a', class: "digi-icon-unlock__shape", d: "M21.322.05c-4.23.016-7.628 3.523-7.628 7.78v3.574H2.417A2.425 2.425 0 000 13.836v9.731A2.425 2.425 0 002.417 26h17.722a2.425 2.425 0 002.417-2.433v-9.73a2.425 2.425 0 00-2.417-2.433h-2.417V7.8c0-2.007 1.596-3.674 3.59-3.695 2.014-.02 3.66 1.627 3.66 3.65v4.054a1.21 1.21 0 001.209 1.216h1.61A1.21 1.21 0 0029 11.81V7.754C29 3.497 25.551.035 21.322.051z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconUnlockStyle0; }
+    static get style() { return iconUnlockCss(); }
 }, [2, "digi-icon-unlock", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-unlock"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-unlock":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconUnlock);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconUnlock);
             }
             break;
     } });

package/components/digi-icon-update.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-0pTevzmo.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
 
-const iconUpdateCss = ".sc-digi-icon-update-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-update-h svg.sc-digi-icon-update{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 DigiIconUpdateStyle0 = iconUpdateCss;
+const iconUpdateCss = () => `.sc-digi-icon-update-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-update-h svg.sc-digi-icon-update{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 IconUpdate = /*@__PURE__*/ proxyCustomElement(class IconUpdate 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: 'a1c91838cb31c0233acd191da4a1de04b5137f18', class: "digi-icon-update", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '8ed897e42d8e312964cff11d40489be8398e4500', class: "digi-icon-update", 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: 'd6d56872d18d76b7d4b9b34334ca2eae9f351567', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1c80e202a8967f9e13a597f77ad0473bb1908ad0' }, this.afDesc), h("path", { key: 'bd2a7e1dbd694d216254ee3bbe422184ae0aca02', class: "digi-icon-update__shape", d: "M46.0175806,1.98241935 L40.9693548,7.03064516 C36.6266129,2.68712903 30.6275806,0 24,0 C11.1510968,0 0.660387097,10.0972258 0.03,22.7896452 C-0.00280645161,23.4494516 0.52983871,24 1.19041935,24 L3.90445161,24 C4.51925806,24 5.02829032,23.5207742 5.06312903,22.9070323 C5.62848387,12.9337742 13.8825484,5.03225806 24,5.03225806 C29.2415806,5.03225806 33.9829355,7.15383871 37.4142581,10.5857419 L32.1760645,15.8240323 C31.4444516,16.5556452 31.9625806,17.8064516 32.9971935,17.8064516 L46.8387097,17.8064516 C47.4800323,17.8064516 48,17.2864839 48,16.6451613 L48,2.80364516 C48,1.76903226 46.7490968,1.25090323 46.0175806,1.98241935 Z M46.8095806,24 L44.0955484,24 C43.4807419,24 42.9717097,24.4792258 42.936871,25.0929677 C42.3715161,35.0662258 34.1174516,42.9677419 24,42.9677419 C18.7584194,42.9677419 14.0170645,40.8461613 10.5857419,37.4142581 L15.8239355,32.1759677 C16.5555484,31.4443548 16.0374194,30.1935484 15.0028065,30.1935484 L1.16129032,30.1935484 C0.519967742,30.1935484 0,30.7135161 0,31.3548387 L0,45.1963548 C0,46.2309677 1.25090323,46.7490968 1.98241935,46.0174839 L7.03064516,40.9693548 C11.3733871,45.312871 17.3725161,48 24,48 C36.849,48 47.3396129,37.9027742 47.97,25.2103548 C48.0028065,24.5505484 47.4701613,24 46.8095806,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'cf3fb91b243dddf75b34eaed70539f0c802a4b21', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b7153ff89070e6c5633f648d8c44d5f54bc081be' }, this.afDesc), h("path", { key: 'fcc0b705083291ff15f980c7c74da4d0e0448cc2', class: "digi-icon-update__shape", d: "M46.0175806,1.98241935 L40.9693548,7.03064516 C36.6266129,2.68712903 30.6275806,0 24,0 C11.1510968,0 0.660387097,10.0972258 0.03,22.7896452 C-0.00280645161,23.4494516 0.52983871,24 1.19041935,24 L3.90445161,24 C4.51925806,24 5.02829032,23.5207742 5.06312903,22.9070323 C5.62848387,12.9337742 13.8825484,5.03225806 24,5.03225806 C29.2415806,5.03225806 33.9829355,7.15383871 37.4142581,10.5857419 L32.1760645,15.8240323 C31.4444516,16.5556452 31.9625806,17.8064516 32.9971935,17.8064516 L46.8387097,17.8064516 C47.4800323,17.8064516 48,17.2864839 48,16.6451613 L48,2.80364516 C48,1.76903226 46.7490968,1.25090323 46.0175806,1.98241935 Z M46.8095806,24 L44.0955484,24 C43.4807419,24 42.9717097,24.4792258 42.936871,25.0929677 C42.3715161,35.0662258 34.1174516,42.9677419 24,42.9677419 C18.7584194,42.9677419 14.0170645,40.8461613 10.5857419,37.4142581 L15.8239355,32.1759677 C16.5555484,31.4443548 16.0374194,30.1935484 15.0028065,30.1935484 L1.16129032,30.1935484 C0.519967742,30.1935484 0,30.7135161 0,31.3548387 L0,45.1963548 C0,46.2309677 1.25090323,46.7490968 1.98241935,46.0174839 L7.03064516,40.9693548 C11.3733871,45.312871 17.3725161,48 24,48 C36.849,48 47.3396129,37.9027742 47.97,25.2103548 C48.0028065,24.5505484 47.4701613,24 46.8095806,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
-    static get style() { return DigiIconUpdateStyle0; }
+    static get style() { return iconUpdateCss(); }
 }, [2, "digi-icon-update", {
         "afTitle": [1, "af-title"],
         "afDesc": [1, "af-desc"],
@@ -36,8 +38,8 @@ function defineCustomElement$1() {
     const components = ["digi-icon-update"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-icon-update":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IconUpdate);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), IconUpdate);
             }
             break;
     } });