@designsystem-se/af 39.1.0-beta.2 → 39.2.0

package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js

@@ -1,95 +1,97 @@
 'use strict';
 
-var index = require('./index-tbq85ezH.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const iconCheckCircleSolidCss = () => `.sc-digi-icon-check-circle-solid-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-check-circle-solid-h svg.sc-digi-icon-check-circle-solid{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+const index = require('./index-7a477838.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+
+const iconCheckCircleSolidCss = ".sc-digi-icon-check-circle-solid-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-check-circle-solid-h svg.sc-digi-icon-check-circle-solid{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconCheckCircleSolidStyle0 = iconCheckCircleSolidCss;
 
 const IconCheckCircleSolid = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * 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.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'ba5d581aed6b0b8b6fb9c21f5cdc85b508216a17', class: "digi-icon-check-circle-solid", width: "48px", height: "48px", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'd28cef4c79d08ea053322179d3afcb6528165236', class: "digi-icon-check-circle-solid", width: "48px", height: "48px", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, fill: "currentColor" }, this.afTitle && index.h("title", { key: 'f9835131e7a8cee04a1f5f0c971a72cc102d8ff4', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '9814221eb8c0f3981b0333783eb4f43668743acb' }, this.afDesc), index.h("defs", { key: 'a4cf71891213bdbedbaf0f9c9d3c4e8c92ee795f' }, index.h("polygon", { key: '320b8c91517c27cd2a87085bde71ec918980d389', points: "0 0 48 0 48 48.0005539 0 48.0005539" })), index.h("g", { key: '72ebc21ec6b5824180a2612b51d1a15a1a655cc2', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '23b79375f6c67782002fc2ac7b55dee15be90e09', transform: "translate(-1122, -215)" }, index.h("g", { key: '93c5a33ccc025e5584184c281731e23ea7a4d5d4', transform: "translate(1122, 215)" }, index.h("mask", { key: '73d137d4212aba1038e53134845186f09da934c9', id: "mask-2", fill: "white" }, index.h("use", { key: '19a2ba8244d5441e1e683c92884839484b909372', href: "#path-1" })), index.h("g", { key: '50a827eddabbd1903b4706e1427c4ab444c925a7', id: "Clip-2" }), index.h("path", { key: '0ede480489fef5e2fd771ae332411854c6a289f1', d: "M38.2695118,19.0969092 L22.8594286,34.5069924 C22.1966492,35.1697718 21.1129402,35.1697718 20.4501608,34.5069924 L18.821828,32.8786597 L18.821828,32.8786597 L11.8414129,25.8982446 C11.1786335,25.2354652 11.1786335,24.14991 11.8414129,23.4871306 L13.4678995,21.860644 C14.1306789,21.1978646 15.2162341,21.1978646 15.8790135,21.860644 L21.6538716,27.6373483 L34.2319113,15.0593086 C34.8946907,14.3965292 35.9783997,14.3965292 36.6411791,15.0593086 L38.2695118,16.6876413 C38.9322913,17.3504208 38.9322913,18.4341298 38.2695118,19.0969092 M24.0003692,0 C10.7447807,0 0,10.7447807 0,24.0003692 C0,37.2559578 10.7447807,48.0007385 24.0003692,48.0007385 C37.2541116,48.0007385 48.0007385,37.2559578 48.0007385,24.0003692 C48.0007385,10.7447807 37.2541116,0 24.0003692,0", fill: "currentColor" }))))));
+                    : undefined, fill: "currentColor" }, this.afTitle && index.h("title", { key: '60b742f409ee001421656640dcea90b5e1bb79a0', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '48ec05eaab33fed13bb982ea435991dbb1e29bb1' }, this.afDesc), index.h("defs", { key: 'eebddbeb1bde01a2e857612e705cbb61de490abe' }, index.h("polygon", { key: '675dd268912ee9ee8bc686c10d12e9049b14b77e', points: "0 0 48 0 48 48.0005539 0 48.0005539" })), index.h("g", { key: 'd6d45705b7be2461a69ea12619bbe50f3cd8a35f', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '3cc1eaa91054519771711ba36e18658ca55ec85a', transform: "translate(-1122, -215)" }, index.h("g", { key: '6ea6a5f2af82033d2b385fca89ac86be43ccef26', transform: "translate(1122, 215)" }, index.h("mask", { key: '8f817dbb4ea124a515bddcc5972c5333ceceded8', id: "mask-2", fill: "white" }, index.h("use", { key: '1316cda5a844c8dc354a37c4d1b97749b911469b', href: "#path-1" })), index.h("g", { key: 'edcfdfd8138d6ae9e155d81cc3af6fbbcf65842e', id: "Clip-2" }), index.h("path", { key: '07cef891f659be5c8d36fb612ae2c9357462e239', d: "M38.2695118,19.0969092 L22.8594286,34.5069924 C22.1966492,35.1697718 21.1129402,35.1697718 20.4501608,34.5069924 L18.821828,32.8786597 L18.821828,32.8786597 L11.8414129,25.8982446 C11.1786335,25.2354652 11.1786335,24.14991 11.8414129,23.4871306 L13.4678995,21.860644 C14.1306789,21.1978646 15.2162341,21.1978646 15.8790135,21.860644 L21.6538716,27.6373483 L34.2319113,15.0593086 C34.8946907,14.3965292 35.9783997,14.3965292 36.6411791,15.0593086 L38.2695118,16.6876413 C38.9322913,17.3504208 38.9322913,18.4341298 38.2695118,19.0969092 M24.0003692,0 C10.7447807,0 0,10.7447807 0,24.0003692 C0,37.2559578 10.7447807,48.0007385 24.0003692,48.0007385 C37.2541116,48.0007385 48.0007385,37.2559578 48.0007385,24.0003692 C48.0007385,10.7447807 37.2541116,0 24.0003692,0", fill: "currentColor" }))))));
     }
 };
-IconCheckCircleSolid.style = iconCheckCircleSolidCss();
+IconCheckCircleSolid.style = DigiIconCheckCircleSolidStyle0;
 
-const iconPaperclipCss = () => `.sc-digi-icon-paperclip-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-paperclip-h svg.sc-digi-icon-paperclip{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 iconPaperclipCss = ".sc-digi-icon-paperclip-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-paperclip-h svg.sc-digi-icon-paperclip{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 DigiIconPaperclipStyle0 = iconPaperclipCss;
 
 const IconPaperclip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * 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.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'b7329a40b3dfa7ed7f2ce81bcec8eaac3c7352d3', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'b7d7720a18a001b3522a1ea82af4c88138ed5bd1', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 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 && index.h("title", { key: '22ef0189d64c8514a96f54193281c949ed87e8f7', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1300f76676d12bead38571369595222d52c753f8' }, this.afDesc), index.h("path", { key: '576615c5a7ffd6653e0753fe47e51547620d8603', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'b6450dfb230f6a4e6e24681b4da2f30ac18b94f8', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'e4ab86d7002f09a6cc490729e70ebde9e290fd21' }, this.afDesc), index.h("path", { key: '0a5645e444cf48a71ba49de5b557f7c49e96d180', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
-IconPaperclip.style = iconPaperclipCss();
+IconPaperclip.style = DigiIconPaperclipStyle0;
 
-const iconTrashCss = () => `.sc-digi-icon-trash-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-trash-h svg.sc-digi-icon-trash{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 iconTrashCss = ".sc-digi-icon-trash-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-trash-h svg.sc-digi-icon-trash{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 DigiIconTrashStyle0 = iconTrashCss;
 
 const Icontrash = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * 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.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '5a8d57f9af0f365203e5215c3a351f9c3d6f85e1', class: "digi-icon-trash", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '061025065f77c4cf882f6e1b403d23919fd68aa8', class: "digi-icon-trash", 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 && index.h("title", { key: '5be27938e3ba2604b881593a761a34c6b1bc2a0f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1ff573914dbe2bfeebac83d071aaf3015caa804b' }, this.afDesc), index.h("path", { key: 'fd08e01d97f78bbee69b93ce751a37b5038f3d92', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '3b1532517a3ca5fcf9a30dd571925e7aaca41dc6', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'fac68056569f51e244f8976af13070188d59db51' }, this.afDesc), index.h("path", { key: '76a700f66cfe93ac6a30075fc12455bbf24020dc', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
-Icontrash.style = iconTrashCss();
+Icontrash.style = DigiIconTrashStyle0;
 
-const iconXButtonOutlineCss = () => `.sc-digi-icon-x-button-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-button-outline-h svg.sc-digi-icon-x-button-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+const iconXButtonOutlineCss = ".sc-digi-icon-x-button-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-button-outline-h svg.sc-digi-icon-x-button-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconXButtonOutlineStyle0 = iconXButtonOutlineCss;
 
 const IconXButtonOutline = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * 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.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '586613f37ebb5921bc8c3ada1a96bef10e897de7', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'b86832c25eafafce00ad32317701fc5b8b4000b2', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: 'a023c005a2e8f6b322834646d4f2f16f1cacda6c', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '7db37f63994aca41b0cf0434fe0bbde027a90ffd' }, this.afDesc), index.h("path", { key: '15cd7252aa3c6855f5939ec4d4338e7e99e4a413', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && index.h("title", { key: 'c1f7bf88c6a6bb4586dd8f3d804a8b2311c92237', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '47a1f617fc12962ebf8421455ab26140ee2269cf' }, this.afDesc), index.h("path", { key: '930a2ad353c05f2f8d1fc4174b9f4a0b08a0daae', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
-IconXButtonOutline.style = iconXButtonOutlineCss();
+IconXButtonOutline.style = DigiIconXButtonOutlineStyle0;
 
 exports.digi_icon_check_circle_solid = IconCheckCircleSolid;
 exports.digi_icon_paperclip = IconPaperclip;

package/dist/cjs/digi-icon-check_6.cjs.entry.js

@@ -0,0 +1,340 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7a477838.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const text = require('./text-65b1b58c.js');
+const progressIndicatorHeadingLevel_enum = require('./progress-indicator-heading-level.enum-13c38ed0.js');
+
+const iconCheckCss = ".sc-digi-icon-check-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-check-h svg.sc-digi-icon-check{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 DigiIconCheckStyle0 = iconCheckCss;
+
+const IconCheck = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '7e7362c73d293709e74cbb58d41ee14588d2a6b6', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '0b6cad5ad89e4df27945f378275265d370a7de32', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'b1ae6ed14da198fdbe4c924240de976382c749c0' }, this.afDesc), index.h("path", { key: 'c9e70d7b31bc6588142208eb8acb84f8b3902820', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconCheck.style = DigiIconCheckStyle0;
+
+const iconValidationErrorCss = ".sc-digi-icon-validation-error-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-error-h svg.sc-digi-icon-validation-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconValidationErrorStyle0 = iconValidationErrorCss;
+
+const IconValidationError = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '215ed4d45fc7125b502405f45be9b8525980c0a1', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '50e41b34e0eac377caa84b0fcd931963843949c5', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '6884921d2dfbb0ce9af9cd2959e929aa8a351a6f' }, this.afDesc), index.h("path", { key: '18c6dbfd917e05e1d08c4aff64e2a8b7c39bfe95', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconValidationError.style = DigiIconValidationErrorStyle0;
+
+const iconValidationWarningCss = ".sc-digi-icon-validation-warning-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-warning-h svg.sc-digi-icon-validation-warning{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconValidationWarningStyle0 = iconValidationWarningCss;
+
+const IconValidationWarning = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("div", { key: '0e72404fd84b522858a70020f72399924d37ec18' }, index.h("svg", { key: 'cd993cacfd3c1b6409b448f28e493dfc2bbfac60', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: 'ecb012faa417a12dd8364cdb668d05871cbd9e2d', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '79645e3d7c66df619e6395fc230ceb168e126b55' }, this.afDesc), index.h("g", { key: 'f45dfa63c0474d9ec4d4b5761aa4d89eeec96885', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: '51f6f20faff8a50086a66a1865ed56711e96d01c', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '45179f87b52df55eba0a3ca50113df0cd14eba9b', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+    }
+};
+IconValidationWarning.style = DigiIconValidationWarningStyle0;
+
+const progressCircleCss = ".sc-digi-progress-circle-h{--digi--progress-circle--heading--font-weight:var(--digi--typography--heading-2--font-weight--desktop);--digi--progress-circle--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--progress-circle--label--font-size:var(--digi--typography--label--font-size--desktop);--digi--progress-circle--label--margin:var(--digi--gutter--medium) 0;--digi--progress-circle--border-color:#d5d5d5;--digi--progress-circle--step--line--color:var(--digi--grayscale--700);--digi--progress-circle--step--background--active:var(--digi--color--marking--indication--primary);--digi--progress-circle--icon--width:1rem;--digi--progress-circle--icon--height:1rem;--digi--progress-circle--icon--color:var(--digi--color--icon--secondary);--digi--progress-circle--icon--warning--color:var(--digi--color--icon--validation--warning);--digi--progress-circle--icon--error--color:var(--digi--color--icon--validation--error);--digi--progress-circle--icon--error--background-color:var(--digi--color--background--interactive--validation--error);--digi--progress-circle--icon-status--width:1.75rem;--digi--progress-circle--icon-status--height:1.75rem}.sc-digi-progress-circle-h .digi-progress-circle.sc-digi-progress-circle{box-sizing:border-box}.sc-digi-progress-circle-h .digi-progress-circle__content.sc-digi-progress-circle{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-progress-circle-h .digi-progress-circle__heading.sc-digi-progress-circle{font-weight:var(--digi--progress-circle--heading--font-weight);margin:0;margin-bottom:0.5rem}.sc-digi-progress-circle-h .digi-progress-circle__heading--circle.sc-digi-progress-circle{font-size:var(--digi--progress-circle--heading--font-size);margin-bottom:0.35rem}.sc-digi-progress-circle-h .digi-progress-circle__next.sc-digi-progress-circle{font-size:var(--digi--typography--body--font-size--desktop);font-style:italic;color:var(--digi--color--text--primary);margin:0}.sc-digi-progress-circle-h .digi-progress-circle__next--circle.sc-digi-progress-circle{font-size:var(--digi--typography--tag--font-size--desktop)}.sc-digi-progress-circle-h .digi-progress-circle__icon.sc-digi-progress-circle{--digi--icon--height:var(--digi--progress-circle--icon--width);--digi--icon--width:var(--digi--progress-circle--icon--height);--digi--icon--color:var(--digi--progress-circle--icon--color)}.sc-digi-progress-circle-h .digi-progress-circle__icon--warning.sc-digi-progress-circle{--digi--icon--height:var(--digi--progress-circle--icon-status--height);--digi--icon--width:var(--digi--progress-circle--icon-status--width)}.sc-digi-progress-circle-h .digi-progress-circle__icon--error.sc-digi-progress-circle{margin-top:4px;--digi--icon--height:var(--digi--progress-circle--icon-status--height);--digi--icon--width:var(--digi--progress-circle--icon-status--width);--digi--icon--color:var(--digi--progress-circle--icon--error--color)}.sc-digi-progress-circle-h .digi-progress-circle__label.sc-digi-progress-circle{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-circle--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);margin:var(--digi--progress-circle--label--margin)}.sc-digi-progress-circle-h .digi-progress-circle__label--steps.sc-digi-progress-circle{font-weight:600}.sc-digi-progress-circle-h .digi-progress-circle__validation-label.sc-digi-progress-circle{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-circle--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);padding:var(--digi--gutter--medium) var(--digi--gutter--medium);display:flex;align-items:center}.sc-digi-progress-circle-h .digi-progress-circle__validation-label.sc-digi-progress-circle span.sc-digi-progress-circle{display:inline-block;margin-left:8px}.sc-digi-progress-circle-h .digi-progress-circle__validation-label--warning.sc-digi-progress-circle{background-color:var(--digi--color--background--interactive--validation--warning)}.sc-digi-progress-circle-h .digi-progress-circle__validation-label--error.sc-digi-progress-circle{background-color:var(--digi--color--background--interactive--validation--error)}.sc-digi-progress-circle-h .digi-progress-circle__circle-wrapper.sc-digi-progress-circle{display:flex;align-items:center}.sc-digi-progress-circle-h .digi-progress-circle__circle.sc-digi-progress-circle{position:relative;display:inline-block}.sc-digi-progress-circle-h .digi-progress-circle__circle.sc-digi-progress-circle svg.sc-digi-progress-circle{transform:rotate(-90deg)}.sc-digi-progress-circle-h .digi-progress-circle__circle-label.sc-digi-progress-circle{position:absolute;top:47%;left:50%;transform:translate(-50%, -50%);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);font-weight:600;margin:0}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-unfinished.sc-digi-progress-circle{stroke:var(--digi--progress-circle--border-color)}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-completed.sc-digi-progress-circle{stroke:var(--digi--progress-circle--step--background--active)}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-warning.sc-digi-progress-circle{stroke:var(--digi--progress-circle--icon--warning--color)}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-error.sc-digi-progress-circle{stroke:var(--digi--progress-circle--icon--error--color)}";
+const DigiProgressCircleStyle0 = progressCircleCss;
+
+const ProgressCircle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.completedSteps = undefined;
+        this.totalSteps = [];
+        this.radius = 42;
+        this.stroke = 6;
+        this.afCompletedSteps = undefined;
+        this.afWarningStep = undefined;
+        this.afErrorStep = undefined;
+        this.afTotalSteps = undefined;
+        this.afStepsSeparator = text._t.of;
+        this.afStepText = text._t.step;
+        this.afStepNextText = text._t.progress.questions_next;
+        this.afStepHeading = undefined;
+        this.afHeadingLevel = progressIndicatorHeadingLevel_enum.ProgressCircleHeadingLevel.H2;
+        this.afStepNextLabel = undefined;
+        this.afValidationLabel = undefined;
+        this.afRole = progressIndicatorHeadingLevel_enum.ProgressCircleRole.STATUS;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-progress-circle');
+    }
+    componentWillLoad() {
+        this.changeTotalStepsHandler(this.afTotalSteps);
+    }
+    changeTotalStepsHandler(value) {
+        this.totalSteps = new Array(value);
+    }
+    changeCompletedStepsHandler(value) {
+        this.completedSteps = value;
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
+    focusOnHeading() {
+        this.headingElement.focus();
+    }
+    renderHeading() {
+        return (index.h(this.afHeadingLevel, { class: "digi-progress-circle__heading digi-progress-circle__heading--circle", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
+    }
+    get cssModifiers() {
+        return {
+            'digi-progress-circle': true,
+            'digi-progress-circle--primary': true
+        };
+    }
+    get slottedContent() {
+        return;
+    }
+    render() {
+        return (index.h("div", { key: 'cbe667e47ef70139fc62656fc1c0378d41f3cb68', class: this.cssModifiers, role: this.afRole === progressIndicatorHeadingLevel_enum.ProgressCircleRole.STATUS
+                ? progressIndicatorHeadingLevel_enum.ProgressCircleRole.STATUS
+                : null }, index.h("div", { key: '3658a985852d9ac4c0530645cee757c27e8f5c10', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: '3932a036f462f25f46d0eb40b55a87d70d1a8154', class: "digi-progress-circle__circle" }, index.h("p", { key: '05cbddb140d7eb640c88084dd0c6a8498cedc99a', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: 'c63455cb35348a6a95fda7dd665ad9e4a596a4ad', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: '27d7629320dff581aef76bb1f5739044ad818cdd' }, index.h("mask", { key: '32bcd2e30e7a351a0580cd708968e0774e71ef05', id: this.afId }, index.h("circle", { key: '1193bb8b82fecf3ff4afca555cdd9e7f1d158949', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
+                ' 15', pathLength: "1000" }))), index.h("g", { key: 'b9519d706d1a80db3498aa7373626bb52c6aa026' }, index.h("circle", { key: '0bbdfc45b4fd134210b06af9e10ef1a72ec97ada', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), index.h("circle", { key: '42d2ead3315be022db88325ea8162351744b1c8f', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
+                ' 1000', pathLength: "1000" }), this.afWarningStep && (index.h("circle", { key: '86f8c2b663b3c6c86ab6b1c6d7937a7f9d73d5d6', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (index.h("circle", { key: 'dc0e3aa7de24fcb294a9e3a0b00535ed38bd893b', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" }))))), index.h("div", { key: 'd060eee981d58d82911330fab6bb62bd51a9a8fc', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: '6168f458adf3ec8afdf4258ddf053c3043c323cb', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                visibility: 'hidden'
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: '1a200a9ec699d687b93634a6786b7d33c81d9d3d', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                visibility: this.afStepNextLabel !== null &&
+                    this.afStepNextLabel !== undefined
+                    ? 'visible'
+                    : 'hidden'
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'cf0d97fe3d7db7a5115df1ac1c267199c76235f8', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: 'ec0ea9e9fe5a48d2dff0d51bf4022067cf11feca', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: '7763a0683203ddce8902914872c56a74459c9a24' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '0da675614decd1cebc5364893dd4f98be6bdfd1f', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: '0ab96219c963d43e7c646205e615778ba9059467', class: "digi-progress-circle__icon--error" }), index.h("span", { key: 'e294028781666aa354c82c993a000b3e03becf5a' }, this.afValidationLabel)))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afCompletedSteps": ["changeCompletedStepsHandler"]
+    }; }
+};
+ProgressCircle.style = DigiProgressCircleStyle0;
+
+const progressIndicatorCss = ".sc-digi-progress-indicator-h{--digi--progress-indicator--margin:0 0 var(--digi--margin--medium);--digi--progress-indicator--label--font-size:var(--digi--typography--label--font-size--desktop);--digi--progress-indicator--label--margin:var(--digi--gutter--medium) 0;--digi--progress-indicator--border-color:var(--digi--color--marking--indication--tertiary);--digi--progress-indicator--border-color--active:var(--digi--color--marking--indication--primary);--digi--progress-indicator--gap:var(--digi--padding--largest);--digi--progress-indicator--gap--x-large:var(--digi--padding--largest-3);--digi--progress-indicator--heading--font-weight:var(--digi--typography--heading-2--font-weight--desktop);--digi--progress-indicator--step--background:transparent;--digi--progress-indicator--step--background--active:var(--digi--color--marking--indication--primary);--digi--progress-indicator--step--size:var(--digi--global--spacing--base);--digi--progress-indicator--step--size--large:1.625rem;--digi--progress-indicator--step--size--active:1.625rem;--digi--progress-indicator--step--size--active--large:1.625rem;--digi--progress-indicator--step--line--width:var(--digi--border-width--secondary);--digi--progress-indicator--step--line--color:var(--digi--color--marking--indication--tertiary);--digi--progress-indicator--step--line--color--current:var(--digi--color--marking--indication--tertiary);--digi--progress-indicator--step--line--color--active:var(--digi--color--marking--indication--primary);--digi--progress-indicator--step--line--style:dashed;--digi--progress-indicator--icon--width:1rem;--digi--progress-indicator--icon--height:1rem;--digi--progress-indicator--icon--color:var(--digi--color--icon--secondary);--digi--progress-indicator--icon-status--width:1.75rem;--digi--progress-indicator--icon-status--height:1.75rem;--digi--progress-indicator--icon--warning--color:var(--digi--color--icon--validation--warning);--digi--progress-indicator--icon--error--color:var(--digi--color--icon--validation--error)}.sc-digi-progress-indicator-h .digi-progress-indicator.sc-digi-progress-indicator{font-size:var(--digi--progress-indicator--label--font-size);margin:var(--digi--progress-indicator--margin);box-sizing:border-box}.sc-digi-progress-indicator-h .digi-progress-indicator.sc-digi-progress-indicator:not(.digi-progress-indicator--linear){--digi--progress-indicator--step--line--color--active:var(--digi--progress-indicator--step--line--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__content.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-progress-indicator-h .digi-progress-indicator__heading.sc-digi-progress-indicator{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--progress-indicator--heading--font-weight);margin:0;margin-bottom:0.5rem}@media (max-width: 47.9375rem){.sc-digi-progress-indicator-h .digi-progress-indicator__heading.sc-digi-progress-indicator{font-size:var(--digi--typography--heading-2--font-size--mobile);font-weight:var(--digi--typography--heading-2--font-weight--mobile)}}.sc-digi-progress-indicator-h .digi-progress-indicator__next.sc-digi-progress-indicator{font-size:var(--digi--typography--body--font-size--desktop);font-style:italic;color:var(--digi--color--text--primary);margin:0}.sc-digi-progress-indicator-h .digi-progress-indicator__icon.sc-digi-progress-indicator{--digi--icon--height:var(--digi--progress-indicator--icon--width);--digi--icon--width:var(--digi--progress-indicator--icon--height);--digi--icon--color:var(--digi--progress-indicator--icon--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__icon--warning.sc-digi-progress-indicator{--digi--icon--height:var(--digi--progress-indicator--icon-status--height);--digi--icon--width:var(--digi--progress-indicator--icon-status--width);margin-top:4px}.sc-digi-progress-indicator-h .digi-progress-indicator__icon--error.sc-digi-progress-indicator{margin-top:4px;--digi--icon--height:var(--digi--progress-indicator--icon-status--height);--digi--icon--width:var(--digi--progress-indicator--icon-status--width);--digi--icon--color:var(--digi--progress-indicator--icon--error--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__label.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-indicator--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);margin:var(--digi--progress-indicator--label--margin)}.sc-digi-progress-indicator-h .digi-progress-indicator__label--steps.sc-digi-progress-indicator{font-weight:600}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-indicator--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);padding:var(--digi--gutter--medium) var(--digi--gutter--medium);display:flex;align-items:center}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label.sc-digi-progress-indicator span.sc-digi-progress-indicator{display:inline-block;margin-left:8px}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label--warning.sc-digi-progress-indicator{background-color:var(--digi--color--background--interactive--validation--warning)}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label--error.sc-digi-progress-indicator{background-color:var(--digi--color--background--interactive--validation--error)}.sc-digi-progress-indicator-h .digi-progress-indicator__list.sc-digi-progress-indicator{position:relative;list-style:none;padding:0;margin:0;margin-top:24px;margin-bottom:16px;display:grid;--digi--progress-indicator--step--size:var(--digi--progress-indicator--step--size--large);--digi--progress-indicator--step--size--active:var(--digi--progress-indicator--step--size--active--large);--digi--progress-indicator--gap:var(--digi--progress-indicator--gap--x-large);grid-template-columns:repeat(auto-fit, minmax(calc(var(--digi--progress-indicator--step--size) + var(--digi--progress-indicator--gap)), 1fr))}@media (max-width: 47.9375rem){.sc-digi-progress-indicator-h .digi-progress-indicator__list.sc-digi-progress-indicator{grid-template-columns:repeat(auto-fit, minmax(0.45rem, 1fr))}}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator{position:relative;height:var(--digi--progress-indicator--step--size--active);z-index:2}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator:last-child{width:var(--digi--progress-indicator--step--size--active)}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator:last-child::before{display:none}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator::before{content:\"\";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;width:calc(100% - 34px);left:30px;border-top:var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--step--line--color)}@media (max-width: 47.9375rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator::before{width:calc(100% - 1.1rem);left:1.1rem}}.sc-digi-progress-indicator-h .digi-progress-indicator__step--active.sc-digi-progress-indicator{--digi--progress-indicator--border-color:var(--digi--progress-indicator--border-color--active);--digi--progress-indicator--step--background:var(--digi--progress-indicator--step--background--active);--digi--progress-indicator--step--size:var(--digi--progress-indicator--step--size--active);--digi--progress-indicator--step--line--color:var(--digi--progress-indicator--step--line--color--active);--digi--progress-indicator--step--line--style:solid}.sc-digi-progress-indicator-h .digi-progress-indicator__step--active.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{margin-left:calc((var(--digi--progress-indicator--step--size--large) - var(--digi--progress-indicator--step--size--active--large)) / 2)}.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator{--digi--progress-indicator--step--line--color:var(--digi--progress-indicator--step--line--color--current);--digi--progress-indicator--step--line--style:dashed}.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator span.sc-digi-progress-indicator:not(:has(>digi-icon-validation-error)).sc-digi-progress-indicator:not(:has(>digi-icon-validation-warning)).sc-digi-progress-indicator{box-shadow:inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 3px var(--digi--progress-indicator--step--background);width:1.75rem;height:1.75rem}@media (max-width: 47.9375rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator span.sc-digi-progress-indicator:not(:has(>digi-icon-validation-error)).sc-digi-progress-indicator:not(:has(>digi-icon-validation-warning)).sc-digi-progress-indicator{width:1.375rem;height:1.375rem;box-shadow:inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 2px var(--digi--progress-indicator--step--background)}}.sc-digi-progress-indicator-h .digi-progress-indicator__step--warning.sc-digi-progress-indicator,.sc-digi-progress-indicator-h .digi-progress-indicator__step--error.sc-digi-progress-indicator{--digi--progress-indicator--step--background:transparent}.sc-digi-progress-indicator-h .digi-progress-indicator__step--warning.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator,.sc-digi-progress-indicator-h .digi-progress-indicator__step--error.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{border:0;box-shadow:inset 0px 0px 0px 2px transparent}.sc-digi-progress-indicator-h .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{width:var(--digi--progress-indicator--step--size);height:var(--digi--progress-indicator--step--size);border:var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--border-color);background:var(--digi--progress-indicator--step--background);box-sizing:border-box;position:absolute;display:inline-flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);border-radius:50%}@media (max-width: 47.9375rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{width:1.1rem;height:1.1rem;--digi--progress-indicator--icon-status--width:1.3rem;--digi--progress-indicator--icon--width:0.6rem;--digi--progress-indicator--icon--height:0.6rem}}.sc-digi-progress-indicator-h .digi-progress-indicator__step-number.sc-digi-progress-indicator{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-wrapper.sc-digi-progress-indicator{display:flex;align-items:center}.sc-digi-progress-indicator-h .digi-progress-indicator__circle.sc-digi-progress-indicator{position:relative;display:inline-block}.sc-digi-progress-indicator-h .digi-progress-indicator__circle.sc-digi-progress-indicator svg.sc-digi-progress-indicator{transform:rotate(-90deg)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-label.sc-digi-progress-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);font-weight:600;margin:0}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-unfinished.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--border-color)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-completed.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--step--background--active)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-warning.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--icon--warning--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-error.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--icon--error--color)}";
+const DigiProgressIndicatorStyle0 = progressIndicatorCss;
+
+const ProgressIndicator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.completedSteps = undefined;
+        this.totalSteps = [];
+        this.listItems = undefined;
+        this.hasSlottedItems = undefined;
+        this.radius = 42;
+        this.stroke = 6;
+        this.afCompletedSteps = undefined;
+        this.afWarningStep = undefined;
+        this.afErrorStep = undefined;
+        this.afTotalSteps = undefined;
+        this.afStepsSeparator = text._t.of;
+        this.afStepText = text._t.step;
+        this.afStepNextText = text._t.progress.questions_next;
+        this.afStepHeading = undefined;
+        this.afHeadingLevel = progressIndicatorHeadingLevel_enum.ProgressIndicatorHeadingLevel.H2;
+        this.afStepNextLabel = undefined;
+        this.afValidationLabel = undefined;
+        this.afRole = progressIndicatorHeadingLevel_enum.ProgressIndicatorRole.STATUS;
+        this.afVariation = progressIndicatorHeadingLevel_enum.ProgressIndicatorVariation.PRIMARY;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-progress-indicator');
+    }
+    componentWillLoad() {
+        this.changeTotalStepsHandler(this.afTotalSteps);
+        this.getItems();
+    }
+    componentDidLoad() {
+        this.getItems();
+    }
+    changeTotalStepsHandler(value) {
+        const arr = [];
+        let n = 0;
+        while (n < value) {
+            n++;
+            arr.push(n);
+        }
+        this.totalSteps = arr;
+    }
+    changeCompletedStepsHandler(value) {
+        this.completedSteps = value;
+    }
+    getItems(update) {
+        let items;
+        if (update) {
+            items = this._observer.children;
+        }
+        else {
+            items = this.hostElement.querySelectorAll('.digi-progress-indicator__slot li');
+        }
+        if (items.length > 0) {
+            this.hasSlottedItems = true;
+            this.listItems = [...items]
+                .filter((element) => element.tagName.toLowerCase() === 'li')
+                .map((element) => {
+                const el = element;
+                const checked = el.matches('.completed');
+                return {
+                    text: element.textContent,
+                    checked: checked
+                };
+            });
+        }
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
+    focusOnHeading() {
+        this.headingElement.focus();
+    }
+    renderHeading() {
+        return (index.h(this.afHeadingLevel, { class: "digi-progress-indicator__heading", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
+    }
+    get cssModifiers() {
+        return {
+            'digi-progress-indicator': true,
+            'digi-progress-indicator--primary': this.afVariation === progressIndicatorHeadingLevel_enum.ProgressIndicatorVariation.PRIMARY,
+            'digi-progress-indicator--secondary': this.afVariation === progressIndicatorHeadingLevel_enum.ProgressIndicatorVariation.SECONDARY,
+            'digi-progress-indicator--linear': !this.hasSlottedItems
+        };
+    }
+    get slottedContent() {
+        return;
+    }
+    render() {
+        return (index.h("div", { key: '8385a3ed1df5a8400cfc02838b5a965ca059ffbe', class: this.cssModifiers, role: this.afRole === progressIndicatorHeadingLevel_enum.ProgressIndicatorRole.STATUS
+                ? progressIndicatorHeadingLevel_enum.ProgressIndicatorRole.STATUS
+                : null }, index.h("div", { key: '29948dc0fa9a11a4a2003b7d3ba0a98fa13016b1' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
+                visibility: this.afStepNextLabel !== null &&
+                    this.afStepNextLabel !== undefined
+                    ? 'visible'
+                    : 'hidden'
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
+                visibility: 'hidden'
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))) : (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), index.h("p", { class: "digi-progress-indicator__label" }, index.h("span", null, `${this.afStepText}`, " "), index.h("span", { class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progress-indicator__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+            return (index.h("li", { class: {
+                    'digi-progress-indicator__step': true,
+                    'digi-progress-indicator__step--active': this.afCompletedSteps > i,
+                    'digi-progress-indicator__step--current': this.afCompletedSteps === i + 1,
+                    'digi-progress-indicator__step--warning': this.afWarningStep === i + 1,
+                    'digi-progress-indicator__step--error': this.afErrorStep === i + 1
+                } }, index.h("span", { class: "digi-progress-indicator__step-indicator" }, this.afVariation ===
+                progressIndicatorHeadingLevel_enum.ProgressIndicatorVariation.SECONDARY &&
+                this.afCompletedSteps > i + 1 && (index.h("digi-icon-check", { class: "digi-progress-indicator__icon" })), this.afWarningStep === i + 1 && (index.h("digi-icon-validation-warning", { class: "digi-progress-indicator__icon--warning" })), this.afErrorStep === i + 1 && (index.h("digi-icon-validation-error", { class: "digi-progress-indicator__icon--error" })), index.h("span", { class: "digi-progress-indicator__step-number" }, item))));
+        }))) : (index.h("ol", { class: "digi-progress-indicator__list", "aria-hidden": "true" }, this.listItems.map((item, index$1) => {
+            return (index.h("li", { class: {
+                    'digi-progress-indicator__step': true,
+                    'digi-progress-indicator__step--active': item.checked || this.afCompletedSteps === index$1 + 1,
+                    'digi-progress-indicator__step--current': this.afCompletedSteps === index$1 + 1
+                } }, index.h("span", { class: "digi-progress-indicator__step-indicator" }, this.afVariation ===
+                progressIndicatorHeadingLevel_enum.ProgressIndicatorVariation.SECONDARY &&
+                item.checked &&
+                this.afCompletedSteps !== index$1 + 1 && (index.h("digi-icon-check", { class: "digi-progress-indicator__icon" })), index.h("span", { class: "digi-progress-indicator__step-number" }, index$1 + 1))));
+        }))), this.afStepNextLabel !== undefined && (index.h("p", { key: '9b0455af95c8ce148ce31b4dfcbe3a097e73b129', class: "digi-progress-indicator__label" }, index.h("span", { key: 'ffc294d61bf8484631b362ec0d70b581acceefbf' }, `${this.afStepText}`, " "), index.h("span", { key: '28fc53ae38358cd87ca47c70c2dc8e819f9614e2', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: '907ffeb86230e735a72b61bd2b426e93093e5edd', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '36c9dad23a82b00023a25e52b6a93289d5e351b5', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: 'c6a092eddbe03304062de96eb14cc8e9ee8f35f1' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: 'ce0195f2383b9d79699e35dc4d1e09aa34ac4fc2', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: '6d35214f667d68e281495ac2f1817fbc561e5532', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: '9443b83ca4e2233d0f90d053f2fa2f8f1154829e' }, this.afValidationLabel))), index.h("div", { key: '8b4ee78d5a9295a75edb08ccdc7864688328e5fc', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: '9acf7cdd34d1f86a0e608ca5c07cbe3743ec8682', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: 'ff9d1eb77ccc33bde20204d9249d8b0c00577642' })))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afTotalSteps": ["changeTotalStepsHandler"],
+        "afCompletedSteps": ["changeCompletedStepsHandler"]
+    }; }
+};
+ProgressIndicator.style = DigiProgressIndicatorStyle0;
+
+const UtilMutationObserver = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnChange = index.createEvent(this, "afOnChange", 7);
+        this._observer = null;
+        this._isObserving = false;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-util-mutation-observer');
+        this.afOptions = {
+            attributes: false,
+            childList: true,
+            subtree: false,
+            characterData: false
+        };
+    }
+    afOptionsWatcher(newValue) {
+        this._afOptions =
+            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+    }
+    componentWillLoad() {
+        this.afOptionsWatcher(this.afOptions);
+        this.initObserver();
+    }
+    disconnectedCallback() {
+        if (this._isObserving) {
+            this.removeObserver();
+        }
+    }
+    initObserver() {
+        this._observer = new MutationObserver((mutationsList) => {
+            for (const mutation of mutationsList) {
+                if (mutation.type === 'childList' ||
+                    mutation.type === 'attributes' ||
+                    mutation.type === 'characterData') {
+                    this.changeHandler(mutation);
+                }
+            }
+        });
+        this._observer.observe(this.$el, this._afOptions);
+        this._isObserving = true;
+    }
+    removeObserver() {
+        this._observer.disconnect();
+        this._isObserving = false;
+    }
+    changeHandler(e) {
+        this.afOnChange.emit(e);
+    }
+    render() {
+        index.h("div", { id: this.afId, ref: (el) => (this.$el = el) }, index.h("slot", null));
+    }
+    get $el() { return index.getElement(this); }
+    static get watchers() { return {
+        "afOptions": ["afOptionsWatcher"]
+    }; }
+};
+
+exports.digi_icon_check = IconCheck;
+exports.digi_icon_validation_error = IconValidationError;
+exports.digi_icon_validation_warning = IconValidationWarning;
+exports.digi_progress_circle = ProgressCircle;
+exports.digi_progress_indicator = ProgressIndicator;
+exports.digi_util_mutation_observer = UtilMutationObserver;