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

package/dist/cjs/digi-chart-line.cjs.entry.js

@@ -721,7 +721,13 @@ const ChartLine = class {
         this._lineTypes = [null, '18, 7', '8,7', '2,6'];
         this._strokeWidth = 2.75;
         this._lineCap = 'round';
-        this._strokeGlyphs = [circle, triangle, square, wye, diamond2];
+        this._strokeGlyphs = [
+            circle,
+            triangle,
+            square,
+            wye,
+            diamond2
+        ];
         this._toggled = false;
         this._tickSize = 0;
         // Selection list from legend chips
@@ -803,9 +809,7 @@ const ChartLine = class {
                     .tickSize(-(this.dims.width - this.margin.left))
                     .tickFormat((d) => linear.formatLocale(this.axisNumberFormat).format(this.formatStyle)(d)));
             }
-            this._yAxisHandle
-                .selectAll('line')
-                .attr('stroke', '#BDBDBD');
+            this._yAxisHandle.selectAll('line').attr('stroke', '#BDBDBD');
             this._yAxisHandle.select('.domain').attr('display', 'none');
             if (init)
                 this.leftSetAxis(init);
@@ -884,7 +888,7 @@ const ChartLine = class {
             container
                 .selectAll('.legendSvg')
                 .filter((...[, i]) => {
-                return i > (this._lineTypes.length - 1);
+                return i > this._lineTypes.length - 1;
             })
                 .append('path')
                 .attr('d', (...[, i]) => this.symbolType(i, 70))
@@ -1041,7 +1045,7 @@ const ChartLine = class {
                 .selectAll('.symbolGroup')
                 .data(this.reshapeData(this._chartData.data.series.filter(
             // Symbols are only needed, when we are out of line types
-            (...[, index]) => index > (this._lineTypes.length - 1))))
+            (...[, index]) => index > this._lineTypes.length - 1)))
                 .join((enter) => {
                 if (!transition) {
                     enter
@@ -2035,7 +2039,7 @@ const ChartLine = class {
                 .attr('class', 'linePath')
                 .attr('stroke', (d) => this.colorFunction(d))
                 .attr('stroke-linecap', this._lineCap)
-                .attr('stroke-width', (d) => (d.length > 1 ? this._strokeWidth : 4))
+                .attr('stroke-width', (d) => d.length > 1 ? this._strokeWidth : 4)
                 .attr('fill', 'none')
                 .attr('stroke-dasharray', (d, i) => d.length > 1 ? this.dashFunction(d, i) : null)
                 .attr('d', (d) => this._LineFunc(d.line));
@@ -2305,7 +2309,7 @@ const ChartLine = class {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (index.h("host", { key: 'eedf8d79973aa2d15f474e93134acbdfb9ef3d0c', ref: (el) => (this._host = el) }, index.h("div", { key: 'd8500c2d3ca271fac9ebf5ec35c4c4da9aef0abd', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '5c9b87f00f5bba14becd10154e3b13cac48124b7', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '859a31da8c6afc1c07474ea4914af732588cef5b', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: '3852def8d78f96314ee1a304a8b4b5d787e6f456', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: 'b4c53c45553bce7c77d20653d52a39c431597491', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: '8f5fabf6d507e5e664dcf9c89a73a2bfb5572645', slot: "icon" }), "Visa diagram"), index.h("div", { key: '7678960d000f436d5b0a9dce2f4489f9b48a0fee', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '64edcbc78f51256719674dc4f9dc01af0ee7998a', class: "chartTooltip", id: this.afId }, index.h("div", { key: '0e9d9ffed55146e7aef132df07eea7ff2f5996c0', class: "tooltipHead" }, index.h("digi-icon-x", { key: '0463a7d4892199fb684f536a07a45132ad458c62', class: "close" }), ' '), index.h("div", { key: 'a703ec0152cee394b60a9110dfba8090c8e2e0bb', class: "tooltipBody" })), index.h("div", { key: '36fe4d1b5ede71ff5fd0e04be1ce33a6a5dfa7bd', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: '558f1c0c8d1c6921d76a2e017197914af3b4e83c', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'f003d37dd680bf77a0fda37ba976edce57a7fcfe', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (index.h("host", { key: 'a21c09ee91ccabf90f91d2344d301d26710f9a60', ref: (el) => (this._host = el) }, index.h("div", { key: 'c97af6a0bbc28675a19c843a3c355b35397e5804', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '76085c6924fd317d4a281e93ca4623b85f0fb867', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '241e30b3094e8eea86c7c24bb2a90f67ea04ef6f', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: '5cc0d03d40d076481d14d0478390b131cdaa61f7', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: '241d3e97b9a21f556b3e46cebc63c77ce106d26c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: 'f0a5c78bc5e04db994559f2ce1a13c0e7285c36d', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'f7ebab0f90d1a9f9a306470c93ccaaaf0461a9a7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '75672c02d61a14741348dc183782df71f3a4db19', class: "chartTooltip", id: this.afId }, index.h("div", { key: 'b4e03381d825d68af2bdbf859458896c639b6559', class: "tooltipHead" }, index.h("digi-icon-x", { key: '1301ab00ff3818e0940e69f17aa09b296c04a86c', class: "close" }), ' '), index.h("div", { key: 'eb01d362db4495c0a3d4396ad4c71c2a952114ad', class: "tooltipBody" })), index.h("div", { key: 'accd6776d3db14c662ff84b2e826f6cf713ff38d', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: '507dfba00c88d5b371fd8304053b9b7762506d25', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'cb3fc091c6a557bfd62e8f7d59863e973da0ee53', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-code-block_3.cjs.entry.js

@@ -35,6 +35,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
@@ -221,9 +222,9 @@ const FormRadiobutton = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h(index.Host, { key: 'ec217535e0b0c596d9823eaa069a821d3dace97a', tabindex: -1 }, index.h("div", { key: '04976fd86d7aaa1bcbfff4b95692b397fd628955', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '5241250e0afc92eea48123accd45ed6944f51ed0', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
+        return (index.h(index.Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, index.h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '9a0c06e2e514422bdbbc39df05996c9e445dc093', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '1e5ef984c274330cc155d8f9a41e32c861c63d14', class: "digi-form-radiobutton__circle" }), this.afLabel))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-dialog.cjs.entry.js

@@ -35,6 +35,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');

package/dist/cjs/digi-form-checkbox.cjs.entry.js

@@ -118,7 +118,7 @@ const FormCheckbox = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h(index.Host, { key: 'd7e12f0914eb5fc16e1209e0750a73efd66fca33', tabindex: -1 }, index.h("div", { key: 'b33d1c998d5ae378bb8696252532856b13725e9f', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '727323a21a37e0261e0a977d156973299348e624', class: "digi-form-checkbox__input", ref: (el) => {
+        return (index.h(index.Host, { key: '93a52532d5ee8e2b89982b3d06509c16b3656bce', tabindex: -1 }, index.h("div", { key: '3f2fe30e35c36080d80fdec5c57abf8e310ae14b', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: 'a45c26da379bff48830f0b03ceebcf24b06c3b17', class: "digi-form-checkbox__input", ref: (el) => {
                 var _a;
                 this._input = el;
                 (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -126,7 +126,7 @@ const FormCheckbox = class {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === formCheckboxVariation_enum.FormCheckboxValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '233961330af245e0aa18ad7dd5ac15ee904f7fee', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '92dfa2221b06f2103bcb1790c78a9eca5f75bda0', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: '6de87be41c6794767c89fa239a85785e56f1d25f', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '54cd68f1c10fd023e9dd81bd0fabb2920b911c12', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: 'c7184f48868d38d04485a48f214cc3c37d862ba4', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: 'afc00a7de3cef740bdbf23607cd9247887752759', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-error-list.cjs.entry.js

@@ -35,6 +35,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
@@ -59,7 +60,6 @@ const FormErrorList = class {
         index.registerInstance(this, hostRef);
         this.afOnClickLink = index.createEvent(this, "afOnClickLink", 7);
         this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.linkItems = [];
         this.afHeading = undefined;
         this.afHeadingLevel = typographyVariation_enum.FormErrorListHeadingLevel.H2;
         this.afDescription = undefined;
@@ -100,7 +100,7 @@ const FormErrorList = class {
         this.afOnClickLink.emit({ id });
     }
     render() {
-        return (index.h("div", { key: 'fc8938c08154c626d2adaabf937d9dbe2a8e5081', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '5b40a2ad599aa762aa7e99c53a800036a6a13803', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: 'd572fbb4b86f28bd4691cb794ea3a4d0178bb6d1', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '021b86a736414bacad64f235b17b80d991564cf0', class: "digi-form-error-list__description" }, this.afDescription))), index.h("slot", { key: 'acc3bc00c90958b753ae608e40383aa0cb725350' }))));
+        return (index.h("div", { key: '59bc43d4b3dd0149647b50203cc1ae585d829006', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: 'a2b034276ff7549c9c0711202020e3753da7808d', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '3a61c65373b92a73694770f851c6727e27f853e7', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: 'a088b4d084f5a6db85cedcb4f469f4dff803f8f6', class: "digi-form-error-list__description" }, this.afDescription))), index.h("slot", { key: '794c42cdece0d06945255b70a96a6992eb4dcd4c' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-form-receipt.cjs.entry.js

@@ -34,6 +34,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');

package/dist/cjs/digi-form-select-filter.cjs.entry.js

@@ -39,6 +39,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');

package/dist/cjs/digi-navigation-pagination.cjs.entry.js

@@ -35,6 +35,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');

package/dist/cjs/digi-notification-alert.cjs.entry.js

@@ -35,6 +35,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');

package/dist/cjs/digi-notification-error-page.cjs.entry.js

@@ -35,6 +35,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');

package/dist/cjs/digi-progress-circle.cjs.entry.js

@@ -5,12 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7a477838.js');
 const text = require('./text-65b1b58c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-var ProgressCircleRole;
-(function (ProgressCircleRole) {
-    ProgressCircleRole["NONE"] = "none";
-    ProgressCircleRole["STATUS"] = "status";
-})(ProgressCircleRole || (ProgressCircleRole = {}));
+const progressCircleRole_enum = require('./progress-circle-role.enum-b7fdcf0c.js');
 
 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;
@@ -32,7 +27,7 @@ const ProgressCircle = class {
         this.afStepHeading = undefined;
         this.afStepNextLabel = undefined;
         this.afValidationLabel = undefined;
-        this.afRole = ProgressCircleRole.STATUS;
+        this.afRole = progressCircleRole_enum.ProgressCircleRole.STATUS;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-progress-circle');
     }
     componentWillLoad() {
@@ -64,8 +59,8 @@ const ProgressCircle = class {
         return;
     }
     render() {
-        return (index.h("div", { key: 'ca6512b28f62524a92f09546e74bb071641f3049', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
-                ? ProgressCircleRole.STATUS
+        return (index.h("div", { key: 'ca6512b28f62524a92f09546e74bb071641f3049', class: this.cssModifiers, role: this.afRole === progressCircleRole_enum.ProgressCircleRole.STATUS
+                ? progressCircleRole_enum.ProgressCircleRole.STATUS
                 : null }, index.h("div", { key: 'bae2c7fde66239d6b9e8a269fa5fd9841e8df061', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: 'd8ee49c0188a9ee21c61c074ea0289cfdf62419c', class: "digi-progress-circle__circle" }, index.h("p", { key: '35008e69a4a2eaaa8f3a7071fad4c1cb661307a9', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: '5bdea4bc72ede3c1a146265131f09b579acf4536', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: '09ac61ffcf124709532354788ffa47dafaa97558' }, index.h("mask", { key: '0c295af00e32424b07db515f4d0789d1c23d5e62', id: this.afId }, index.h("circle", { key: '020f8337bfcdd52e8840105232cc64426fb97bd9', 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: '16bbf87e2556c02ca54f7de629862695e85970d1' }, index.h("circle", { key: 'f71d1e1190044a47e492cca6a9991034f994ba69', 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: '094c56594a03b0ef42034372d57199017372f49e', 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: '7e9a1b166a4b04e7e7c333c0bc57980bec24de0c', 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) *

package/dist/cjs/digi-tablist.cjs.entry.js

@@ -245,14 +245,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: '44ece2561106040d1fb23f2c24f151c50e7b5432' }, index.h("div", { key: 'd54cb37e18990fb7706c7e1c3d94f8dfd3b0cee4', class: {
+        return (index.h(index.Host, { key: '8bdab05cd034b9940aefcb9f38b16d09b6f0b0c7' }, index.h("div", { key: '2d2266a9600dcc5817130ed4ece38868779e0b69', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === navigationTablist_types.OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === navigationTablist_types.OverflowMode.Controls
-            } }, index.h("div", { key: 'b8b9665c28711cda30f0568af15c900b948cd212', class: "control-wrapper", style: {
+            } }, index.h("div", { key: 'a96cd5d9a2eec5b2b52f0d1a00b2810c28e8d4bd', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '8d0e59a36c098a8571f0ea7f64a06d7429935885', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: 'a4b2fcb053c4ad8e6cb9ee8599809dfee3a77337' }))), index.h("div", { key: 'e6e8254781b288332138e6c6d01e1a8bcc7372fe', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: '7a9810781c300bd44aa7ce3f3f76f651b1799023', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: '8f65c019aa2a60f8d10025c147ad2448d30cdf1d' }))), index.h("div", { key: '7be08fe744f17f71fab7358d63d010f17e5c977d', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -261,10 +261,10 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, index.h("div", { class: "content-wrapper" }, index.h("span", { class: "tablist-content" }, tab.icon && index.h(Icon, { "aria-hidden": "true" }), index.h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (index.h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), index.h("div", { class: "indicator" }))));
-        })), index.h("div", { key: 'e645fd960b504e7ff561f13e062fad07be42f4c0', class: "control-wrapper", style: {
+        })), index.h("div", { key: 'b79ea56eb945fe5c4b2e34529d8b1985018ac46c', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: 'd5fccaac7b9cfcd7dd289429ee6f455b40a87faa', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: '0e2d59b5ed8a3cca1b0abb70db9c0f9b33c0f204' })))), index.h("div", { key: '54e9be2e4ab7f61878a76e21d7d7bd3b50dc5136', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '0beba6fcbf4c7f618a5b7f1e18d00b9452d74bf0' }))));
+            } }, index.h("button", { key: '3d581fe07f9591f21fef85e700259d3b44332631', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: '1f3a564d4eff7851ad13901c492e663c5c43d384' })))), index.h("div", { key: '2cd9aa7d409b36395febee9dfd26eb6e82b02f35', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: 'b9f82031b00032dfb1df2358546a8a35934033a0' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

package/dist/cjs/digi-tag.cjs.entry.js

@@ -34,7 +34,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (index.h("digi-button", { key: '8e73c3fad4b8543e65bf9c8c5f722ae036613ad9', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '618d56b558da3948e247248bebf998656e7410c7', slot: "icon-secondary" })));
+        return (index.h("digi-button", { key: 'd45766b0f00a85fafdddc4f4e741f614bafb8963', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '2e97ae41c0b848f049d20bff6ece2285fff79a2e', slot: "icon-secondary" })));
     }
 };
 Tag.style = DigiTagStyle0;

package/dist/cjs/digi-tools-feedback.cjs.entry.js

@@ -35,6 +35,7 @@ require('./loader-spinner-size.enum-db2973f0.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');

package/dist/cjs/index.cjs.js

@@ -33,6 +33,7 @@ const loaderSpinnerSize_enum = require('./loader-spinner-size.enum-db2973f0.js')
 const mediaFigureAlignment_enum = require('./media-figure-alignment.enum-3885aba5.js');
 const navigationSidebarVariation_enum = require('./navigation-sidebar-variation.enum-1c0c3064.js');
 const navigationVerticalMenuVariation_enum = require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+const progressCircleRole_enum = require('./progress-circle-role.enum-b7fdcf0c.js');
 const progressIndicatorVariation_enum = require('./progress-indicator-variation.enum-7cf8e0e4.js');
 const progressListItemVariation_enum = require('./progress-list-item-variation.enum-90e4c874.js');
 const progressListVariation_enum = require('./progress-list-variation.enum-06d5ce27.js');
@@ -624,6 +625,12 @@ Object.defineProperty(exports, 'NavigationVerticalMenuVariation', {
         return navigationVerticalMenuVariation_enum.NavigationVerticalMenuVariation;
     }
 });
+Object.defineProperty(exports, 'ProgressCircleRole', {
+    enumerable: true,
+    get: function () {
+        return progressCircleRole_enum.ProgressCircleRole;
+    }
+});
 Object.defineProperty(exports, 'ProgressIndicatorRole', {
     enumerable: true,
     get: function () {