@designsystem-se/af 39.2.3-beta.darkmode.1 → 39.3.0

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

@@ -1,35 +1,55 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
-var typographyVariation_enum = require('./typography-variation.enum-B05du-qd.js');
+var index = require('./index-Cn1hHaSy.js');
+var typographyVariation_enum = require('./typography-variation.enum-C4i5DFTI.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-require('./code-example-variation.enum-BCENTUV2.js');
-require('./form-input-type.enum-B2CsNSBg.js');
+require('./button-size.enum-DgyvMkwE.js');
+require('./button-type.enum-2UH0KkO-.js');
 require('./button-variation.enum-DkUalo9f.js');
 require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
+require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
 require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
+require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
+require('./footer-card-variation.enum-BPnpkC45.js');
+require('./form-checkbox-variation.enum-BfOGU4Qt.js');
+require('./form-file-upload-variation.enum-xcEOoggr.js');
+require('./form-input-search-variation.enum-VVfvlVeM.js');
+require('./form-input-type.enum-DvF_MTHK.js');
+require('./form-select-variation.enum-Chx0EWzg.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
+require('./form-validation-message-variation.enum-BA5nmCiw.js');
+require('./info-card-multi-type.enum-DlNiPNfH.js');
+require('./info-card-variation.enum-prsWZkWC.js');
+require('./layout-container-max-width.enum-DqWtU7WK.js');
 require('./layout-block-variation.enum-BldWvnDk.js');
+require('./layout-columns-variation.enum-OgD-hvRN.js');
+require('./link-button-variation.enum-03cHZQxx.js');
 require('./list-type.enum-CkFOn-eB.js');
 require('./loader-skeleton-variation.enum-UvPtdesw.js');
 require('./loader-spinner-size.enum-u5AQs-UJ.js');
+require('./logo-color.enum-BJZv-f6R.js');
 require('./media-figure-alignment.enum-BWO1sg67.js');
 require('./navigation-sidebar-variation.enum-70NIGQoi.js');
+require('./navigation-vertical-menu-variation.enum-7IUICId3.js');
 require('./progress-circle-heading-level.enum-DNlyzNd6.js');
+require('./progress-indicator-heading-level.enum-CNarUduE.js');
 require('./progress-list-item-variation.enum-Dk3YS--x.js');
 require('./progress-list-variation.enum-BvLLJK9O.js');
 require('./progressbar-variation.enum-CnRJPSs7.js');
 require('./quote-image-inner-position.enum-CLifVlj0.js');
 require('./table-variation.enum-DlDZKXbq.js');
+require('./tag-media-icon.enum-DzhiwvjI.js');
 require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
+require('./tools-theme-provider.brand.enum-BzduvCUY.js');
+require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
@@ -194,15 +214,15 @@ const NotificationErrorPage = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0e32da48a006474eb67b5fa456222526e1d0ff48' }, index.h("digi-layout-container", { key: 'faf76cdc561f5dacb534f516df9154cbfa67c720', class: {
+        return (index.h(index.Host, { key: '1a124368e4c8fa5512224bd7a2d60d829dded5b8' }, index.h("digi-layout-container", { key: '2bf36d4da6f04c5111e34a27afee93e95f16afba', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, index.h("digi-typography", { key: 'cb8ef01d5f3aa16f634261206d08ed0eb497d16d' }, index.h("digi-util-breakpoint-observer", { key: 'dd2625ac2e7c7f55d2ebcc361f84dab7b579affb', onAfOnChange: (e) => {
+            }, id: this.afId }, index.h("digi-typography", { key: 'e9e20127eebd63225b2e04148d4c45c2594f6698' }, index.h("digi-util-breakpoint-observer", { key: 'b6989a601c6968ebc13814dea4a04e3d082ff6b2', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL ||
                         val === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), index.h("div", { key: '8c2d898b02a938a32844c6c00ed4863ab6d6e1e5', class: "digi-notification-error-page__grid" }, index.h("div", { key: 'f25ee9c216afc499c50edea9fa30ce137e68355f', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (index.h(this.currentIllustration, null)) : null), index.h("div", { key: '024767a0825f4daa38f71ffcce74aca9397634c6', class: "digi-notification-error-page__content" }, index.h("h1", { key: '00dbc3bb41137a9a738d2bbd619dba6fef87cc7a', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("slot", { name: "bodytext" }))) : (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("div", { innerHTML: this.getText().body }))), this.hasSearch && (index.h("div", { key: 'a3e36f1ec1a3f9871fa8d1d97f837321431bf034', class: "digi-notification-error-page__content__search" }, index.h("slot", { key: '2959b7215068d325122824420c7c8cf7749b19aa', name: "search" }))), this.hasLinks && (index.h("div", { key: 'cb3a5c36630f32cf3bc3b103f0bc4d640eb805d6', class: "digi-notification-error-page__content__links" }, index.h("slot", { key: '8981c3acade0847c7991da0ee8f3ff54a9243537', name: "links" })))))))));
+            } }), index.h("div", { key: '569514e6cb1ffdb66620642b9dc93e0c3c58f2e5', class: "digi-notification-error-page__grid" }, index.h("div", { key: '5e638cf1304ea17a091b89b4211623c93c844589', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (index.h(this.currentIllustration, null)) : null), index.h("div", { key: '60f0d5db76457fc9105fc69ead33cf627eaa8f77', class: "digi-notification-error-page__content" }, index.h("h1", { key: '791630f19517706b33c0083a6c482440cdfd8ab7', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("slot", { name: "bodytext" }))) : (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("div", { innerHTML: this.getText().body }))), this.hasSearch && (index.h("div", { key: '5f481b8b42541c2e68b5b89ddfa630a8961bcf1b', class: "digi-notification-error-page__content__search" }, index.h("slot", { key: 'c226630c81b8ec9c9f84047ab2f77aeb48becd5a', name: "search" }))), this.hasLinks && (index.h("div", { key: 'e3e7c8625146138c30877ea7ddbeeec7d0e772bb', class: "digi-notification-error-page__content__links" }, index.h("slot", { key: 'bc16bb6e837071fb6df06d131e151e20e86d0690', name: "links" })))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 var text = require('./text-Cu3CaHGj.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 var progressCircleHeadingLevel_enum = require('./progress-circle-heading-level.enum-DNlyzNd6.js');
@@ -81,20 +81,20 @@ const ProgressCircle = class {
         return;
     }
     render() {
-        return (index.h("div", { key: 'cbe667e47ef70139fc62656fc1c0378d41f3cb68', class: this.cssModifiers, role: this.afRole === progressCircleHeadingLevel_enum.ProgressCircleRole.STATUS
+        return (index.h("div", { key: 'cbb595ad7ec73fb2402a230a6995e5740481e81d', class: this.cssModifiers, role: this.afRole === progressCircleHeadingLevel_enum.ProgressCircleRole.STATUS
                 ? progressCircleHeadingLevel_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: {
+                : null }, index.h("div", { key: '655598d57d1957bdfe29393cf301ff58750d8332', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: '3d6e6d4b9ccaf3f623ca797c7881f04538a917b2', class: "digi-progress-circle__circle" }, index.h("p", { key: '5e9e6ef1b4024f466d308e3189b0c1120324b356', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: '8f9e14f4f49018ec20ae3afb33d61126cfd38a0d', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: '7564028d0d047fb171f7fb12efcb743319e458ab' }, index.h("mask", { key: '3a46f45a23ae2826b15add418ba79f150bed589a', id: this.afId }, index.h("circle", { key: '42a48bd07a45e86a2a2f95134154d0d11211e02c', 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: 'b7477d482db25f37cc2fc5764ad1d0d819dae709' }, index.h("circle", { key: '5def776bdd629bb9ee3d313d818b4e8b35e499bb', 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: '7e5681f270c4a242a8280ce952002f93088c8de9', 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: 'edbdf73b8365251ae3637bf6796a84a6162292f0', 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: 'b5da05a3f859d157192a2fbbe88485965315d518', 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: '3079b56d83452d6fd54b0c83a109b2b6f6f235a2', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: '5532cda07dd9c93795408ae22b0084231fcb3a62', 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: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: '9fbc2d1606c8398bd627d2c549ba6294f6189aa9', 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)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'e1e1e916b5b51c1405b23a520fd6c636659de8c4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '249a540c9de3cc33cb09b78d6f0761c3f38b57d5', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: 'a78f4f6591737d954a6c3670f2e96a829b24c6c9' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: 'a80e1a18e242af7efb430e82eaa8ff5a3482039d', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: '48eb547b607ed1bb7704c599306c1149af099bfb', class: "digi-progress-circle__icon--error" }), index.h("span", { key: 'b6d67f1418849c7193bb3f408c75d9e981448a83' }, this.afValidationLabel)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -0,0 +1,153 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var text = require('./text-Cu3CaHGj.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
+var progressIndicatorHeadingLevel_enum = require('./progress-indicator-heading-level.enum-CNarUduE.js');
+
+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 span:not(:has(>digi-icon-validation-error)):not(:has(>digi-icon-validation-warning)){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 span:not(:has(>digi-icon-validation-error)):not(:has(>digi-icon-validation-warning)){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 ProgressIndicator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.totalSteps = [];
+        this.radius = 42;
+        this.stroke = 6;
+        /**
+         * Text emellan antal färdiga och totala antalet steg.
+         * Som standard används "av", men kan ändras för exempelvis annat språk.
+         * @en Separator text between current steps and total steps.
+         * Default is "av", but can be changed e.g. for different language.
+         */
+        this.afStepsSeparator = text._t.of;
+        /**
+         * Text som visar "Steg" innan det antalet steg visas
+         * Som standard används "Steg", men kan ändras för exempelvis annat språk.
+         * @en Text that shows "Steg" before the current step
+         * Default is "Steg", but can be changed e.g. for different language.
+         */
+        this.afStepText = text._t.step;
+        /**
+         * Beskrivande text om vad som kommer härnäst
+         * @en Descriptive text of what comes in the next step.
+         */
+        this.afStepNextText = text._t.progress.questions_next;
+        /**
+           * Sätter rubriknivå. 'h2' är förvalt.
+           * @en Set heading level. Default is 'h2'
+           */
+        this.afHeadingLevel = progressIndicatorHeadingLevel_enum.ProgressIndicatorHeadingLevel.H2;
+        /**
+         * Sätter attributet 'role'. Förvalt är 'status'.
+         * Använder du komponenten både före och efter ett formulär så
+         * ange bara den ena som 'status' för att undvika att skärmläsare läser upp texten två gånger
+         * @en Set role attribute. Defaults to 'status'.
+         * If you apply the progress-indicator both before and after a form,
+         * set only role 'status' on one of them to avoid screen readers to read the text twice
+         */
+        this.afRole = progressIndicatorHeadingLevel_enum.ProgressIndicatorRole.STATUS;
+        /**
+         * Sätter variant. Kan vara 'primary' och 'secondary'.
+         * @en Set variation of progress-indicator. Can be 'primary' and 'secondary'.
+         */
+        this.afVariation = progressIndicatorHeadingLevel_enum.ProgressIndicatorVariation.PRIMARY;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Input id attribute. Defaults to random string.
+         */
+        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() {
+        const items = Array.from(this.hostElement.children).filter((el) => el.tagName.toLowerCase() === 'li');
+        if (items.length > 0) {
+            this.hasSlottedItems = true;
+            this.listItems = items.map((element) => ({
+                text: element.textContent,
+                checked: element.matches('.completed')
+            }));
+        }
+    }
+    /**
+     * 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: '227039f3a9e62c14c399edd1dcf62ecc7a552dc5', class: this.cssModifiers, role: this.afRole === progressIndicatorHeadingLevel_enum.ProgressIndicatorRole.STATUS
+                ? progressIndicatorHeadingLevel_enum.ProgressIndicatorRole.STATUS
+                : null }, index.h("div", { key: 'a85464ebde96ae5d385a3258dd1b2477bad8630d' }, 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: '5bcc4f50e1ca0709ad6a5ec74fbc278884591aa6', class: "digi-progress-indicator__label" }, index.h("span", { key: '1bbcce88b7a146bc538f23245cfe1029b6f01df2' }, `${this.afStepText}`, " "), index.h("span", { key: '2b0fa6521a56bdc3f18a86336e98d94a5b791268', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: '377789da8b7c25434e5ddf8db1644f495909e04a', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: 'a960e8aea43f8b39221f4588a66bff48f2129716', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: 'fa6557ed70c97386970ac31208eb594a0409e993' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: 'c2508b62bd1a5c86f7b350ff3264d00841dcf78d', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: 'c0635aa2ea58cd5708570d56cccf2e4985067f1b', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: '0e1aa425f4cccea671a80a6d64d7c0260f00ff6d' }, this.afValidationLabel))), index.h("div", { key: '9b4aa747846d1cf81caef3026e388d50c0ad0159', hidden: true, class: "digi-progress-indicator__slot" }, index.h("slot", { key: '1eea98c414ffb90c8339cad1a6929bb3d676c8c8', onSlotchange: () => this.getItems() }))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afTotalSteps": [{
+                "changeTotalStepsHandler": 0
+            }],
+        "afCompletedSteps": [{
+                "changeCompletedStepsHandler": 0
+            }]
+    }; }
+};
+ProgressIndicator.style = progressIndicatorCss();
+
+exports.digi_progress_indicator = ProgressIndicator;

package/dist/cjs/digi-progress-list-item.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 var text = require('./text-Cu3CaHGj.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 var progressListItemVariation_enum = require('./progress-list-item-variation.enum-Dk3YS--x.js');
 
-const progressListItemCss = () => `.sc-digi-progress-list-item-h{--digi--progress-list-item--indicator--color--primary:var(--digi--color--marking--indication--primary);--digi--progress-list-item--indicator--color--secondary:var(--digi--color--marking--indication--secondary);--digi--progress-list-item--indicator--color--tertiary:var(--digi--color--marking--indication--tertiary);--digi--progress-list-item--heading--font-size:var(--digi--typography--heading-2--font-size--desktop);--digi--progress-list-item--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--process-list-item--indicator--border--width:var(--digi--border-width--secondary);--digi-process-list-item--toggle--padding:0 var(--digi--padding--medium);--digi--progress-list-item---icon--size:0.875rem;--digi--progress-list-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all}.sc-digi-progress-list-item-h .digi-progress-list-item.sc-digi-progress-list-item{--INDICATOR--LINE--COLOR:var(--digi--progress-list-item--indicator--color--tertiary);display:flex;flex-direction:row;font-family:var(--digi--global--typography--font-family--default);gap:var(--digi--padding--largest)}@media screen and (max-width: 47.9375rem){.sc-digi-progress-list-item-h .digi-progress-list-item.sc-digi-progress-list-item{gap:1rem}}.sc-digi-progress-list-item-h .digi-progress-list-item--primary.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--digi--progress-list-item--indicator--color--primary)}.sc-digi-progress-list-item-h .digi-progress-list-item--secondary.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--digi--progress-list-item--indicator--color--secondary)}.sc-digi-progress-list-item-h .digi-progress-list-item--tertiary.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--digi--progress-list-item--indicator--color--tertiary)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item{--INDICATOR--LINE--COLOR:var(--INDICATOR--CIRCLE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{background:var(--INDICATOR--CIRCLE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon--digi.sc-digi-progress-list-item{max-height:15px;max-width:15px;min-height:1.6em}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item{background-color:var(--INDICATOR--CIRCLE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{border-left:var(--digi--process-list-item--indicator--border--width) solid var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{background:var(--INDICATOR--CIRCLE--COLOR);height:32px;width:32px}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon--digi.sc-digi-progress-list-item{min-height:2em}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item{background-color:var(--INDICATOR--CIRCLE--COLOR);box-shadow:inset 0 0 0 4px var(--INDICATOR--CIRCLE--COLOR), inset 0 0 0 7px var(--digi--color--marking--indication--marker);height:32px;width:100%}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{border-left:var(--digi--process-list-item--indicator--border--width) dashed var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item,.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{border:var(--digi--process-list-item--indicator--border--width) dashed var(--INDICATOR--LINE--COLOR);box-shadow:none;width:24px;height:24px}.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{border-left:var(--digi--process-list-item--indicator--border--width) dashed var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator.sc-digi-progress-list-item{align-items:center;display:flex;flex-basis:32px;flex-direction:column;flex-shrink:0;margin-left:2px;margin-top:3px;transform:translateY(2px)}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{height:26px;width:26px;border-radius:16px}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--icon--digi.sc-digi-progress-list-item{color:var(--digi--color--text--secondary);--digi--icon--color:var(--digi--color--marking--indication--marker);margin:auto;max-height:18px;max-width:18px}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item{border-radius:16px;box-shadow:inset 0 0 0 6px var(--INDICATOR--CIRCLE--COLOR);display:block;flex-shrink:0;height:26px;width:26px}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{display:block;flex-grow:1;margin-bottom:4px;margin-top:6px;width:1px}.sc-digi-progress-list-item-h .digi-progress-list-item__wrapper.sc-digi-progress-list-item{border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);margin-bottom:var(--digi--padding--medium);padding-bottom:var(--digi--padding--medium);width:100%}.sc-digi-progress-list-item-h .digi-progress-list-item__wrapper--last.sc-digi-progress-list-item{border-bottom:none}.sc-digi-progress-list-item-h .digi-progress-list-item__header--heading.sc-digi-progress-list-item{display:flex;margin:0}.sc-digi-progress-list-item-h .digi-progress-list-item__header--heading--title.sc-digi-progress-list-item{color:var(--digi--color--text--primary);width:100%;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-list-item--heading--font-size);font-weight:var(--digi--progress-list-item--heading--font-weight)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--heading--title--expandable.sc-digi-progress-list-item{cursor:pointer}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item{align-items:center;background-color:transparent;border-radius:0;border:none;cursor:pointer;display:flex;font-size:var(--digi--typography--body--font-size--desktop);justify-content:center;text-align:left;padding:0;width:100%}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:hover .digi-progress-list-item__header--heading--title.sc-digi-progress-list-item,.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:active .digi-progress-list-item__header--heading--title.sc-digi-progress-list-item{text-decoration:underline}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:hover .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item,.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:active .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item{text-decoration:underline}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle.sc-digi-progress-list-item{align-items:center;display:flex;padding:var(--digi-process-list-item--toggle--padding)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle--expanded.sc-digi-progress-list-item .icon-slot.sc-digi-progress-list-item{transform:rotate(180deg)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle.sc-digi-progress-list-item .icon-slot.sc-digi-progress-list-item{transition:transform 0.25s;--digi--icon--width:var(--digi--progress-list-item---icon--size);--digi--icon--height:var(--digi--progress-list-item---icon--size)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle.sc-digi-progress-list-item .icon-slot.sc-digi-progress-list-item svg.sc-digi-progress-list-item{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item{color:var(--digi--color--text--interactive--primary);text-decoration-color:var(--digi--color--text--interactive--primary);padding-left:var(--digi--padding--smaller);white-space:nowrap}@media screen and (max-width: 47.9375rem){.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item{display:none}}.sc-digi-progress-list-item-h .digi-progress-list-item__content.sc-digi-progress-list-item{box-sizing:border-box;display:block}.sc-digi-progress-list-item-h .digi-progress-list-item__content.sc-digi-progress-list-item>div.sc-digi-progress-list-item{padding:var(--digi--gutter--largest-2);box-sizing:border-box}@media screen and (max-width: 47.9375rem){.sc-digi-progress-list-item-h .digi-progress-list-item__content.sc-digi-progress-list-item>div.sc-digi-progress-list-item{padding-left:0}}.sc-digi-progress-list-item-h .digi-progress-list-item__content--expandable.sc-digi-progress-list-item{margin-right:44px}.sc-digi-progress-list-item-h .digi-progress-list-item__content--hidden.sc-digi-progress-list-item{display:none}.sc-digi-progress-list-item-h .digi-progress-list-item--last.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{display:none}.visually-hidden.sc-digi-progress-list-item{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}`;
+const progressListItemCss = () => `.sc-digi-progress-list-item-h{--digi--progress-list-item--indicator--color--primary:var(--digi--color--marking--indication--primary);--digi--progress-list-item--indicator--color--secondary:var(--digi--color--marking--indication--secondary);--digi--progress-list-item--indicator--color--tertiary:var(--digi--color--marking--indication--tertiary);--digi--progress-list-item--heading--font-size:var(--digi--typography--heading-2--font-size--desktop);--digi--progress-list-item--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--process-list-item--indicator--border--width:var(--digi--border-width--secondary);--digi-process-list-item--toggle--padding:0 var(--digi--padding--medium);--digi--progress-list-item---icon--size:0.875rem;--digi--progress-list-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all}.sc-digi-progress-list-item-h .digi-progress-list-item.sc-digi-progress-list-item{--INDICATOR--LINE--COLOR:var(--digi--progress-list-item--indicator--color--tertiary);display:flex;flex-direction:row;font-family:var(--digi--global--typography--font-family--default);gap:var(--digi--padding--largest)}@media screen and (max-width: 47.9375rem){.sc-digi-progress-list-item-h .digi-progress-list-item.sc-digi-progress-list-item{gap:1rem}}.sc-digi-progress-list-item-h .digi-progress-list-item--primary.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--digi--progress-list-item--indicator--color--primary)}.sc-digi-progress-list-item-h .digi-progress-list-item--secondary.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--digi--progress-list-item--indicator--color--secondary)}.sc-digi-progress-list-item-h .digi-progress-list-item--tertiary.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--digi--progress-list-item--indicator--color--tertiary)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item{--INDICATOR--LINE--COLOR:var(--INDICATOR--CIRCLE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{background:var(--INDICATOR--CIRCLE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon--digi.sc-digi-progress-list-item{max-height:15px;max-width:15px;min-height:1.6em}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item{background-color:var(--INDICATOR--CIRCLE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--done.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{border-left:var(--digi--process-list-item--indicator--border--width) solid var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{background:var(--INDICATOR--CIRCLE--COLOR);height:32px;width:32px}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon--digi.sc-digi-progress-list-item{min-height:2em}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item{background-color:var(--INDICATOR--CIRCLE--COLOR);box-shadow:inset 0 0 0 4px var(--INDICATOR--CIRCLE--COLOR), inset 0 0 0 7px #fff;height:32px;width:100%}.sc-digi-progress-list-item-h .digi-progress-list-item--current.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{border-left:var(--digi--process-list-item--indicator--border--width) dashed var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item{--INDICATOR--CIRCLE--COLOR:var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item,.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{border:var(--digi--process-list-item--indicator--border--width) dashed var(--INDICATOR--LINE--COLOR);box-shadow:none;width:24px;height:24px}.sc-digi-progress-list-item-h .digi-progress-list-item--upcoming.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{border-left:var(--digi--process-list-item--indicator--border--width) dashed var(--INDICATOR--LINE--COLOR)}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator.sc-digi-progress-list-item{align-items:center;display:flex;flex-basis:32px;flex-direction:column;flex-shrink:0;margin-left:2px;margin-top:3px;transform:translateY(2px)}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--icon.sc-digi-progress-list-item{height:26px;width:26px;border-radius:16px}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--icon--digi.sc-digi-progress-list-item{color:var(--digi--color--text--secondary);--digi--icon--color:var(--digi--color--icon--secondary);margin:auto;max-height:18px;max-width:18px}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--circle.sc-digi-progress-list-item{border-radius:16px;box-shadow:inset 0 0 0 6px var(--INDICATOR--CIRCLE--COLOR);display:block;flex-shrink:0;height:26px;width:26px}.sc-digi-progress-list-item-h .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{display:block;flex-grow:1;margin-bottom:4px;margin-top:6px;width:1px}.sc-digi-progress-list-item-h .digi-progress-list-item__wrapper.sc-digi-progress-list-item{border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);margin-bottom:var(--digi--padding--medium);padding-bottom:var(--digi--padding--medium);width:100%}.sc-digi-progress-list-item-h .digi-progress-list-item__wrapper--last.sc-digi-progress-list-item{border-bottom:none}.sc-digi-progress-list-item-h .digi-progress-list-item__header--heading.sc-digi-progress-list-item{display:flex;margin:0}.sc-digi-progress-list-item-h .digi-progress-list-item__header--heading--title.sc-digi-progress-list-item{color:var(--digi--color--text--primary);width:100%;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-list-item--heading--font-size);font-weight:var(--digi--progress-list-item--heading--font-weight)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--heading--title--expandable.sc-digi-progress-list-item{cursor:pointer}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item{align-items:center;background-color:transparent;border-radius:0;border:none;cursor:pointer;display:flex;font-size:var(--digi--typography--body--font-size--desktop);justify-content:center;text-align:left;padding:0;width:100%}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:hover .digi-progress-list-item__header--heading--title.sc-digi-progress-list-item,.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:active .digi-progress-list-item__header--heading--title.sc-digi-progress-list-item{text-decoration:underline}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:hover .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item,.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:active .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item{text-decoration:underline}.sc-digi-progress-list-item-h .digi-progress-list-item__header--button.sc-digi-progress-list-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle.sc-digi-progress-list-item{align-items:center;display:flex;padding:var(--digi-process-list-item--toggle--padding)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle--expanded.sc-digi-progress-list-item .icon-slot.sc-digi-progress-list-item{transform:rotate(180deg)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle.sc-digi-progress-list-item .icon-slot.sc-digi-progress-list-item{transition:transform 0.25s;--digi--icon--width:var(--digi--progress-list-item---icon--size);--digi--icon--height:var(--digi--progress-list-item---icon--size)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle.sc-digi-progress-list-item .icon-slot.sc-digi-progress-list-item svg.sc-digi-progress-list-item{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item{color:var(--digi--color--text--interactive--primary);text-decoration-color:var(--digi--color--text--interactive--primary);padding-left:var(--digi--padding--smaller);white-space:nowrap}@media screen and (max-width: 47.9375rem){.sc-digi-progress-list-item-h .digi-progress-list-item__header--toggle--text.sc-digi-progress-list-item{display:none}}.sc-digi-progress-list-item-h .digi-progress-list-item__content.sc-digi-progress-list-item{box-sizing:border-box;display:block}.sc-digi-progress-list-item-h .digi-progress-list-item__content.sc-digi-progress-list-item>div.sc-digi-progress-list-item{padding:var(--digi--gutter--largest-2);box-sizing:border-box}@media screen and (max-width: 47.9375rem){.sc-digi-progress-list-item-h .digi-progress-list-item__content.sc-digi-progress-list-item>div.sc-digi-progress-list-item{padding-left:0}}.sc-digi-progress-list-item-h .digi-progress-list-item__content--expandable.sc-digi-progress-list-item{margin-right:44px}.sc-digi-progress-list-item-h .digi-progress-list-item__content--hidden.sc-digi-progress-list-item{display:none}.sc-digi-progress-list-item-h .digi-progress-list-item--last.sc-digi-progress-list-item .digi-progress-list-item__indicator--line.sc-digi-progress-list-item{display:none}.visually-hidden.sc-digi-progress-list-item{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}`;
 
 const ProgressListItem = class {
     constructor(hostRef) {
@@ -113,7 +113,7 @@ const ProgressListItem = class {
     }
     render() {
         const ariaCurrent = this.afStepStatus == progressListItemVariation_enum.ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (index.h(index.Host, { key: 'aa239eafab2cc26a1425041e9bdeaf102c0abd48', role: "listitem", "aria-current": ariaCurrent }, index.h("div", { key: 'd20eb2c04be711843b15ffd291e19db570b0515a', class: {
+        return (index.h(index.Host, { key: 'dad1c85bbde1111481f538c8794a77e77c99a28c', role: "listitem", "aria-current": ariaCurrent }, index.h("div", { key: 'e5c92271ee0514ecf2a7cfe8f31ddc87988e6c75', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -121,18 +121,18 @@ const ProgressListItem = class {
                 'digi-progress-list-item--primary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.TERTIARY
-            } }, index.h("span", { key: '6c3ff9deb396337d9469ea6b25a9ea5066950a6c', class: "digi-progress-list-item__indicator" }, index.h("span", { key: '748ea935b68202ef23bb459156309cf5beeb70a3', class: {
+            } }, index.h("span", { key: '3429bd1b7a48ede98a871105193da301ba9411ff', class: "digi-progress-list-item__indicator" }, index.h("span", { key: '3078765505309ab62b926fc459c5595964d1b460', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == progressListItemVariation_enum.ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == progressListItemVariation_enum.ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), index.h("span", { key: 'dc2fd6a585577eac22414d1c616dfca5dfb36b70', class: "digi-progress-list-item__indicator--line" })), index.h("div", { key: '8507441cdeeed52f7421d476efcf71ba86b6a0b7', class: {
+            } }, this.renderStatusIcon()), index.h("span", { key: 'aed449cbee77e5d66f4f0dfd3adce45a66d4db19', class: "digi-progress-list-item__indicator--line" })), index.h("div", { key: 'fdaf63aba491485a777950f9d022350c29873247', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, index.h("div", { key: '03f30cde1ffe67b75f508abc276d1081938a84a6', class: "digi-progress-list-item__header" }, index.h(this.afHeadingLevel, { key: '5ace432aca3ba5775b73eb0b0123125d818f3c7b', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), index.h("div", { key: '38b9a828ae3e5191020e7e1b627e1d7b6092f7cf', class: {
+            } }, index.h("div", { key: '1156ce5725dcb8cf8d1ae968ae69dfa019bd076b', class: "digi-progress-list-item__header" }, index.h(this.afHeadingLevel, { key: '544fab1a62041f0c7bbabfd688c4626bc16dea27', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), index.h("div", { key: '350efd1958402c564a151199182d12e9931f932e', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, index.h("div", { key: 'e1fcc32c794744d5ae75af5be322e08ce3aa99e2' }, index.h("slot", { key: '180bd0e8eec0461748670acddfc1dad2367c20e3' })))))));
+            }, id: `${this.afId}-content` }, index.h("div", { key: '90a8a8c4f5c17be2df1657e381d71210f3078ab6' }, index.h("slot", { key: 'b25be0ea55c84fd9e7615f9b9a08b3702edce91d' })))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 var progressListVariation_enum = require('./progress-list-variation.enum-BvLLJK9O.js');
 var logger_util = require('./logger.util-DUhrcCTY.js');
 
@@ -133,7 +133,7 @@ const ProgressList = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '406686fee46095e3dfded5708663645520cbe6b6', class: "digi-progress-list" }, index.h("digi-typography", { key: 'c7bccebe73101cebb67e63bc3a395956826e1121' }, this.renderHeading(), index.h("ol", { key: 'e220571ae4caa2a88915f97fcf85316eed0f428c', class: "digi-progress-list__content" }, index.h("slot", { key: 'a0332f44b8f5cf00f5ac74d321e3bb18902f70fd' })))));
+        return (index.h("div", { key: '0db50446c5044f0cd9cb2dec3d5d0ba38ed084c9', class: "digi-progress-list" }, index.h("digi-typography", { key: '62ed9eb55a6d07c176fc563b3446ca9451a6e40d' }, this.renderHeading(), index.h("ol", { key: '641f26a87b06196d6f08769be3a6e6bd6a530fa1', class: "digi-progress-list__content" }, index.h("slot", { key: 'f41cb5b7a6172ea48641c2c176b1b487e5ccc57b' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 var text = require('./text-Cu3CaHGj.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 var progressbarVariation_enum = require('./progressbar-variation.enum-CnRJPSs7.js');
@@ -84,7 +84,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (index.h("div", { key: 'a1f3b7ce5d82ac1526466208a6cee21f478a6862', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: '349c031dd48ef65aafa72b6503881812223dd979', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (index.h("div", { key: '60c1bc134136b8c2313bada48f9bed718bc2170d', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: '9f4306211a0d813aaf8e893bd3cd727abe2814a1', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (index.h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -95,7 +95,7 @@ const Progressbar = class {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, index.h("span", { class: "digi-progressbar__step-indicator" }, index.h("span", { class: "digi-progressbar__step-number" }, index$1 + 1))));
-        }))), index.h("div", { key: 'f604634ae2cb23e54e9a7a68fc92b183af240847', hidden: true, class: "digi-progressbar__slot" }, index.h("slot", { key: '9f507fdf8584c5568f2eeec39aa05d8c89ac10fd', onSlotchange: () => this.getItems() }))));
+        }))), index.h("div", { key: '46bf1d01e25ea4058ce33247f5efbb08d8512549', hidden: true, class: "digi-progressbar__slot" }, index.h("slot", { key: '0f1f7b3dbc764b2a8eda14817812e35bff562f01', onSlotchange: () => this.getItems() }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 var quoteImageInnerPosition_enum = require('./quote-image-inner-position.enum-CLifVlj0.js');
 var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
 
@@ -105,7 +105,7 @@ const Quote = class {
         return (index.h("div", { class: "digi-quote__variation--highlight-wrapper" }, index.h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), index.h("div", { class: "digi-quote-icon-flex" }, index.h("span", { class: "quote-icon" }, this.renderQuotationMark()), index.h("div", { class: "quote-content" }, index.h("digi-typography", null, index.h("blockquote", null, index.h("slot", null))), index.h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), index.h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (index.h(index.Host, { key: '96f3cf57b5daa4c85c4b21c18d843f2034ac6706' }, index.h("digi-util-breakpoint-observer", { key: '893ccd34762db0436d976ea76357981d49963169', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '72807ea2938e3cb39492cf8fabeb455bcdf3bce6', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (index.h(index.Host, { key: '3c81f42b5f18681e96b147fa1e74472617b95166' }, index.h("digi-util-breakpoint-observer", { key: '1e2681cecc7a58b8a73a3f739fa2504671eaa758', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'c6a6547b16d176911db85976173f7e13f70f66da', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = quoteCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 var tableVariation_enum = require('./table-variation.enum-DlDZKXbq.js');
 
@@ -34,7 +34,7 @@ const Table = class {
         };
     }
     render() {
-        return (index.h("div", { key: '3ef9cc0a265ac8a7201a0976046465e648a90b8f', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: 'e61764e2061155b1ebadb05f7c9c973a97b18229', class: "digi-table__scroll-container" }, index.h("slot", { key: 'f01b9167153b0403cba1a612441f463500f04a50' }))));
+        return (index.h("div", { key: 'dc04825227634ca770bf78b85c9fc18ccb59eda0', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: 'd1a8a220a6fe1ca202507424ba2e7aaf0d2531af', class: "digi-table__scroll-container" }, index.h("slot", { key: 'e19ee5a6dd1d48d637e6dd10314dec0800aedaa3' }))));
     }
 };
 Table.style = tableCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 
 const NavigationTabPanel = class {
     constructor(hostRef) {
@@ -8,11 +8,11 @@ const NavigationTabPanel = class {
         this.isVisible = false;
     }
     render() {
-        return (index.h(index.Host, { key: '253b1c6e0b466c8e806aeec2a6e99f86172b3324' }, index.h("div", { key: '9639af8c2a404a738c2c07c437f0537f81f5a72f', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (index.h(index.Host, { key: '17983ecb3ec8f622c24ae10dc17273fea603ebc7' }, index.h("div", { key: '5a15377192a146d73e556270506e95b6eec9dc7a', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, index.h("slot", { key: '3383cb70665259583d172e82f9c2dd38a81cec3c' }))));
+            } }, index.h("slot", { key: '223acf8ae14990fe8f523cad9b050dcd7270bdae' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-c-lFHXD-.js');
+var index = require('./index-Cn1hHaSy.js');
 var navigationTablist_types = require('./navigation-tablist.types-B5QU-sSH.js');
 
 const navigationTablistCss = () => `.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:var(--digi--color--background--primary);margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}`;
@@ -262,14 +262,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: 'b2d71ff4b3f2c2fa22feffbc298360c1b3202b1d' }, index.h("div", { key: 'df48ffc9fdabfca380675c7232af5fef80c445b9', class: {
+        return (index.h(index.Host, { key: '656446b59c7df98c8e9e848871f92216fb332b06' }, index.h("div", { key: 'dfae44d3b20b2c5e34854f3a14e59d67f24c74bd', 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: '797f70a00aa1e3dd8a3b54d43808b9515259723c', class: "control-wrapper", style: {
+            } }, index.h("div", { key: 'eb92033647f87cf89d0eaa74c70d559a4dbb16e2', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '415237740bc65dd5cfdb0e57eb44307c9d838670', 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: '59f2d43ba38c7d4ebdd85a575b2e89c0fec62381' }))), index.h("div", { key: '01602338cbd7a63f48cdcf541629e76bac46dd4c', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: '66001fa76eb51d2c2fc3563cad987a41b4aa0bb1', 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: '6dbc04e4156cce38de34a8e61d5f1e2d084e41da' }))), index.h("div", { key: '2f716dec97bdb96e3a39b51a16aa14b8f3e877d8', 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}`;
@@ -278,10 +278,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: 'db28ea61c349d7aaf057e84b607c4f851b3f6712', class: "control-wrapper", style: {
+        })), index.h("div", { key: '9f8a75351a8004817adf312361e3da556d47ffdc', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '83513f2d64cc0578155d305f21dfb1ca4a412cc6', 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: '9263e864c21ea5358f301214fbadda6ed7d3c74a' })))), index.h("div", { key: '205efbbb3aab40f51f9f85f8d74a4026970c7144', role: "presentation" }, index.h("slot", { key: 'e753d718f852072745f5c2a49f6189fb62f3645b', onSlotchange: () => this.syncPanels() }))));
+            } }, index.h("button", { key: 'a1c4b6e0e513c0b9309728b1860424aa8ac8b6e4', 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: '61b50ecdf261867df7a55276d8d3458c1e445adb' })))), index.h("div", { key: '7847ab1a845c35c6ed71358e0d30ed8b0a97b96e', role: "presentation" }, index.h("slot", { key: '2c1081364766483c98f9d29dda2f62215266ccc5', onSlotchange: () => this.syncPanels() }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {