@designsystem-se/af 35.2.1-beta.1 → 35.3.1

package/dist/esm/digi-navigation-breadcrumbs.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
 import { l as logger } from './logger.util-ede3c48a.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { _ as _t } from './text-26e02c8d.js';
 
-const navigationBreadcrumbsCss = ".sc-digi-navigation-breadcrumbs-h{--digi--navigation-breadcrumbs--items--display:flex;--digi--navigation-breadcrumbs--items--flex-wrap:wrap;--digi--navigation-breadcrumbs--items--padding:0;--digi--navigation-breadcrumbs--items--margin:0;--digi--navigation-breadcrumbs--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-breadcrumbs--item--font-size:var(--digi--typography--breadcrumbs--font-size--desktop);--digi--navigation-breadcrumbs--item--text-decoration:var(--digi--typography--breadcrumbs--text-decoration--desktop);--digi--navigation-breadcrumbs--item--color:var(--digi--color--text--primary);--digi--navigation-breadcrumbs--divider--padding:var(--digi--gutter--icon);--digi--navigation-breadcrumbs--link--visited--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--focus--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--focus--text-decoration:underline;--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover);--digi--navigation-breadcrumbs--link--color:var(--digi--color--text--interactive--primary)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__items.sc-digi-navigation-breadcrumbs{list-style:none;display:var(--digi--navigation-breadcrumbs--items--display);flex-wrap:var(--digi--navigation-breadcrumbs--items--flex-wrap);margin:var(--digi--navigation-breadcrumbs--items--margin);padding:var(--digi--navigation-breadcrumbs--items--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs{font-family:var(--digi--navigation-breadcrumbs--item--font-family);font-size:var(--digi--navigation-breadcrumbs--item--font-size);color:var(--digi--navigation-breadcrumbs--item--color);width:unset;margin-bottom:unset}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs:not([aria-current=page])::after{content:\"/\";padding-inline:var(--digi--navigation-breadcrumbs--divider--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs{color:var(--digi--navigation-breadcrumbs--link--color);font-size:var(--digi--navigation-breadcrumbs--item--font-size)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:visited{color:var(--digi--navigation-breadcrumbs--link--color)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus,.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:hover{text-decoration:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration);text-decoration-thickness:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
+const navigationBreadcrumbsCss = ".sc-digi-navigation-breadcrumbs-h{--digi--navigation-breadcrumbs--items--display:flex;--digi--navigation-breadcrumbs--items--flex-wrap:wrap;--digi--navigation-breadcrumbs--items--padding:0;--digi--navigation-breadcrumbs--items--margin:0;--digi--navigation-breadcrumbs--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-breadcrumbs--item--font-size:var(--digi--typography--breadcrumbs--font-size--desktop);--digi--navigation-breadcrumbs--item--text-decoration:var(--digi--typography--breadcrumbs--text-decoration--desktop);--digi--navigation-breadcrumbs--item--color:var(--digi--color--text--primary);--digi--navigation-breadcrumbs--divider--padding:var(--digi--gutter--icon);--digi--navigation-breadcrumbs--link--visited--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--focus--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--text-decoration:underline;--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover);--digi--navigation-breadcrumbs--link--color:var(--digi--color--text--interactive--primary)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__items.sc-digi-navigation-breadcrumbs{list-style:none;display:var(--digi--navigation-breadcrumbs--items--display);flex-wrap:var(--digi--navigation-breadcrumbs--items--flex-wrap);margin:var(--digi--navigation-breadcrumbs--items--margin);padding:var(--digi--navigation-breadcrumbs--items--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs{font-family:var(--digi--navigation-breadcrumbs--item--font-family);font-size:var(--digi--navigation-breadcrumbs--item--font-size);color:var(--digi--navigation-breadcrumbs--item--color);width:unset;margin-bottom:unset}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs:not([aria-current=page])::after{content:\"/\";padding-inline:var(--digi--navigation-breadcrumbs--divider--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs{color:var(--digi--navigation-breadcrumbs--link--color);font-size:var(--digi--navigation-breadcrumbs--item--font-size)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:visited{color:var(--digi--navigation-breadcrumbs--link--color)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:hover{text-decoration:var(--digi--navigation-breadcrumbs--link--hover--text-decoration);text-decoration-thickness:var(--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
 const DigiNavigationBreadcrumbsStyle0 = navigationBreadcrumbsCss;
 
 const NavigationBreadcrumbs = class {
@@ -42,9 +42,9 @@ const NavigationBreadcrumbs = class {
     }
     render() {
         var _a;
-        return (h("nav", { key: '8f2f5e41fd75341b57af63a13ff9bd42e6b057b9', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: 'd8528744364d63f93f14c4c7ac58874033faaa8b', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
+        return (h("nav", { key: '24b41a5fbfb5a1cd0aef8fa67dcf96b9788f93d8', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '8ae430fdc77c3af2afa5d7a2879cc6b8bd78331b', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
             return (h("li", { class: "digi-navigation-breadcrumbs__item" }, h("a", { class: "digi-navigation-breadcrumbs__link", onClick: (e) => this.clickHandler(e), href: item.href }, item.text)));
-        }), h("li", { key: 'c8c9767a0c4aca30e93f8c5c13d94b560040ca5a', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: '0854a06b2f581686bc07b58f65fc7b00a8cd8c8e', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: 'fe8f2249da90b585171f7d15699152318bf20c81' })))));
+        }), h("li", { key: '7994f3676796f7a24113de230ac73481345db722', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: 'a7a615f9de204ae0f6217be6669ac080bf693abc', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '5236e7d5db8146cb051e584264dfababb4d43f4a' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h } from './index-bfea2cc5.js';
+import { r as registerInstance, c as createEvent, h } from './index-148a7577.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import './badge-notification-shape.enum-e15a6245.js';
-import './typography-variation.enum-dea0fe69.js';
+import './typography-variation.enum-8ba40d15.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './code-example-variation.enum-e656d235.js';
-import './form-input-type.enum-a6bba983.js';
+import './form-input-search-variation.enum-6d8dc10a.js';
 import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
 import './calendar-week-view-heading-level.enum-6774297c.js';
 import './bar-chart-variation.enum-97c0b47f.js';
@@ -14,11 +14,14 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
-import './form-radiogroup-validation.enum-d790fc66.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-type.enum-3da3db27.js';
+import './form-input-variation.enum-64d9450f.js';
+import './form-select-variation.enum-f2f6098d.js';
+import './form-textarea-variation.enum-05017e8e.js';
+import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './link-button-variation.enum-84d4976f.js';
@@ -28,7 +31,6 @@ import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
 import './media-figure-alignment.enum-a1d36567.js';
 import './navigation-sidebar-variation.enum-8fead764.js';
-import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
 import './progress-indicator-variation.enum-b12ba50a.js';
 import './progress-list-item-variation.enum-384b9a3a.js';
 import './progress-list-variation.enum-300bd89d.js';
@@ -40,7 +42,6 @@ import './tag-size.enum-403e0cd8.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './tools-theme-provider.brand.enum-8c5a98c9.js';
-import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
@@ -171,15 +172,15 @@ const NavigationPagination = class {
         }
     }
     render() {
-        return (h("div", { key: 'fc853e362b458af51e8b6918d0fba7e60732d51e', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '1c8984c1b7c55a6e070d14ab9f1283184d15b1c3', onAfOnChange: (e) => {
+        return (h("div", { key: 'f9f60c7c78b819bc331ba608558c45ac363a2e8a', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '3c17fa7ce20bba4604b3daef869d2d81976654d6', onAfOnChange: (e) => {
                 this.handleResizeObserver(e);
-            } }), h("span", { key: 'dcc509b820542cc02afa75432c464c13092768cf', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'e621a9c97d610db8e2d84fa1bbbcb09b18de8265', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '8bcaeb657b987c67f58de586a823e0867a175034', onClick: () => this.prevPage(), class: {
+            } }), h("span", { key: 'fe0e8c796a16ace02473ae2c4b9ee703621c093c', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'f23c4cc4d1dcc0327273732b18ad60f69a3fb728', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: 'd5f9a10d7a6ffcc3632ad89e5e2ad8f980eade9c', onClick: () => this.prevPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--previous': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === 1
-            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: 'a45ec549a97e3db230a876513246a9ceea845ae8', slot: "icon" }), h("span", { key: 'dd76e0875978c26886b10c38e8cbcc7a928cf3ae' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: 'eb6c6f6eddf1191325b1899af88ff2e1a653b533', onClick: () => this.nextPage(), class: {
+            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: 'f7406d36cf023651cc28736e436f72fff021c818', slot: "icon" }), h("span", { key: '633492e7edfbf8e9154c046a46dee9ff8b8e5831' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: '112286afd84d02fd603d53298fd50c6fe89e9c48', onClick: () => this.nextPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--next': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === this.afTotalPages
-            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: 'a9d1ebc42fb912bb6af9a0cb62e964a670ef3405', slot: "icon-secondary" }), h("span", { key: '865e714423c48bbedc2252ff0d7c7013ad912957' }, "N\u00E4sta")), h("div", { key: '28364ebea353ded0d0bbc584da31199884f519f6', class: "digi-navigation-pagination__pages" }, h("ol", { key: '5dd7f2dc40ddea4715edfe1ff8514ab993a55f38', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
+            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: '8a9077253dbe410a861eacc2756272c745e86098', slot: "icon-secondary" }), h("span", { key: 'aac4f107d68caff6a32f27434d0293da90791aa6' }, "N\u00E4sta")), h("div", { key: '2c561f28561d931f902faee6aeb82d4381351e25', class: "digi-navigation-pagination__pages" }, h("ol", { key: '0787384905bbcd47b6d8f9cc8418720bb8f515b6', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
             const page = isNaN(pageValue)
                 ? parseInt(pageValue.replace('…', ''))
                 : pageValue;
@@ -190,10 +191,10 @@ const NavigationPagination = class {
                 }, afVariation: this.currentPage === page
                     ? ButtonVariation.PRIMARY
                     : ButtonVariation.SECONDARY }, h("span", { class: `digi-navigation-pagination__page-text` }, page))));
-        })))), this.afTotalResults > 0 && (h("div", { key: '5ce6ad60b18501707890ed6c54b569d5224c7074', class: {
+        })))), this.afTotalResults > 0 && (h("div", { key: '62795829bd54c83d3c4933ad23ea5e6c8e8cb35e', class: {
                 'digi-navigation-pagination__result': true,
                 'digi-navigation-pagination__result--pages': this.afTotalPages > 1
-            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'f885713d831d3181652ba020ce77e50bd46a8562' }, h("span", { key: 'cb7db046f97830619e7e1698c668a5fe630e38cb', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '655ef0ca3a6ca1f8f11b56628f30f46eda500435', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '1dd088d5dbed8d49d0201bcdb8fb39d6656295b0', id: `${this.afId}-result-of` }, " av "), h("strong", { key: 'f7b940ceb11d6110aae22828f294f6d66168d78a', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '03ebec9b1df029fb31cd0a62d9f353f3d2c17690', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
+            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'bd57f3f39ac93c823fa144b593bfe245887ae743' }, h("span", { key: '27ae3ae0069cdb69cde9c8d52aa415e31bd34aed', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '681cfb83277f2456b9619dafd64d795b89ad3d04', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '42f7980197410191617bb998d4eb9168dc34f85e', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '43339c83bd3f8826d7d636b549c3b55cb222e042', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '5a25e7182084f94a554438e396d57b944ac5d685', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
     }
 };
 NavigationPagination.style = DigiNavigationPaginationStyle0;

package/dist/esm/digi-navigation-sidebar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { d as NavigationSidebarPosition, e as NavigationSidebarVariation, c as NavigationSidebarMobileVariation, a as NavigationSidebarHeadingLevel, N as NavigationSidebarCloseButtonPosition, b as NavigationSidebarMobilePosition } from './navigation-sidebar-variation.enum-8fead764.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
@@ -272,7 +272,7 @@ const NavigationSidebar = class {
         };
     }
     render() {
-        return (h(Host, { key: '49e6899faca57bd01ca815150e7bd724f5ecb649' }, h("digi-util-breakpoint-observer", { key: '53c0234687ce752b431ff13bca39cc551c07f61b' }, h("digi-util-keydown-handler", { key: '6dda9df88c2f1b8659cd2b76ec6ab4f6c9a00717', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '74286d4d30e0a6a6cf2545f688aec6d1a843be92', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '9b9fad33640f41f82ecbaec48d51f72d303a0ca4', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '52ee40b6e98bb12da5057db56bba189e9f110bff', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '7a41d635c6dcbd8c0ae761ec641aaaf41bb8c3b9', class: "digi-navigation-sidebar__inner", ref: (el) => {
+        return (h(Host, { key: '1144f757da6f170b04a0796c8d0756c837fb66de' }, h("digi-util-breakpoint-observer", { key: 'c1d2d4dbaaebdeb1cf2bf2dd8ba3ca6a5a91420e' }, h("digi-util-keydown-handler", { key: 'ccb836756c178bac9c4b8f93892210276ecb9586', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '30db28c05cee8491d0feb17a6afc704f38310775', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '1ac6862221d09b4a6cd4b53cbb1568064f13aff2', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '15429129ef50889bf0041ef0720181dfc5ee03b3', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '5b3dd6f8bbe6702f7d62d6d707ced6de42baa310', class: "digi-navigation-sidebar__inner", ref: (el) => {
                 this._wrapper = el;
             } }, this.showHeader ? (h("div", { class: {
                 'digi-navigation-sidebar__header': true,
@@ -281,7 +281,7 @@ const NavigationSidebar = class {
                 'digi-navigation-sidebar__header--close-button--end': this.afCloseButtonPosition ===
                     NavigationSidebarCloseButtonPosition.END,
                 'digi-navigation-sidebar__header--reversed': !!this.afHeading
-            } }, this.afHeading && (h(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), h("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, h("digi-icon-x", { slot: "icon-secondary" })))) : (h("div", null)), h("div", { key: '374f572acc8725ab311606dd677405aa3b2b75f7', class: "digi-navigation-sidebar__content" }, h("div", { key: '2eccd19a2117f9098033d4d57293f80c779d7d56', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '8412ffb8b5614f30b2cc6aed1c7985bfcee845f4' })), this._hasFooter && (h("div", { key: 'ae676aae82fefa1963a634a043c3e30be109fe98', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '0562e77706c818652dbae18bd5c7b8a27c54927e', name: "footer" })))))))))));
+            } }, this.afHeading && (h(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), h("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, h("digi-icon-x", { slot: "icon-secondary" })))) : (h("div", null)), h("div", { key: '8f03a066e3979ff884ed2c932afddec57fdfcd3f', class: "digi-navigation-sidebar__content" }, h("div", { key: '7cf868fbc723698b2e05caae73a88965d08db7c6', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: 'dbbad860d9ba2ff9e06ac8d49a2971f8d8ccb33a' })), this._hasFooter && (h("div", { key: 'c4fe890d921b6100080ee2498ab44fbf83f8cb89', class: "digi-navigation-sidebar__footer" }, h("slot", { key: 'd37615ca54b32990b45430bccac8f814fd6af0cd', name: "footer" })))))))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { N as NotificationAlertHeadingLevel, w as NotificationAlertSize, x as NotificationAlertVariation, A as TypographyVariation } from './typography-variation.enum-dea0fe69.js';
+import { r as NotificationAlertHeadingLevel, s as NotificationAlertSize, t as NotificationAlertVariation, z as TypographyVariation } from './typography-variation.enum-8ba40d15.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './code-example-variation.enum-e656d235.js';
-import './form-input-type.enum-a6bba983.js';
+import './form-input-search-variation.enum-6d8dc10a.js';
 import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
 import './calendar-week-view-heading-level.enum-6774297c.js';
 import './bar-chart-variation.enum-97c0b47f.js';
@@ -14,11 +14,14 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
-import './form-radiogroup-validation.enum-d790fc66.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-type.enum-3da3db27.js';
+import './form-input-variation.enum-64d9450f.js';
+import './form-select-variation.enum-f2f6098d.js';
+import './form-textarea-variation.enum-05017e8e.js';
+import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './link-button-variation.enum-84d4976f.js';
@@ -28,7 +31,6 @@ import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
 import './media-figure-alignment.enum-a1d36567.js';
 import './navigation-sidebar-variation.enum-8fead764.js';
-import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
 import './progress-indicator-variation.enum-b12ba50a.js';
 import './progress-list-item-variation.enum-384b9a3a.js';
 import './progress-list-variation.enum-300bd89d.js';
@@ -40,7 +42,6 @@ import './tag-size.enum-403e0cd8.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './tools-theme-provider.brand.enum-8c5a98c9.js';
-import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
@@ -95,8 +96,8 @@ const NotificationAlert = class {
         }
     }
     render() {
-        return (h("div", { key: '871cb3f4c67efc6195f6c69396053a393040f07f', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '8181c5c4f7fb08faf85854ab198e5cf94001b06b', class: "digi-notification-alert__layout" }, h("div", { key: '1a2b93deb9e97fdc59378ec514682f2709c13f17', class: "icon-wrapper" }, h("div", { key: 'e12811735d7b8785e1954b7de094abfceb9ccf13', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '4cf5b0fa5006b62555a05c1760d245c43efb173e', class: "main-wrapper" }, h("div", { key: '097c5ed4537643c5834b9443a2b5df64f5ea83c7', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'eb8e4fa10925737b5aa5f302b1d261d597b7e6b1', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '138f627776040f3ca6f67ea955ab029c41bacb21', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '29f87e120d5d1349b50567e774a3c1730c00da0b', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '4b9d8d8a50fff03ee2191d1892ed2addc68edf71', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '67ad03f173afebe5f04cc03ad081655a889cbe3a', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'f2441e049b02db3c7dbb52f3b2bd245abfdf11ca', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'a91a180491a469141d943b9ef0f37457ca1d5207', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'ed156dbb099dab6c596e8f8f8cd1f614ae6fdd0e' })))))))));
+        return (h("div", { key: 'e4266774905fbf2b55a74e8a0955671356b98d41', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '9abdb6437416b3bf27bbfd7f1b24877df49547a3', class: "digi-notification-alert__layout" }, h("div", { key: '5d243b8d43b9e1279b688b2bbfe86d74480a0f10', class: "icon-wrapper" }, h("div", { key: '157da6ae9d428763051b79f10e6a647ef51beaa8', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '0f489f9fb220be2b4c0afc96c8c17a902e8110ec', class: "main-wrapper" }, h("div", { key: '7354aa28d772f5e79cddfc78d73d8f791eb32c5d', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '24266095733533913ff851a84b3478850a75f8da', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'd86d0a95802ddd4f1d56e009e6551f4f7c5b9a6d', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '30d19c2d35a5deaed77d8921a24447796f2560c2', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'fed2a1627e9137a9f233329550138082a0295a14', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '6931822676b2439e74d27ee5151199360a02f6b5', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'ad16adaad35788c28b3d7df61081e52e26f00016', class: "digi-notification-alert__content" }, h("digi-typography", { key: '3b2d41e52020b6ea4ad0580912cdbcb063b2a9db', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '0484d598f84c53ddb678bb53264fd125b85e3b8f' })))))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, H as Host, g as getElement } from './index-bfea2cc5.js';
-import { E as ErrorPageStatusCodes } from './typography-variation.enum-dea0fe69.js';
+import { h, r as registerInstance, H as Host, g as getElement } from './index-148a7577.js';
+import { E as ErrorPageStatusCodes } from './typography-variation.enum-8ba40d15.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './code-example-variation.enum-e656d235.js';
-import './form-input-type.enum-a6bba983.js';
+import './form-input-search-variation.enum-6d8dc10a.js';
 import './button-variation.enum-94fffdd6.js';
 import './calendar-week-view-heading-level.enum-6774297c.js';
 import './bar-chart-variation.enum-97c0b47f.js';
@@ -14,11 +14,14 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
-import './form-radiogroup-validation.enum-d790fc66.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-type.enum-3da3db27.js';
+import './form-input-variation.enum-64d9450f.js';
+import './form-select-variation.enum-f2f6098d.js';
+import './form-textarea-variation.enum-05017e8e.js';
+import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './link-button-variation.enum-84d4976f.js';
@@ -28,7 +31,6 @@ import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
 import './media-figure-alignment.enum-a1d36567.js';
 import './navigation-sidebar-variation.enum-8fead764.js';
-import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
 import './progress-indicator-variation.enum-b12ba50a.js';
 import './progress-list-item-variation.enum-384b9a3a.js';
 import './progress-list-variation.enum-300bd89d.js';
@@ -40,7 +42,6 @@ import './tag-size.enum-403e0cd8.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './tools-theme-provider.brand.enum-8c5a98c9.js';
-import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
@@ -469,15 +470,15 @@ const NotificationErrorPage = class {
         }
     }
     render() {
-        return (h(Host, { key: '44c22e2e84b4bbe12feff4dd8d03b43fcd4478fb' }, h("digi-layout-container", { key: '010ecb5078ed5bda8d69377a15eb5230b1f056d4', class: {
+        return (h(Host, { key: 'dd6397da98fe6b78e9084cc9ac459e094d8d5bb7' }, h("digi-layout-container", { key: '1aef180cba13342beaaa3aa953970049d9b69fb6', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'f407e563a70e3e154c650ea93f96c483fffe0fa4' }, h("digi-util-breakpoint-observer", { key: 'b2c98d7f86ba77ac03e8cb443c7854fb909a35b9', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'c738f08eabae1a1de52c5237fb273761b7c9a2f8' }, h("digi-util-breakpoint-observer", { key: '13412e62efc15720274f856d2747f899d119fe3b', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '2f3a92b803d1fd1d0a0feb03c16dc2a7bfcdf17b', class: "digi-notification-error-page__grid" }, h("div", { key: 'c676dd4330669b398cacfe58fd008a26ec02269e', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '9455f094100acd87534f1d59e868bc3a5b52064e', class: "digi-notification-error-page__content" }, h("h1", { key: '4b057f0c4f6195578754b48c62005b3fa7c4d218', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: '3ad485290e126208782e0eddeebcd0c1b28164b6', class: "digi-notification-error-page__content__search" }, h("slot", { key: '8caa4c6c7eee2661cbf0e39242e56a0cf5cd93ba', name: "search" }))), this.hasLinks && (h("div", { key: '0844391180c5e9b70ac970b0ec7da26e0e2fe364', class: "digi-notification-error-page__content__links" }, h("slot", { key: '3c96ddf92c5111446c0da7390dd5c4cd9bbbedad', name: "links" })))))))));
+            } }), h("div", { key: '23683ae9e608498684a9d23d46ac0fba1968eefb', class: "digi-notification-error-page__grid" }, h("div", { key: 'e57b9767d9fd1d3d1ce6da2f729ec17d056ca903', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '839d44c86d9e09910b914d0d35767c7e55f22785', class: "digi-notification-error-page__content" }, h("h1", { key: '594e76c4f59542470174feca11a48898d1e21038', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'e4ee63a47a9dae772899496de75a0dfa8e90b547', class: "digi-notification-error-page__content__search" }, h("slot", { key: '0b034d469467c363d4c73538bdad7f1f61e67df8', name: "search" }))), this.hasLinks && (h("div", { key: '5e305111706366d1827651e2f2b2c6d6e4c101fd', class: "digi-notification-error-page__content__links" }, h("slot", { key: '25ae49501bc7d37dae42f9fadbd1966634e7aad6', name: "links" })))))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
 import { _ as _t } from './text-26e02c8d.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 
@@ -60,20 +60,20 @@ const ProgressCircle = class {
         return;
     }
     render() {
-        return (h("div", { key: '61e62accd53e54e8d34af45270dca84f28376b89', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '1a3cbd8d4899553af29ed061e9def7d6acabf1e5', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'f45f630d021bb2645714ecd221121d68070849dc', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '12a56f4b4420dc61b54878091387413309bd701d', class: "digi-progress-circle__circle" }, h("p", { key: '4bf23b5618b61bd9305224f1e5ece44a4d2c8c0b', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'e5a515dade6c5486b0dc603a7bab69881af34a64', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '984b9bc367b7de67d8dd4a91f5340655ffed9520' }, h("mask", { key: '65fc44999c53abb42a7c3cffe69aa39c249807a7', id: this.afId }, h("circle", { key: '410b7fbe91e533bd1e525bcecce9248cfae58ec7', 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" }))), h("g", { key: '6950491951b071ac8532b4efc18aa5fa01200f46' }, h("circle", { key: '198f5d86b997683e57708da7c07cfd1603731914', 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 }), h("circle", { key: 'a83ae3004707d7e7334450da41794d874e31e66f', 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 && (h("circle", { key: '48f38043e8873113d4f9b45f2cf937ffb433d092', 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 && (h("circle", { key: '51fb657182e2c9ab43b648b9b95ea85419cc207a', 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" }))))), h("div", { key: '776019544a3b4744347258c22b46a824cb63a667', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '2085653208d4fb02923e797b79a3530bfffd32c6', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: '063f1c6f30fa53d97cae9ffcea0a1968bc5aa06f', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'e4bbb22616745bc2dcdd9c0170b571a649de4856', class: "digi-progress-circle__circle" }, h("p", { key: '1d4d3f72605a15628df7eae8398b968912819895', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '5d8b22ae6d5b22b6ad7feaf59f2f2ed6404cba9b', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '2f2992ef04604171a4ea09239e4516b05fb09020' }, h("mask", { key: 'ca79d3774080aa0a42c05b46bf0810ff05f68991', id: this.afId }, h("circle", { key: '77597d66902e016aaf6f8ab733809e284eb56b5f', 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" }))), h("g", { key: '162ba4ddefc21d05e0e5a328811e3468112f1866' }, h("circle", { key: 'f926540f73f24625bb6f5c44a47157e094862c5c', 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 }), h("circle", { key: '5301c86b661649448c9f7296a704dee0c70e43fc', 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 && (h("circle", { key: '4d826aa4f569c8237d9c25dea7dad8bc344bae15', 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 && (h("circle", { key: '5937a215f6d9135ec65090b9e7442c37e1e5a93b', 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" }))))), h("div", { key: '6fd4df913d10a90086a8ea4a9df7d4b753135db5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '0b308f58dd160b10587599384afd5a1d747a7d82', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '57d43545814d8ab32e2ac0bea6b745d80a8754c3', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '802382fbcaadda005bf23ee75a653087f68db28f', 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 && (h("p", { key: 'c120e84369168e574c6f4e20b0522e14def21a84', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b89e639d635c31eba290733007fd1b5febd98544', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'b024df54028fe0c7b0644aa94365adc2a32769b3' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '8af7818090ab3d0e0e87ee000cbfcbc914b9a210', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '28b701e095fee774e2c7d453ef29b7b8007a6f6f', class: "digi-progress-circle__icon--error" }), h("span", { key: '1407890e15de5b938b9f148a45ba696ba612ce5d' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '1ff7ccad0fb8907b06eb8a134b2828adc19319b4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'fe3826a3ccd343d98dfd200e9b7eccb349afc073', class: "digi-progress-circle__icon--warning" }), h("span", { key: '5febd251010def457155b547c57fde6d77bd9a89' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9f964073305fbae7f0795dec8d390a95a3e33ed9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'e281a259031989cd2fabcc59a415e33fae8fbea1', class: "digi-progress-circle__icon--error" }), h("span", { key: '338a67a467dc21476468f869d06fa45838f18c5f' }, this.afValidationLabel)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
 import { _ as _t } from './text-26e02c8d.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { P as ProgressIndicatorRole, a as ProgressIndicatorVariation } from './progress-indicator-variation.enum-b12ba50a.js';
@@ -92,9 +92,9 @@ const ProgressIndicator = class {
         return;
     }
     render() {
-        return (h("div", { key: '958a62cdf5d2fd27c0d7d8f6098bbcf0fc512660', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '43392769b56d5746853546f9a0500ec40a74272f', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '508a5a7eb3cfa030faa65822a380b458d55d8709' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, h("div", { key: '5462c691f608be217fd9aefccb83fce62de5248b' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -120,7 +120,7 @@ const ProgressIndicator = class {
                 ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), h("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
-        }))), this.afStepNextLabel !== undefined && (h("p", { key: '6e0875168648eb1e6ac358bad31d76fba6bf72de', class: "digi-progress-indicator__label" }, h("span", { key: '352369c1601294275fb195895502e11e1871b123' }, `${this.afStepText}`, " "), h("span", { key: '866667e733dc7ea21df81d16197db5d87ce0949b', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'f8e174fb61d50f87a5e21c42ef94fcf78c83c5f5', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'ae14c34ea9dcdd5f49424468f1e10edefc81e5b2', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'e44ef622b83ab376fb3786992c560a6d3aa4202f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '5e18e078abb80a94dd3c2524c7be282ef013ec1f', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '3c8611c4bf52b0fe45c77b4d769679b0893ddb83', class: "digi-progress-indicator__icon--error" }), h("span", { key: '0447fdcdee3ad0a2a972f1b12d1dbd8e0366aeda' }, this.afValidationLabel))), h("div", { key: 'a51a23d32d8cc51baad5e81a9829b196e769a0c9', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '3e5289a870999317ba9d5bf542fd96acceb14b45', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'accad44c82032186ae66fb330902bae9fed7acbd' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '5e085c2ba7979c21f4f67b9b633fd10933c6f651', class: "digi-progress-indicator__label" }, h("span", { key: '3684a3cdda7f94a870e7bfe9e1e2d8881c4a5f05' }, `${this.afStepText}`, " "), h("span", { key: 'cbf24f2028d6a90234ed6a8a954a1613110d36cb', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '96ce77412971fce06cb49c6512dfcf17b9f80e31', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '3de532d6cc8559958fdbf7a394d666e0b95f851b', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '4d6a53a632e40c8f901606f7efa4ff7574cafd49' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '350b9d146b7ae2f06b5313f60ad8035e5febc8e1', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '8aac2241a2e76118962dceab2d605f4d70fab060', class: "digi-progress-indicator__icon--error" }), h("span", { key: '27d641b718cc413c78a2b728dde3d36ad5517574' }, this.afValidationLabel))), h("div", { key: '5530eadf13fb3ddfcd68301e134f979518c6c609', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '5127409982e8ae675a4092a40ec1fe61a1894c19', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '49315ebaa461fb3ebabe88556b9d72484ac655fa' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-148a7577.js';
 import { _ as _t } from './text-26e02c8d.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { P as ProgressListItemHeadingLevel, a as ProgressListItemStatus, c as ProgressListItemVariation, b as ProgressListItemType } from './progress-list-item-variation.enum-384b9a3a.js';
@@ -75,7 +75,7 @@ const ProgressListItem = class {
     }
     render() {
         const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (h(Host, { key: '80b21a14dc9261efb2ce32212506b22fb37b9ef4', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'f20ef3af659461b0634fbbb569fe42be2b591d32', class: {
+        return (h(Host, { key: '197d6b972495fbc577d3e9c0dece0ca4fac6b9cc', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'cbf0f5ec1fde7f30c53f94c77101179aa903b2aa', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -83,18 +83,18 @@ const ProgressListItem = class {
                 'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
-            } }, h("span", { key: '49d10fd08f38a5aad0b1356d54fd61407bdf93ec', class: "digi-progress-list-item__indicator" }, h("span", { key: '2a1a31a3805e14d4bf0d787aecebfbfecab16190', class: {
+            } }, h("span", { key: '0b230fc37676fa0ea40dea11cede50276eb349e9', class: "digi-progress-list-item__indicator" }, h("span", { key: '391910ebf913ed5841a529f1d4ac7e99b87f6db7', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), h("span", { key: '8311a17ed2c4498c38031326f91f804c9c6cbd4b', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'cd3be243237c5080b10ef048d9351e892da61557', class: {
+            } }, this.renderStatusIcon()), h("span", { key: '428727a5fcbac61a3b0ca022c96c92a0dc605b3b', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'c1c5151fc7e304220c29acf09219e8de61333020', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: 'ca7fe2a368f42ce8e80c651e4173e44b07d5ca6d', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '2008fa5d8f7abcae822d824288705f2717eb97f8', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '546e03eaea8c688064e18d21fe4a3bb2aa334013', class: {
+            } }, h("div", { key: '797847753f88f7cd78bff16c8582dd83f128ed0d', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '60861cd514fa685607659cc223fc6f95448454c6', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'd9e334aae5b1bf9f47582ba9c9df4fcf413dea47', 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` }, h("div", { key: '715b7137357fef90ee74314040d75c3fc73e7ffe' }, h("slot", { key: '1f9617310191422e4edf4073b5518c1b0a6e3e35' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '4a53614e340b463ead0efcecab443929186aa30d' }, h("slot", { key: '67d6e74b5a934f61ffbb73fd14b38dbab9353f62' })))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
 import { P as ProgressListHeadingLevel, c as ProgressListVariation, b as ProgressListType, a as ProgressListStatus } from './progress-list-variation.enum-300bd89d.js';
 import { l as logger } from './logger.util-ede3c48a.js';
 
@@ -102,7 +102,7 @@ const ProgressList = class {
         return null;
     }
     render() {
-        return (h("div", { key: 'd8e290ff4a95a95a7cc751066b42726a895cc152', class: "digi-progress-list" }, h("digi-typography", { key: '3185516c57e71ad920acdf32cd0e75ec6e65cbad' }, this.renderHeading(), h("ol", { key: 'fcbd8850448582f663752a30ba8f9a7b9f892f51', class: "digi-progress-list__content" }, h("slot", { key: '9b35cd65b6e7ab05d37d382012a01ca62225cf9f' })))));
+        return (h("div", { key: '5e1868ca288b8df8924d6a378e3a3e4676b072b2', class: "digi-progress-list" }, h("digi-typography", { key: '05df8d33e8421c1b50c6ece5a0fef00e0c1d600d' }, this.renderHeading(), h("ol", { key: '55555aadc901f299ebd67220594edb368ef20b58', class: "digi-progress-list__content" }, h("slot", { key: 'd36492f837bf45753525fcf21ec05a7519c02f59' })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
 import { _ as _t } from './text-26e02c8d.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { P as ProgressbarRole, a as ProgressbarVariation } from './progressbar-variation.enum-40adaab4.js';
@@ -74,7 +74,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (h("div", { key: 'd8e75eb4b9cfaf86d41e9fb936db466b4e4fb3f5', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '84cb940acde7d5545f2d27a9daa4b6d03adc9a75', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (h("div", { key: '72b2c72dca1847b4497b6d9aedd94f6a94c26d3e', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '8eee915839751e85e87a10f0a4fa5a2504e67123', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -85,7 +85,7 @@ const Progressbar = class {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, h("span", { class: "digi-progressbar__step-indicator" }, h("span", { class: "digi-progressbar__step-number" }, index + 1))));
-        }))), h("div", { key: '3873931a1ae0bbc0b27c8844621f9dcf76b00db2', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '0a82a4fb490c3e89586269117744e223ae9d0a85', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '8bead9eb3d7572b65017bc5326e20924121c82e1' })))));
+        }))), h("div", { key: '07db3935ba42b46a407200db48172f01db586ff7', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'ffc6bf405a07398feda144f1d9f231926cc2af00', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '1a8c537b142d33740bf82b43532f1d6d392d7dd2' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-bfea2cc5.js';
+import { r as registerInstance, h, H as Host } from './index-148a7577.js';
 import { Q as QuoteType, a as QuoteVariation, b as QuoteImagePosition, c as QuoteImageInnerPosition } from './quote-image-inner-position.enum-8e9b1e65.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
 
@@ -92,7 +92,7 @@ const Quote = class {
         return (h("div", { class: "digi-quote__variation--highlight-wrapper" }, h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), h("div", { class: "digi-quote-icon-flex" }, h("span", { class: "quote-icon" }, this.renderQuotationMark()), h("div", { class: "quote-content" }, h("digi-typography", null, h("blockquote", null, h("slot", null))), h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (h(Host, { key: '4adb2aefdcbdd5634be5ecf68e4e7714deb32fd4' }, h("digi-util-breakpoint-observer", { key: '3a99520cc013f2c17138fdd949cf8fe645f90cb6', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'e82a844c1e927541756d5abfd403a83192b8ce74', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: 'a4a429871f99db7d8c2deaaa6817361cae355215' }, h("digi-util-breakpoint-observer", { key: 'fdef9062a395c4c3d50eedc5f28f4d5a310bf6ba', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '89f0b25b7e676a25e2842ce8086ab4038af0d4c6', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = DigiQuoteStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bfea2cc5.js';
+import { r as registerInstance, h } from './index-148a7577.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import { a as TableVariation, T as TableSize } from './table-variation.enum-dd9366b6.js';
 
@@ -21,7 +21,7 @@ const Table = class {
         };
     }
     render() {
-        return (h("div", { key: 'ec9c0c95f98cd7283387f7a3d41a5a8884026843', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '19cc3c24676575e0c1b90d780e1f978846c5b374', class: "digi-table__scroll-container" }, h("slot", { key: 'd2601c42183b85a83b6088e71e272685b73f3569' }))));
+        return (h("div", { key: 'b21d633f149a4cfed2a2347293d820097364fc0e', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'bb3324d6301b28c1a30ad3c5846174137b70a358', class: "digi-table__scroll-container" }, h("slot", { key: 'b2e313c2ebc5a1ff10164cddf443b4a1b2cfafd3' }))));
     }
 };
 Table.style = DigiTableStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-bfea2cc5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';
 
 const NavigationTabPanel = class {
     constructor(hostRef) {
@@ -7,11 +7,11 @@ const NavigationTabPanel = class {
         this.isVisible = false;
     }
     render() {
-        return (h(Host, { key: 'b89f13e04d43b15eaa39221387ca24ab8db74821' }, h("div", { key: 'cb11153b3b6b42ebc11d5d4a650684b72cd35a0c', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: 'd86b3aa0ccb2cf5406683d621e227e77f0c8c788' }, h("div", { key: '5eaaa2abfb9802570ac0958f2946438629c0af50', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '82547d5268852f00080baed6250f86b258e082f7' }))));
+            } }, h("slot", { key: '59f9c8b9c51044f8a7e5391cd16a89e65caf5afa' }))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-bfea2cc5.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-148a7577.js';
 import { O as OverflowMode, D as Direction } from './navigation-tablist.types-61def4f1.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}";
@@ -241,14 +241,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'c29752d121ca72e994dfea5502e86252728a57ea' }, h("div", { key: '50e477d89f4624b7ffbbfd3114927fffe9bc28c0', class: {
+        return (h(Host, { key: '5477206fcfbd47f818a6da3d167af38ff0f0a9a6' }, h("div", { key: 'fa1b985439ca2516c48cf7df33cab4103d7f95c3', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '8f54656e1c0fb976088bf2a512c78a9ea12c9a81', class: "control-wrapper", style: {
+            } }, h("div", { key: 'e404bd27f6e55c9d973624b1a2c3d8aeacd9a05d', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '789e732fd56a74535efe215b579e3ef2c70e9275', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a3072c467f143306f98c8b958316a6d055fc0193' }))), h("div", { key: '68e92f739b087d623e80633ee156e11a994f9201', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '1944a5b2cb9fbad35d8501722ebd68f5c89d81aa', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'e6a5b355e245fcea52101f5aeabd261c26bf4fbe' }))), h("div", { key: '8d5379a421c0170e5967d038410ebddc49d76660', 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}`;
@@ -257,10 +257,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) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: 'ee06a13724e25f71e88fc30a69150fd87dfb0a52', class: "control-wrapper", style: {
+        })), h("div", { key: '3449b8051543fe5938e5009c324495d79cd30837', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '0edf13d3b1e50488b5c863dd2f0c526a67ea3403', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '6563cce3a1cbe1815e1fb4984677da74d1905e17' })))), h("div", { key: '35440cd87dda28887879505fb5630eb6d275aa71', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'ea47a5effeadfb2a0e1b83a1372779019532cd46' }))));
+            } }, h("button", { key: '2334cda1ed43f23eda7897ef68ade86d4459ed68', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'd8dc28d704a82ae7efbf2e2234d3cb20b54463de' })))), h("div", { key: 'a11dc4d973a65a817be2a14a681b12d2d0488d5a', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '8bf4f1c9f876263d7f70115b61b930247bd7a939' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],