@designsystem-se/af 37.0.2-beta.1 → 38.0.0

package/components/digi-navigation-sidebar.js

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as NavigationSidebarPosition, e as NavigationSidebarVariation, c as NavigationSidebarMobileVariation, a as NavigationSidebarHeadingLevel, N as NavigationSidebarCloseButtonPosition, b as NavigationSidebarMobilePosition } from './p-f600576a.js';
 import { U as UtilBreakpointObserverBreakpoints } from './p-cdcaf0eb.js';
-import { d as defineCustomElement$5 } from './p-a761b038.js';
-import { d as defineCustomElement$4 } from './p-93899a9e.js';
-import { d as defineCustomElement$3 } from './p-78e97002.js';
-import { d as defineCustomElement$2 } from './p-1e9052b0.js';
+import { d as defineCustomElement$5 } from './p-e8fc33ed.js';
+import { d as defineCustomElement$4 } from './p-4b44f757.js';
+import { d as defineCustomElement$3 } from './p-0e6a31ff.js';
+import { d as defineCustomElement$2 } from './p-ac5035f1.js';
 
 const navigationSidebarCss = ".sc-digi-navigation-sidebar-h{--digi--navigation-sidebar--wrapper--position:fixed;--digi--navigation-sidebar--wrapper--background-color:var(--digi--color--background--primary);--digi--navigation-sidebar--wrapper--transition:all var(--digi--animation--duration--base);--digi--navigation-sidebar--wrapper--padding:0;--digi--navigation-sidebar--wrapper--box-shadow--backdrop:0 0 3.125rem rgba(0, 0, 0, 0.35);--digi--navigation-sidebar--wrapper--border:solid var(--digi--border-width--primary) var(--digi--color--divider--primary);--digi--navigation-sidebar--wrapper--width:21.875rem;--digi--navigation-sidebar--wrapper--width--small--fullwidth:100%;--digi--navigation-sidebar--wrapper--width--small:90vw;--digi--navigation-sidebar--wrapper--margin:0 0 0 -21.875rem;--digi--navigation-sidebar--wrapper--z-index:1999;--digi--navigation-sidebar--header--padding:var(--digi--padding--medium);--digi--navigation-sidebar--header--border:solid var(--digi--border-width--primary) var(--digi--color--divider--primary);--digi--navigation-sidebar--heading--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-sidebar--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--navigation-sidebar--heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop-large);--digi--navigation-sidebar--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--navigation-sidebar--heading--color:var(--digi--color--text--primary);--digi--navigation-sidebar--backdrop--transition:all var(--digi--animation--duration--base);--digi--navigation-sidebar--backdrop--z-index:1998;--digi--navigation-sidebar--close-button--padding:0;position:relative;display:block}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar.sc-digi-navigation-sidebar{height:100%}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper.sc-digi-navigation-sidebar{top:0;bottom:0;z-index:var(--digi--navigation-sidebar--wrapper--z-index);visibility:hidden;opacity:0;height:100%;background-color:var(--digi--navigation-sidebar--wrapper--background-color);padding:var(--digi--navigation-sidebar--wrapper--padding);box-sizing:border-box;width:var(--digi--navigation-sidebar--wrapper--width);margin:var(--digi--navigation-sidebar--wrapper--margin)}@media (prefers-reduced-motion){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--transition:var(--digi--animation--duration--reduced)}}@media screen and (max-width: 47.9375rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper.sc-digi-navigation-sidebar{transition:var(--digi--navigation-sidebar--wrapper--transition)}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper.digi-navigation-sidebar__wrapper--mobile--default.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--width:var(--digi--navigation-sidebar--wrapper--width--small)}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper.digi-navigation-sidebar__wrapper--mobile--fullwidth.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--width:var(--digi--navigation-sidebar--wrapper--width--small--fullwidth)}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--active.sc-digi-navigation-sidebar{opacity:1;visibility:initial}@media screen and (max-width: 47.9375rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--static.sc-digi-navigation-sidebar{position:var(--digi--navigation-sidebar--wrapper--position)}}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--static.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--width:100%}}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--over.sc-digi-navigation-sidebar{box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.7)}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--over.sc-digi-navigation-sidebar,.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--push.sc-digi-navigation-sidebar{transition:var(--digi--navigation-sidebar--wrapper--transition);position:var(--digi--navigation-sidebar--wrapper--position)}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--push.digi-navigation-sidebar__wrapper--start.sc-digi-navigation-sidebar{border-right:var(--digi--navigation-sidebar--wrapper--border)}}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--push.digi-navigation-sidebar__wrapper--end.sc-digi-navigation-sidebar{border-left:var(--digi--navigation-sidebar--wrapper--border)}}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--backdrop.digi-navigation-sidebar__wrapper--push.sc-digi-navigation-sidebar,.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--backdrop.digi-navigation-sidebar__wrapper--over.sc-digi-navigation-sidebar{box-shadow:var(--digi--navigation-sidebar--wrapper--box-shadow--backdrop)}}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--start.sc-digi-navigation-sidebar{left:0}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--start.digi-navigation-sidebar__wrapper--active.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--margin:0}}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--end.sc-digi-navigation-sidebar{right:0;--digi--navigation-sidebar--wrapper--margin:0 -21.875rem 0 0}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--end.digi-navigation-sidebar__wrapper--active.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--margin:0}}@media screen and (max-width: 47.9375rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--mobile--start.sc-digi-navigation-sidebar{left:0}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--mobile--start.digi-navigation-sidebar__wrapper--active.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--margin:0}}@media screen and (max-width: 47.9375rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--mobile--end.sc-digi-navigation-sidebar{right:0;--digi--navigation-sidebar--wrapper--margin:0 -21.875rem 0 0}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--mobile--end.digi-navigation-sidebar__wrapper--active.sc-digi-navigation-sidebar{--digi--navigation-sidebar--wrapper--margin:0}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--sticky-header.sc-digi-navigation-sidebar .digi-navigation-sidebar__inner.sc-digi-navigation-sidebar{display:flex;flex-direction:column;max-height:100vh}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--sticky-header.sc-digi-navigation-sidebar .digi-navigation-sidebar__header.sc-digi-navigation-sidebar{border-bottom:var(--digi--navigation-sidebar--header--border)}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--sticky-header.sc-digi-navigation-sidebar .digi-navigation-sidebar__content.sc-digi-navigation-sidebar{overflow-y:auto;overflow-x:hidden;max-height:100vh}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--sticky-header.digi-navigation-sidebar__wrapper--static.sc-digi-navigation-sidebar .digi-navigation-sidebar__inner.sc-digi-navigation-sidebar{max-height:unset}}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper--sticky-header.digi-navigation-sidebar__wrapper--static.sc-digi-navigation-sidebar .digi-navigation-sidebar__content.sc-digi-navigation-sidebar{overflow-y:unset;overflow-x:unset;max-height:unset}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper.sc-digi-navigation-sidebar:not(.digi-navigation-sidebar__wrapper--sticky-header) .digi-navigation-sidebar__inner.sc-digi-navigation-sidebar{overflow-y:auto;overflow-x:hidden;max-height:100vh}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__wrapper.sc-digi-navigation-sidebar:not(.digi-navigation-sidebar__wrapper--sticky-header).digi-navigation-sidebar__wrapper--static .digi-navigation-sidebar__inner.sc-digi-navigation-sidebar{overflow-y:unset;overflow-x:unset;max-height:unset}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__header.sc-digi-navigation-sidebar{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--navigation-sidebar--header--padding)}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__header--close-button--end.sc-digi-navigation-sidebar{justify-content:flex-end}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__heading.sc-digi-navigation-sidebar{font-family:var(--digi--navigation-sidebar--heading--font-family);font-size:var(--digi--navigation-sidebar--heading--font-size);font-weight:var(--digi--navigation-sidebar--heading--font-weight);color:var(--digi--navigation-sidebar--heading--color);margin:0 auto 0 0}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__heading.sc-digi-navigation-sidebar:focus{outline:none}@media (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__heading.sc-digi-navigation-sidebar{font-size:var(--digi--navigation-sidebar--heading--font-size--desktop)}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__close-button.sc-digi-navigation-sidebar{--digi--button--padding--medium:var(--digi--navigation-sidebar--close-button--padding);--digi--button--outline--focus:solid 2px var(--digi--color--border--secondary)}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop.sc-digi-navigation-sidebar{visibility:hidden;opacity:0;transition:var(--digi--navigation-sidebar--backdrop--transition);position:relative;z-index:var(--digi--navigation-sidebar--backdrop--z-index)}@media (prefers-reduced-motion){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop.sc-digi-navigation-sidebar{--digi--navigation-sidebar--backdrop--transition:var(--digi--animation--duration--reduced)}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop--active.sc-digi-navigation-sidebar,.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop--active--mobile.sc-digi-navigation-sidebar{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;visibility:visible;opacity:1}@media screen and (min-width: 48rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop.sc-digi-navigation-sidebar{display:none}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop--active.sc-digi-navigation-sidebar{display:block}}@media screen and (max-width: 47.9375rem){.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop.sc-digi-navigation-sidebar{display:none}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop--active--mobile.sc-digi-navigation-sidebar{display:block}}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop--hidden.sc-digi-navigation-sidebar{display:none}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop--hidden--active--mobile.sc-digi-navigation-sidebar{display:block}.sc-digi-navigation-sidebar-h .digi-navigation-sidebar__backdrop--hidden.sc-digi-navigation-sidebar{display:none}";
 const DigiNavigationSidebarStyle0 = navigationSidebarCss;
@@ -277,7 +277,7 @@ const NavigationSidebar = /*@__PURE__*/ proxyCustomElement(class NavigationSideb
         };
     }
     render() {
-        return (h(Host, { key: 'ca00b516aa495ccf590cf19cf7a30e3937e357cc' }, h("digi-util-breakpoint-observer", { key: 'ed6631ae059382bee18ccf1f8b52f3b1432e15d1' }, h("digi-util-keydown-handler", { key: 'ebc3bbdf982ce4bb6a444393f3aefe3f5b9985d7', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'f0b02da5009f42cca48257650c88c659b486c37a', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: 'f0c14345f360938ce297b22ae0aae46bc7bcbc4e', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: 'afd0a3033c4c524d14b2c2cbd99a1908b2bd3b56', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: 'c6423510a68c437dcf0af419b8fdfe988a773905', class: "digi-navigation-sidebar__inner", ref: (el) => {
+        return (h(Host, { key: 'c9f53ba04d7cb94e80fa859ea2a519aa85aef1c3' }, h("digi-util-breakpoint-observer", { key: '9bc336b70a2b065cb47e2a94816ba3eb5db397f9' }, h("digi-util-keydown-handler", { key: 'b035357724fb6fbfa476e51add2ef250910e3677', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '975f89e1a3c90ee6a292f186781013399894c127', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: 'd18fb4929708244473f290fe9d682e11379d8725', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: 'e6065ff724d3e31691d2d04ccc2129241d8de4a7', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '54009eb96d57128b9bf009aa4e37004dc217c702', class: "digi-navigation-sidebar__inner", ref: (el) => {
                 this._wrapper = el;
             } }, this.showHeader ? (h("div", { class: {
                 'digi-navigation-sidebar__header': true,
@@ -286,7 +286,7 @@ const NavigationSidebar = /*@__PURE__*/ proxyCustomElement(class NavigationSideb
                 '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: '22e01c1e776929e8ece63ecf6367df9968649ae0', class: "digi-navigation-sidebar__content" }, h("div", { key: '1ff8998d486ad86a89d8a25d9301d30adba0f661', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: 'cf2f9e547cc5f20f973f799f7ba9a3996cdd0b8e' })), this._hasFooter && (h("div", { key: '925aef582df6a822ed6058f7922cb2d1cfaf7fa0', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '40758d240be05a6d3948165104dcf8ffb5e54961', 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: 'e7ed4702d3e629f702696c09b9f350b86ac8299d', class: "digi-navigation-sidebar__content" }, h("div", { key: 'd09fc1a8bc42bd0e0d442980caea44948673b9c9', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '2150371d18b30e7dc7c730bc2177d85590d5351d' })), this._hasFooter && (h("div", { key: 'da3c9301139289cde6a3eb111358081a7cf1e4b2', class: "digi-navigation-sidebar__footer" }, h("slot", { key: 'd94ba88679e01efebd1c4de70dca7f8924d243b5', name: "footer" })))))))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-navigation-vertical-menu-item.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-a53686b3.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { d as defineCustomElement$3 } from './p-db8aaede.js';
-import { d as defineCustomElement$2 } from './p-40f34110.js';
+import { d as defineCustomElement$3 } from './p-8d67da4c.js';
+import { d as defineCustomElement$2 } from './p-02cac754.js';
 
-const navigationVerticalMenuItemCss = ".sc-digi-navigation-vertical-menu-item-h{--digi--navigation-vertical-menu-item--toggle-icon--character:\"+\";--digi--navigation-vertical-menu-item--toggle-icon--character--active:\"-\";--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--color--icon--cta);--digi--navigation-vertical-menu-item--toggle-icon--color--hover:var(--digi--color--icon--secondary);--digi--navigation-vertical-menu-item--toggle-icon--color--active:var(--digi--color--icon--cta);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--color--background--interactive--default--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--hover:var(--digi--color--background--interactive--hover--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(--digi--color--background--interactive--selected--on-menu-minus-button);--digi--navigation-vertical-menu-item--toggle-icon--size:var(--digi--typography--tag--font-size--desktop);--digi--navigation-vertical-menu-item--toggle-icon--width:1.5rem;--digi--navigation-vertical-menu-item--toggle-icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--margin:0 var(--digi--margin--smaller) 0 0;--digi--navigation-vertical-menu-item--icon--wrapper--width:1.5rem;--digi--navigation-vertical-menu-item--icon--color:var(--digi--color--divider--secondary);--digi--navigation-vertical-menu-item--icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--width:1.5rem;--digi--navigation-vertical-menu-item--active-indicator-background-color:var(--digi--color--marking--navigation--selected);--digi--navigation-vertical-menu-item--active-indicator-width:4px;--digi--navigation-vertical-menu-item--active-indicator-left:0;--digi--navigation-vertical-menu-item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-vertical-menu-item--font-size:var(--digi--global--typography--font-size--base);--digi--navigation-vertical-menu-item--font-weight:var(--digi--global--typography--font-weight--regular);--digi--navigation-vertical-menu-item--font-weight--active:var(--digi--global--typography--font-weight--bold);--digi--navigation-vertical-menu-item--background:transparent;--digi--navigation-vertical-menu-item--background--hover:transparent;--digi--navigation-vertical-menu-item--background--active:var(--digi--color--background--interactive--default--pop-out);--digi--navigation-vertical-menu-item--color:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--color--hover:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--color--active:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--border--width:var(--digi--border-width--primary);--digi--navigation-vertical-menu-item--border--color:var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium);--digi--navigation-vertical-menu-item--padding--toggle:var(--digi--padding--small) 0;--digi--navigation-vertical-menu-item--width:100%;--digi--navigation-vertical-menu-item--divider--margin:var(--digi--margin--small) var(--digi--margin--medium);--digi--navigation-vertical-menu-item--divider--border:solid var(--digi--border-width--primary) var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--outline:initial;--digi--navigation-vertical-menu-item--outline--focus:solid 2px var(--digi--color--border--interactive--default--primary--light);--digi--navigation-vertical-menu-item--outline--focus--offset:-2px}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{display:block}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item[hidden].sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{margin-right:unset}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{justify-content:flex-start;overflow-wrap:normal}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__badge.sc-digi-navigation-vertical-menu-item{margin-left:11px;font-weight:initial}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner.sc-digi-navigation-vertical-menu-item{position:relative}@supports (display: grid){.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner--combined.sc-digi-navigation-vertical-menu-item{display:grid;grid-auto-flow:column;grid-gap:0;grid-template-columns:1fr auto;align-items:stretch}}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__collapse--hidden.sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item{width:var(--digi--navigation-vertical-menu-item--icon--wrapper--width);margin:var(--digi--navigation-vertical-menu-item--icon--margin)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item{margin-right:auto}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item{font-family:var(--digi--navigation-vertical-menu-item--font-family);font-weight:var(--digi--navigation-vertical-menu-item--font-weight);font-size:var(--digi--navigation-vertical-menu-item--font-size);background:var(--digi--navigation-vertical-menu-item--background);color:var(--digi--navigation-vertical-menu-item--color);border:none;padding:var(--digi--navigation-vertical-menu-item--padding);outline:var(--digi--navigation-vertical-menu-item--outline);width:var(--digi--navigation-vertical-menu-item--width);text-align:left;display:flex;justify-content:space-between;box-sizing:border-box;text-decoration:none;overflow-wrap:anywhere}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item{pointer-events:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{cursor:pointer}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{text-decoration:underline;--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--hover);--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:var(--digi--navigation-vertical-menu-item--outline--focus);outline-offset:var(--digi--navigation-vertical-menu-item--outline--focus--offset)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active);--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active)}.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:var(--digi--navigation-vertical-menu-item--active-indicator-left);top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--active)}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:0;top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--toggle.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium));display:flex;align-items:stretch;justify-content:center;padding:var(--digi--navigation-vertical-menu-item--padding--toggle)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item{padding-right:0}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium))}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--active);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{position:relative;display:flex;justify-content:center;color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-plus.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-minus.sc-digi-navigation-vertical-menu-item{--digi--icon--width:var(--digi--navigation-vertical-menu-item--toggle-icon--size);--digi--icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item::before{content:\"\";display:flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height);border-radius:var(--digi--navigation-vertical-menu-item--toggle-icon--width);background:var(--digi--navigation-vertical-menu-item--toggle-icon--background)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item>span.sc-digi-navigation-vertical-menu-item{display:inline-flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__divider.sc-digi-navigation-vertical-menu-item{margin:var(--digi--navigation-vertical-menu-item--divider--margin);border:none;border-top:var(--digi--navigation-vertical-menu-item--divider--border)}.digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item-s>[slot^=icon],.digi-navigation-vertical-menu-item__icon .sc-digi-navigation-vertical-menu-item-s>[slot^=icon]{--digi--icon--color:var(--digi--navigation-vertical-menu-item--icon--color);--digi--icon--width:var(--digi--navigation-vertical-menu-item--icon--width);--digi--icon--height:var(--digi--navigation-vertical-menu-item--icon--height)}";
+const navigationVerticalMenuItemCss = ".sc-digi-navigation-vertical-menu-item-h{--digi--navigation-vertical-menu-item--toggle-icon--character:\"+\";--digi--navigation-vertical-menu-item--toggle-icon--character--active:\"-\";--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--toggle-icon--color--hover:var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--toggle-icon--color--active:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--color--background--interactive--default--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--hover:var(--digi--color--background--interactive--hover--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(--digi--color--background--interactive--selected--on-menu-minus-button);--digi--navigation-vertical-menu-item--toggle-icon--size:var(--digi--typography--tag--font-size--desktop);--digi--navigation-vertical-menu-item--toggle-icon--width:1.5rem;--digi--navigation-vertical-menu-item--toggle-icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--margin:0 var(--digi--margin--smaller) 0 0;--digi--navigation-vertical-menu-item--icon--wrapper--width:1.5rem;--digi--navigation-vertical-menu-item--icon--color:var(--digi--color--divider--secondary);--digi--navigation-vertical-menu-item--icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--width:1.5rem;--digi--navigation-vertical-menu-item--active-indicator-background-color:var(--digi--color--marking--navigation--selected);--digi--navigation-vertical-menu-item--active-indicator-width:4px;--digi--navigation-vertical-menu-item--active-indicator-left:0;--digi--navigation-vertical-menu-item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-vertical-menu-item--font-size:var(--digi--global--typography--font-size--base);--digi--navigation-vertical-menu-item--font-weight:var(--digi--global--typography--font-weight--regular);--digi--navigation-vertical-menu-item--font-weight--active:var(--digi--global--typography--font-weight--bold);--digi--navigation-vertical-menu-item--background:transparent;--digi--navigation-vertical-menu-item--background--hover:transparent;--digi--navigation-vertical-menu-item--background--active:var(--digi--color--background--interactive--default--pop-out);--digi--navigation-vertical-menu-item--color:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--color--hover:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--color--active:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--border--width:var(--digi--border-width--primary);--digi--navigation-vertical-menu-item--border--color:var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium);--digi--navigation-vertical-menu-item--padding--toggle:var(--digi--padding--small) 0;--digi--navigation-vertical-menu-item--width:100%;--digi--navigation-vertical-menu-item--divider--margin:var(--digi--margin--small) var(--digi--margin--medium);--digi--navigation-vertical-menu-item--divider--border:solid var(--digi--border-width--primary) var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--outline:initial;--digi--navigation-vertical-menu-item--outline--focus:solid 2px var(--digi--color--border--interactive--default--primary--light);--digi--navigation-vertical-menu-item--outline--focus--offset:-2px}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{display:block}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item[hidden].sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{margin-right:unset}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{justify-content:flex-start;overflow-wrap:normal}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__badge.sc-digi-navigation-vertical-menu-item{margin-left:11px;font-weight:initial}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner.sc-digi-navigation-vertical-menu-item{position:relative}@supports (display: grid){.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner--combined.sc-digi-navigation-vertical-menu-item{display:grid;grid-auto-flow:column;grid-gap:0;grid-template-columns:1fr auto;align-items:stretch}}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__collapse--hidden.sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item{width:var(--digi--navigation-vertical-menu-item--icon--wrapper--width);margin:var(--digi--navigation-vertical-menu-item--icon--margin)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item{margin-right:auto}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item{font-family:var(--digi--navigation-vertical-menu-item--font-family);font-weight:var(--digi--navigation-vertical-menu-item--font-weight);font-size:var(--digi--navigation-vertical-menu-item--font-size);background:var(--digi--navigation-vertical-menu-item--background);color:var(--digi--navigation-vertical-menu-item--color);border:none;padding:var(--digi--navigation-vertical-menu-item--padding);outline:var(--digi--navigation-vertical-menu-item--outline);width:var(--digi--navigation-vertical-menu-item--width);text-align:left;display:flex;justify-content:space-between;box-sizing:border-box;text-decoration:none;overflow-wrap:anywhere}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item{pointer-events:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{cursor:pointer}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{text-decoration:underline;--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--hover);--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:var(--digi--navigation-vertical-menu-item--outline--focus);outline-offset:var(--digi--navigation-vertical-menu-item--outline--focus--offset)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active);--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active)}.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:var(--digi--navigation-vertical-menu-item--active-indicator-left);top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--active)}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:0;top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--toggle.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium));display:flex;align-items:stretch;justify-content:center;padding:var(--digi--navigation-vertical-menu-item--padding--toggle)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item{padding-right:0}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium))}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--active);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{position:relative;display:flex;justify-content:center;color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-plus.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-minus.sc-digi-navigation-vertical-menu-item{--digi--icon--width:var(--digi--navigation-vertical-menu-item--toggle-icon--size);--digi--icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item::before{content:\"\";display:flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height);border-radius:var(--digi--navigation-vertical-menu-item--toggle-icon--width);background:var(--digi--navigation-vertical-menu-item--toggle-icon--background)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item>span.sc-digi-navigation-vertical-menu-item{display:inline-flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__divider.sc-digi-navigation-vertical-menu-item{margin:var(--digi--navigation-vertical-menu-item--divider--margin);border:none;border-top:var(--digi--navigation-vertical-menu-item--divider--border)}.digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item-s>[slot^=icon],.digi-navigation-vertical-menu-item__icon .sc-digi-navigation-vertical-menu-item-s>[slot^=icon]{--digi--icon--color:var(--digi--navigation-vertical-menu-item--icon--color);--digi--icon--width:var(--digi--navigation-vertical-menu-item--icon--width);--digi--icon--height:var(--digi--navigation-vertical-menu-item--icon--height)}";
 const DigiNavigationVerticalMenuItemStyle0 = navigationVerticalMenuItemCss;
 
 const NavigationVerticalMenuItem = /*@__PURE__*/ proxyCustomElement(class NavigationVerticalMenuItem extends H {
@@ -119,24 +119,24 @@ const NavigationVerticalMenuItem = /*@__PURE__*/ proxyCustomElement(class Naviga
         }
     }
     render() {
-        return (h("host", { key: '831f600bb3be81e7eb6b39b1125c056e7dfa3564', class: {
+        return (h("host", { key: '67c7871d23f512607046d45d50085b70f370b7af', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: 'c636dcbad3f5060a1568bb10e92feee35f10dd61', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '0740173821da4e2879360fe0a5ad43d654b218ee', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: 'f82cdfb6ed836e5c481ae12a60fba655eda8e4aa', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: '3f43c7c256fa35ed9653615f370ae49b0f832dee', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: 'c5af8667325b2de5ac2ec0706ef9bbf5a19db4af', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '80a62def33a8a4752c6df50536fe20b5399c8503', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__has-subnav': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive,
                 'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'b778e1e5497d1936979ed1bec64dd1a6786b2974', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0de5873363746a89ceff108ff720d26c5e3c033e', name: "icon" })), h("span", { key: '63104dbf34e6c7deccbda3095c4fd0d8d2ae8ccf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '9d45b2cc780a9d03b9abdcddcf16600953a3f71c', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '02411e2ddf9a55929b43202e5d6fb94930849055', name: "badge" }))), h("button", { key: 'd45ed8d0afa7b0daa5bbb21532354f55ec01a8a3', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '3370b52d57b8d872cce81388a119f4dbeb7b8475', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '3d4f1f87e16eef944578702e14399087d9ca938c', name: "icon" })), h("span", { key: 'f51cfb09590f361d86bf121863a6ed357d0637fc', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '82d057cc45df77c2ceeb7804fd4dab063924393d', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '94fd64b983ba088f8612313d2a374f32e90810e1', name: "badge" }))), h("button", { key: '6578c99213d6dc02f1a370fea214744137b3f397', type: "button", id: `${this.afId}-toggle-button`, class: {
                 'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
                 'digi-navigation-vertical-menu-item__button--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: '637181e113d06884ea746addd703782e71fce6f8', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '277050ea6a5e5f5937d4f9ba1800229fc46bead3', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'edd3cded5d09fa987e148c6bd57c70e3873cd9f0', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '6669e3e1c091f1e3e3c9fb728e5aaad6ce1cedf7', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: '722adf95ad9d1a50f2b4dbb1e82c43a06e6f8f22', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'f0887a508f78e2e4d085a56ae28bfe62ec5f7c6a', name: "icon" })), h("span", { key: '75819f2f65263af970b274195c1cdd37b1aca54b', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'b9a2cb1da360f5ac4cf7abf02ea5c07d9bb1725b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '811ce3dea1dfdc945493010ece752d947fb8dd48', name: "badge" })), h("span", { key: '7861ac8a986f1ba4a4043d1ef60d0899efb2e54c', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '7572ae648dea2fe6c494d1ab78c154391dd3edba' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: 'f6e6318c57e612d8b449b9a009b19311678c87d8', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '334bc20a2df68386cae4a7d2499f851d24a108a0', id: `${this.afId}-link`, href: this.afHref, class: {
+            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: 'eac1099ec83f96c2a7e8044fd1927353fd97d340', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '76b940edf5499dfd7b970fd91fc3745a29671fca', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'edbaf19156900edc40fe2a0bb73e30d0d8fbaa6a', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: 'c1efb592002b27b53eaa8d3f2a899ec6f4f40c3b', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: 'c0c76a8f3eddd80eb5a8e8cd914c5bfaf8e43ae2', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'a7c6cfa627bdf6574e0e7c724344cbe436a8d90b', name: "icon" })), h("span", { key: 'c00bd28763f9e5c559be63f19e0b0f35d1cc5550', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'fd383bae0f2d73f70faef8aa9d076d1d9ec1d75b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '5d4b04fd5693cc938390904f471d38c191295117', name: "badge" })), h("span", { key: 'f501d62e7d5abc1ef26c42f51d18ea3ea85773fb', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '3c6860f4237f943ac7e85f60e595a7f0ec4584d2' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: 'a314f823071c1a79942e2cd75907fe1edea5ec1e', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '3af0a0e21bf18764b514970eafa30832aa1d3c74', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '53ab9bf11c7690dc417375be3f1affd7fe21ec6d', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'b08623e61374243b1fb4f681a1ad66e91c452fc4', name: "icon" })), h("span", { key: '818c610c8473b7c31fbcc80aaf84b6d86a025737', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'f866b6689358c3461dcc19487a466699a46b27e8', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '13943e887a862cfe1654862dcdf899c27c607a70', name: "badge" })))), this.isActive && (h("a", { key: 'bf9a7ba9b7e4fd72c113afabd51a02bbfbb0f957', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '78d55a5465cb6699acefcbf2481befbb13f53258', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0d1de01ecc905cb30e15ddb7029c70f2026159ee', name: "icon" })), h("span", { key: 'ed2b9c17d1cff67efe8db9091184d11a72e001f3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'deae35cd3cfaaccbfd742b64bcf46219bc243bed', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'b3ef712cfe5441750295b9dbd3aef421af084624', name: "badge" })))), this.isActive && (h("a", { key: '6115a77664458d3db0deb4f8dd5d0148b3b0851b', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '20ff961f85090e27a0dbeaea8f8974a025113e1f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '4f16c6e58f5789c7564136daafa900b3d0dd3038', name: "icon" })), h("span", { key: '2ed83aee8e224497f97b9c34f92dd7808eb4614e', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '6d0ec7a4ca665bd297fbf6c12ed5a5281ed15da3', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'a37605a7371b7a835abb80a443e98125a634cc27', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '92cb991faaef6f6b9ca34d0ddfcfa575b5ed2afe', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '68861f6a119f711d46f0b29529b53aa664ff7db3', name: "icon" })), h("span", { key: '9db9cf3727a39627305318f0db3e9e0a2e9c87ff', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '70fb7bd332b8af769b428752f70dfcb3a46ea431', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '84c4d6cd185c018f18840c6b813ea371736e4ae0', name: "badge" })))))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-navigation-vertical-menu.js

@@ -165,7 +165,7 @@ const NavigationVerticalMenu = /*@__PURE__*/ proxyCustomElement(class Navigation
         };
     }
     render() {
-        return (h("nav", { key: '13a48e092811f77f6520ae71bd9bc93514c452cf', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '13bef2c7ef6ace04ebf250e9a106836ad4be5137' })));
+        return (h("nav", { key: '0c7b96501a70d813b8d8f5b8014dc420d472f4a9', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '2b5d92cada1cde5bb5155257be77a584c2e708ec' })));
     }
     get hostElement() { return this; }
     static get style() { return DigiNavigationVerticalMenuStyle0; }

package/components/digi-notification-alert.js

@@ -1,4 +1,4 @@
-import { N as NotificationAlert, d as defineCustomElement$1 } from './p-6bc35478.js';
+import { N as NotificationAlert, d as defineCustomElement$1 } from './p-04e78688.js';
 
 const DigiNotificationAlert = NotificationAlert;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-notification-error-page.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-a53686b3.js';
-import { E as ErrorPageStatusCodes } from './p-5a256d98.js';
+import { E as ErrorPageStatusCodes } from './p-768f56d4.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { h } from './p-6ee85572.js';
 import './p-717306ef.js';
@@ -31,6 +31,7 @@ import './p-2a023831.js';
 import './p-5ba6737a.js';
 import './p-e4a9f8f0.js';
 import './p-f2a6768b.js';
+import './p-9dd41cc4.js';
 import './p-40657c82.js';
 import './p-f600576a.js';
 import './p-3b20ec86.js';
@@ -44,14 +45,14 @@ import './p-820e795b.js';
 import './p-46cbbcb5.js';
 import './p-d74742b8.js';
 import './p-6e383896.js';
-import './p-d7ef9cb1.js';
+import './p-4bad4fb0.js';
 import './p-d1886fff.js';
 import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import { U as UtilBreakpointObserverBreakpoints } from './p-cdcaf0eb.js';
-import { d as defineCustomElement$4 } from './p-10fcee12.js';
-import { d as defineCustomElement$3 } from './p-ab9c3e15.js';
-import { d as defineCustomElement$2 } from './p-78e97002.js';
+import { d as defineCustomElement$4 } from './p-222f510d.js';
+import { d as defineCustomElement$3 } from './p-a247bdd0.js';
+import { d as defineCustomElement$2 } from './p-0e6a31ff.js';
 
 /* eslint-disable max-len */
 const notificationIllustrations = {
@@ -272,25 +273,25 @@ const notificationIllustrations = {
                     h("path", { d: "M104.495 242.875C107.423 242.875 109.797 240.502 109.797 237.574C109.797 234.646 107.423 232.272 104.495 232.272C101.567 232.272 99.1939 234.646 99.1939 237.574C99.1939 240.502 101.567 242.875 104.495 242.875Z", fill: "#333333" }),
                     h("path", { d: "M95.5713 124.28H113.42", stroke: "#333333", "stroke-width": "2.191", "stroke-miterlimit": "10" }),
                     h("path", { d: "M88.6501 125.969C89.5615 125.969 90.3003 125.23 90.3003 124.319C90.3003 123.407 89.5615 122.668 88.6501 122.668C87.7388 122.668 86.9999 123.407 86.9999 124.319C86.9999 125.23 87.7388 125.969 88.6501 125.969Z", fill: "#333333" }),
-                    h("path", { d: "M500.585 89.3286L480.677 108.656", class: "infography-tertiary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }),
-                    h("path", { d: "M472.77 73.814L466.171 100.387", class: "infography-tertiary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }),
-                    h("path", { d: "M514.736 116.078L487.508 123.036", class: "infography-tertiary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }),
+                    h("path", { d: "M500.585 89.3286L480.677 108.656", class: "infography-primary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }),
+                    h("path", { d: "M472.77 73.814L466.171 100.387", class: "infography-primary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }),
+                    h("path", { d: "M514.736 116.078L487.508 123.036", class: "infography-primary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }),
                     h("mask", { id: "mask0_5542_2220", maskUnits: "userSpaceOnUse", x: "381", y: "185", width: "6", height: "8" },
                         h("path", { d: "M383.602 189.498C383.602 190.604 384.03 191.614 384.737 192.383C382.808 192.28 381.277 190.727 381.277 188.827C381.277 186.86 382.918 185.264 384.944 185.264C385.42 185.264 385.876 185.354 386.293 185.514C384.711 186.182 383.602 187.717 383.602 189.498Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask0_5542_2220)" },
-                        h("path", { d: "M387.033 184.525H380.537V193.122H387.033V184.525Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M387.033 184.525H380.537V193.122H387.033V184.525Z", class: "infography-secondary" })),
                     h("mask", { id: "mask1_5542_2220", maskUnits: "userSpaceOnUse", x: "385", y: "186", width: "4", height: "6" },
                         h("path", { d: "M388.613 188.828C388.613 190.168 387.85 191.339 386.72 191.945C385.824 191.473 385.214 190.553 385.214 189.498C385.214 188.02 386.406 186.809 387.905 186.725C388.351 187.315 388.614 188.041 388.614 188.828", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask1_5542_2220)" },
-                        h("path", { d: "M389.352 185.985H384.474V192.685H389.352V185.985Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M389.352 185.985H384.474V192.685H389.352V185.985Z", class: "infography-secondary" })),
                     h("mask", { id: "mask2_5542_2220", maskUnits: "userSpaceOnUse", x: "380", y: "160", width: "7", height: "23" },
                         h("path", { d: "M384.56 180.876C384.672 181.329 384.87 181.743 385.138 182.103C385.073 182.108 385.009 182.11 384.945 182.11C384.282 182.11 383.674 181.888 383.195 181.515C382.714 181.142 382.361 180.621 382.212 180.022C382.161 179.816 381.024 164.634 381.024 164.634C380.994 164.447 380.98 164.252 380.98 164.056C380.98 161.931 382.755 160.206 384.945 160.206C385.417 160.206 385.867 160.286 386.286 160.434C384.539 161.122 383.306 162.787 383.306 164.727C383.306 164.948 383.321 165.172 383.354 165.391C384.493 180.608 384.539 180.795 384.56 180.876Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask2_5542_2220)" },
-                        h("path", { d: "M387.025 159.466H380.241V182.849H387.025V159.466Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M387.025 159.466H380.241V182.849H387.025V159.466Z", class: "infography-secondary" })),
                     h("mask", { id: "mask3_5542_2220", maskUnits: "userSpaceOnUse", x: "384", y: "161", width: "5", height: "21" },
                         h("path", { d: "M388.91 164.055C388.91 164.236 388.896 164.413 388.873 164.585L387.678 180.022C387.531 180.607 387.19 181.12 386.725 181.492C386.447 181.246 386.237 180.922 386.136 180.546C386.057 179.829 385.394 171.063 384.958 165.246L384.952 165.187C384.927 165.033 384.915 164.879 384.915 164.725C384.915 163.044 386.315 161.674 388.044 161.656C388.585 162.313 388.91 163.149 388.91 164.055Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask3_5542_2220)" },
-                        h("path", { d: "M389.65 160.918H384.176V182.231H389.65V160.918Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M389.65 160.918H384.176V182.231H389.65V160.918Z", class: "infography-secondary" })),
                     h("mask", { id: "mask4_5542_2220", maskUnits: "userSpaceOnUse", x: "383", y: "185", width: "10", height: "9" },
                         h("path", { d: "M388.077 185.153C387.443 185.153 386.839 185.282 386.293 185.515C384.711 186.184 383.602 187.717 383.602 189.498C383.602 190.604 384.03 191.613 384.737 192.383C385.554 193.277 386.749 193.842 388.077 193.842C390.544 193.842 392.552 191.893 392.552 189.498C392.552 187.102 390.544 185.153 388.077 185.153ZM388.077 192.277C387.585 192.277 387.122 192.156 386.719 191.945C385.824 191.473 385.213 190.552 385.213 189.498C385.213 188.02 386.406 186.809 387.904 186.724C387.962 186.719 388.02 186.717 388.077 186.717C389.656 186.717 390.941 187.964 390.941 189.498C390.941 191.032 389.656 192.277 388.077 192.277Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask4_5542_2220)" },
@@ -303,19 +304,19 @@ const notificationIllustrations = {
                     h("mask", { id: "mask6_5542_2220", maskUnits: "userSpaceOnUse", x: "101", y: "188", width: "5", height: "6" },
                         h("path", { d: "M103.208 191.651C103.208 192.442 103.514 193.162 104.018 193.712C102.641 193.639 101.548 192.53 101.548 191.173C101.548 189.768 102.72 188.63 104.166 188.63C104.506 188.63 104.832 188.694 105.129 188.809C104 189.286 103.207 190.381 103.207 191.652", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask6_5542_2220)" },
-                        h("path", { d: "M105.658 188.102H101.021V194.24H105.658V188.102Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M105.658 188.102H101.021V194.24H105.658V188.102Z", class: "infography-secondary" })),
                     h("mask", { id: "mask7_5542_2220", maskUnits: "userSpaceOnUse", x: "104", y: "189", width: "3", height: "5" },
                         h("path", { d: "M106.786 191.173C106.786 192.131 106.241 192.966 105.434 193.399C104.794 193.062 104.359 192.406 104.359 191.652C104.359 190.598 105.21 189.732 106.28 189.672C106.599 190.093 106.786 190.612 106.786 191.174", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask7_5542_2220)" },
-                        h("path", { d: "M107.314 189.143H103.831V193.927H107.314V189.143Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M107.314 189.143H103.831V193.927H107.314V189.143Z", class: "infography-secondary" })),
                     h("mask", { id: "mask8_5542_2220", maskUnits: "userSpaceOnUse", x: "101", y: "170", width: "5", height: "17" },
                         h("path", { d: "M103.891 185.496C103.972 185.82 104.113 186.114 104.304 186.372C104.258 186.375 104.212 186.377 104.167 186.377C103.693 186.377 103.259 186.219 102.917 185.952C102.574 185.685 102.322 185.314 102.215 184.886C102.179 184.739 101.367 173.9 101.367 173.9C101.346 173.766 101.335 173.628 101.335 173.487C101.335 171.969 102.602 170.738 104.166 170.738C104.503 170.738 104.825 170.796 105.124 170.901C103.877 171.392 102.996 172.581 102.996 173.966C102.996 174.124 103.007 174.283 103.03 174.439C103.843 185.305 103.877 185.439 103.891 185.496Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask8_5542_2220)" },
-                        h("path", { d: "M105.652 170.209H100.808V186.905H105.652V170.209Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M105.652 170.209H100.808V186.905H105.652V170.209Z", class: "infography-secondary" })),
                     h("mask", { id: "mask9_5542_2220", maskUnits: "userSpaceOnUse", x: "104", y: "171", width: "3", height: "15" },
                         h("path", { d: "M106.998 173.486C106.998 173.616 106.988 173.741 106.972 173.865L106.119 184.886C106.014 185.304 105.771 185.67 105.438 185.936C105.24 185.761 105.09 185.53 105.018 185.261C104.962 184.749 104.489 178.49 104.177 174.337L104.173 174.295C104.156 174.185 104.147 174.075 104.147 173.966C104.147 172.766 105.146 171.787 106.381 171.775C106.767 172.244 106.999 172.841 106.999 173.487", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask9_5542_2220)" },
-                        h("path", { d: "M107.526 171.246H103.618V186.463H107.526V171.246Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M107.526 171.246H103.618V186.463H107.526V171.246Z", class: "infography-secondary" })),
                     h("mask", { id: "mask10_5542_2220", maskUnits: "userSpaceOnUse", x: "103", y: "188", width: "7", height: "7" },
                         h("path", { d: "M106.403 188.55C105.952 188.55 105.519 188.642 105.13 188.808C104 189.286 103.208 190.38 103.208 191.652C103.208 192.442 103.514 193.163 104.019 193.712C104.603 194.351 105.455 194.754 106.404 194.754C108.166 194.754 109.599 193.363 109.599 191.652C109.599 189.942 108.166 188.55 106.404 188.55M106.403 193.637C106.051 193.637 105.722 193.551 105.434 193.399C104.795 193.062 104.359 192.405 104.359 191.652C104.359 190.597 105.21 189.732 106.279 189.672C106.321 189.669 106.362 189.667 106.403 189.667C107.531 189.667 108.448 190.557 108.448 191.652C108.448 192.748 107.531 193.637 106.403 193.637Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask10_5542_2220)" },
@@ -328,19 +329,19 @@ const notificationIllustrations = {
                     h("mask", { id: "mask12_5542_2220", maskUnits: "userSpaceOnUse", x: "227", y: "129", width: "7", height: "9" },
                         h("path", { d: "M230.165 134.121C230.165 135.408 230.663 136.584 231.486 137.478C229.242 137.359 227.46 135.551 227.46 133.341C227.46 131.053 229.37 129.196 231.728 129.196C232.283 129.196 232.813 129.3 233.298 129.487C231.457 130.265 230.165 132.049 230.165 134.121Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask12_5542_2220)" },
-                        h("path", { d: "M234.157 128.335H226.6V138.339H234.157V128.335Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M234.157 128.335H226.6V138.339H234.157V128.335Z", class: "infography-secondary" })),
                     h("mask", { id: "mask13_5542_2220", maskUnits: "userSpaceOnUse", x: "232", y: "130", width: "4", height: "7" },
                         h("path", { d: "M235.997 133.341C235.997 134.902 235.107 136.264 233.792 136.968C232.75 136.42 232.041 135.348 232.041 134.121C232.041 132.403 233.428 130.993 235.172 130.894C235.691 131.58 235.997 132.425 235.997 133.341Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask13_5542_2220)" },
-                        h("path", { d: "M236.856 130.034H231.18V137.829H236.856V130.034Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M236.856 130.034H231.18V137.829H236.856V130.034Z", class: "infography-secondary" })),
                     h("mask", { id: "mask14_5542_2220", maskUnits: "userSpaceOnUse", x: "227", y: "100", width: "7", height: "26" },
                         h("path", { d: "M231.28 124.089C231.411 124.616 231.641 125.097 231.952 125.517C231.877 125.522 231.802 125.524 231.728 125.524C230.957 125.524 230.249 125.266 229.692 124.832C229.132 124.398 228.722 123.792 228.548 123.095C228.489 122.856 227.166 105.191 227.166 105.191C227.131 104.973 227.115 104.746 227.115 104.518C227.115 102.044 229.18 100.037 231.728 100.037C232.276 100.037 232.802 100.131 233.289 100.302C231.256 101.103 229.821 103.04 229.821 105.297C229.821 105.555 229.839 105.814 229.876 106.07C231.202 123.776 231.256 123.996 231.28 124.089Z", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask14_5542_2220)" },
-                        h("path", { d: "M234.149 99.1765H226.254V126.384H234.149V99.1765Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M234.149 99.1765H226.254V126.384H234.149V99.1765Z", class: "infography-secondary" })),
                     h("mask", { id: "mask15_5542_2220", maskUnits: "userSpaceOnUse", x: "231", y: "101", width: "6", height: "24" },
                         h("path", { d: "M236.342 104.517C236.342 104.728 236.326 104.933 236.3 105.133L234.909 123.094C234.738 123.776 234.341 124.371 233.8 124.805C233.476 124.519 233.232 124.142 233.115 123.706C233.023 122.871 232.252 112.672 231.743 105.903L231.738 105.835C231.709 105.656 231.695 105.477 231.695 105.298C231.695 103.342 233.323 101.748 235.336 101.728C235.965 102.492 236.343 103.465 236.343 104.517", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask15_5542_2220)" },
-                        h("path", { d: "M237.202 100.867H230.834V125.666H237.202V100.867Z", class: "infography-tertiary-fill" })),
+                        h("path", { d: "M237.202 100.867H230.834V125.666H237.202V100.867Z", class: "infography-secondary" })),
                     h("mask", { id: "mask16_5542_2220", maskUnits: "userSpaceOnUse", x: "230", y: "129", width: "11", height: "11" },
                         h("path", { d: "M235.372 129.065C234.636 129.065 233.931 129.216 233.297 129.486C231.456 130.264 230.165 132.048 230.165 134.121C230.165 135.408 230.664 136.583 231.486 137.478C232.437 138.518 233.827 139.175 235.372 139.175C238.243 139.175 240.58 136.908 240.58 134.12C240.58 131.332 238.243 129.065 235.372 129.065ZM235.372 137.356C234.799 137.356 234.262 137.216 233.792 136.969C232.751 136.421 232.041 135.348 232.041 134.122C232.041 132.403 233.428 130.994 235.171 130.895C235.239 130.889 235.305 130.887 235.372 130.887C237.21 130.887 238.704 132.338 238.704 134.123C238.704 135.908 237.21 137.358 235.372 137.358", fill: "#ffffff" })),
                     h("g", { mask: "url(#mask16_5542_2220)" },
@@ -357,7 +358,7 @@ const notificationIllustrations = {
     }
 };
 
-const notificationErrorPageCss = ".sc-digi-notification-error-page-h{--digi--notification-error-page--max-width:var(--digi--container-width--larger);--digi--notification-error-page--gutter:calc(var(--digi--container-gutter--larger) + 3rem);--digi--notification-error-page--padding-top--tablet:238px;--digi--notification-error-page--padding-top--desktop:144px;--digi--notification-error-page--padding-top--mobile:48px}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page{margin:0;--digi--container-width--largest:var(--digi--notification-error-page--max-width);--digi--container-gutter--largest:var(--digi--notification-error-page--gutter);max-width:var(--digi--notification-error-page--max-width);padding-left:var(--digi--notification-error-page--gutter);padding-right:var(--digi--notification-error-page--gutter)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page{padding-top:var(--digi--notification-error-page--padding-top--mobile);padding-bottom:var(--digi--notification-error-page--padding-top--mobile);display:flex;flex-wrap:wrap;width:100%}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__content.sc-digi-notification-error-page{width:100%}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page{width:100%;margin-bottom:20px}.sc-digi-notification-error-page-h .digi-notification-error-page__picture.sc-digi-notification-error-page{margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page--mobile.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page svg.sc-digi-notification-error-page{width:auto;height:auto;max-height:100px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__heading.sc-digi-notification-error-page{margin:0;margin-bottom:16px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__bodytext.sc-digi-notification-error-page{margin:0;margin-bottom:48px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__search.sc-digi-notification-error-page{margin:0;margin-bottom:24px;max-width:407px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page{margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page [slot=links].sc-digi-notification-error-page,.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page-s>[slot^=links],.sc-digi-notification-error-page-h .digi-notification-error-page__content__links .sc-digi-notification-error-page-s>[slot^=links],.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page ul.sc-digi-notification-error-page,.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page ol.sc-digi-notification-error-page{list-style:none;padding:0;margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page [slot=links].sc-digi-notification-error-page,.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page-s>[slot^=links],.sc-digi-notification-error-page-h .digi-notification-error-page .sc-digi-notification-error-page-s>[slot^=links]{list-style:none;padding:0;margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-primary.sc-digi-notification-error-page{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-primary-stroke.sc-digi-notification-error-page{stroke:var(--digi--color--infographic--brand--primary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-secondary.sc-digi-notification-error-page{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-secondary-stroke.sc-digi-notification-error-page{stroke:var(--digi--color--infographic--brand--secondary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-tertiary-stroke.sc-digi-notification-error-page{stroke:var(--digi--color--infographic--brand--tertiary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-tertiary-fill.sc-digi-notification-error-page{fill:var(--digi--color--infographic--brand--tertiary)}@media (min-width: 48rem){.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page{--digi--container-width--largest:var(--digi--notification-error-page--max-width);--digi--container-gutter--largest:var(--digi--notification-error-page--gutter)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page{padding-top:var(--digi--notification-error-page--padding-top--tablet);gap:54px;justify-content:space-between}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__content.sc-digi-notification-error-page{flex:1 0 0;width:auto;order:1}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page{width:auto;order:2;margin-bottom:0}}@media (min-width: 75rem){.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page{--digi--container-width--largest:var(--digi--notification-error-page--max-width);--digi--container-gutter--largest:var(--digi--notification-error-page--gutter)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page{padding-top:var(--digi--notification-error-page--padding-top--desktop)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__content.sc-digi-notification-error-page{flex:1 0 0;width:auto;order:1;max-width:510px}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page{width:auto;order:2}}";
+const notificationErrorPageCss = ".sc-digi-notification-error-page-h{--digi--notification-error-page--max-width:var(--digi--container-width--larger);--digi--notification-error-page--gutter:calc(var(--digi--container-gutter--larger) + 3rem);--digi--notification-error-page--padding-top--tablet:238px;--digi--notification-error-page--padding-top--desktop:144px;--digi--notification-error-page--padding-top--mobile:48px}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page{margin:0;--digi--container-width--largest:var(--digi--notification-error-page--max-width);--digi--container-gutter--largest:var(--digi--notification-error-page--gutter);max-width:var(--digi--notification-error-page--max-width);padding-left:var(--digi--notification-error-page--gutter);padding-right:var(--digi--notification-error-page--gutter)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page{padding-top:var(--digi--notification-error-page--padding-top--mobile);padding-bottom:var(--digi--notification-error-page--padding-top--mobile);display:flex;flex-wrap:wrap;width:100%}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__content.sc-digi-notification-error-page{width:100%}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page{width:100%;margin-bottom:20px}.sc-digi-notification-error-page-h .digi-notification-error-page__picture.sc-digi-notification-error-page{margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page--mobile.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page svg.sc-digi-notification-error-page{width:auto;height:auto;max-height:100px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__heading.sc-digi-notification-error-page{margin:0;margin-bottom:16px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__bodytext.sc-digi-notification-error-page{margin:0;margin-bottom:48px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__search.sc-digi-notification-error-page{margin:0;margin-bottom:24px;max-width:407px}.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page{margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page [slot=links].sc-digi-notification-error-page,.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page-s>[slot^=links],.sc-digi-notification-error-page-h .digi-notification-error-page__content__links .sc-digi-notification-error-page-s>[slot^=links],.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page ul.sc-digi-notification-error-page,.sc-digi-notification-error-page-h .digi-notification-error-page__content__links.sc-digi-notification-error-page ol.sc-digi-notification-error-page{list-style:none;padding:0;margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page [slot=links].sc-digi-notification-error-page,.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page-s>[slot^=links],.sc-digi-notification-error-page-h .digi-notification-error-page .sc-digi-notification-error-page-s>[slot^=links]{list-style:none;padding:0;margin:0}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-primary.sc-digi-notification-error-page{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-primary-stroke.sc-digi-notification-error-page{stroke:var(--digi--color--infographic--brand--primary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-secondary.sc-digi-notification-error-page{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page .infography-secondary-stroke.sc-digi-notification-error-page{stroke:var(--digi--color--infographic--brand--secondary)}@media (min-width: 48rem){.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page{--digi--container-width--largest:var(--digi--notification-error-page--max-width);--digi--container-gutter--largest:var(--digi--notification-error-page--gutter)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page{padding-top:var(--digi--notification-error-page--padding-top--tablet);gap:54px;justify-content:space-between}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__content.sc-digi-notification-error-page{flex:1 0 0;width:auto;order:1}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page{width:auto;order:2;margin-bottom:0}}@media (min-width: 75rem){.sc-digi-notification-error-page-h .digi-notification-error-page.sc-digi-notification-error-page{--digi--container-width--largest:var(--digi--notification-error-page--max-width);--digi--container-gutter--largest:var(--digi--notification-error-page--gutter)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page{padding-top:var(--digi--notification-error-page--padding-top--desktop)}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__content.sc-digi-notification-error-page{flex:1 0 0;width:auto;order:1;max-width:510px}.sc-digi-notification-error-page-h .digi-notification-error-page__grid.sc-digi-notification-error-page .digi-notification-error-page__picture.sc-digi-notification-error-page{width:auto;order:2}}";
 const DigiNotificationErrorPageStyle0 = notificationErrorPageCss;
 
 const NotificationErrorPage = /*@__PURE__*/ proxyCustomElement(class NotificationErrorPage extends H {
@@ -478,15 +479,15 @@ const NotificationErrorPage = /*@__PURE__*/ proxyCustomElement(class Notificatio
         }
     }
     render() {
-        return (h$1(Host, { key: '7132d02556205f3a8df00a9ae2829d8afc6139cc' }, h$1("digi-layout-container", { key: 'e943d320a879f7264e538c8af35aed20be0a8791', class: {
+        return (h$1(Host, { key: '0e32da48a006474eb67b5fa456222526e1d0ff48' }, h$1("digi-layout-container", { key: 'faf76cdc561f5dacb534f516df9154cbfa67c720', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h$1("digi-typography", { key: '35de8a240c50757407d3d7bcad0dcd8e88a17db1' }, h$1("digi-util-breakpoint-observer", { key: '26b85e4f592d078a4d6ce979a5567efdada9b76b', onAfOnChange: (e) => {
+            }, id: this.afId }, h$1("digi-typography", { key: 'cb8ef01d5f3aa16f634261206d08ed0eb497d16d' }, h$1("digi-util-breakpoint-observer", { key: 'dd2625ac2e7c7f55d2ebcc361f84dab7b579affb', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h$1("div", { key: '8392d1f2661092a15c20a946a43a501a081ea24b', class: "digi-notification-error-page__grid" }, h$1("div", { key: '6c90176019a70cbe8aeae9583792aed09b390c53', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h$1(this.currentIllustration, null)) : null), h$1("div", { key: '938cb252cee93be8d7ff404645ef1059a0a49faf', class: "digi-notification-error-page__content" }, h$1("h1", { key: 'b669a1b610407a9273aafd6a3dccee7bb72e7bd9', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h$1("div", { class: "digi-notification-error-page__content__bodytext" }, h$1("slot", { name: "bodytext" }))) : (h$1("div", { class: "digi-notification-error-page__content__bodytext" }, h$1("div", { innerHTML: this.getText().body }))), this.hasSearch && (h$1("div", { key: '1516df6d4e27147c1ae1112b9a3e1865df4d2102', class: "digi-notification-error-page__content__search" }, h$1("slot", { key: '6b03baeca3965ea06a22431561eba06648ea8873', name: "search" }))), this.hasLinks && (h$1("div", { key: '6f70ba31fe9e20b1c830ede49423c00ce5418c18', class: "digi-notification-error-page__content__links" }, h$1("slot", { key: 'a0e0e50c68ebb18143174efdfd714745f1ef0112', name: "links" })))))))));
+            } }), h$1("div", { key: '8c2d898b02a938a32844c6c00ed4863ab6d6e1e5', class: "digi-notification-error-page__grid" }, h$1("div", { key: 'f25ee9c216afc499c50edea9fa30ce137e68355f', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h$1(this.currentIllustration, null)) : null), h$1("div", { key: '024767a0825f4daa38f71ffcce74aca9397634c6', class: "digi-notification-error-page__content" }, h$1("h1", { key: '00dbc3bb41137a9a738d2bbd619dba6fef87cc7a', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h$1("div", { class: "digi-notification-error-page__content__bodytext" }, h$1("slot", { name: "bodytext" }))) : (h$1("div", { class: "digi-notification-error-page__content__bodytext" }, h$1("div", { innerHTML: this.getText().body }))), this.hasSearch && (h$1("div", { key: 'a3e36f1ec1a3f9871fa8d1d97f837321431bf034', class: "digi-notification-error-page__content__search" }, h$1("slot", { key: '2959b7215068d325122824420c7c8cf7749b19aa', name: "search" }))), this.hasLinks && (h$1("div", { key: 'cb3a5c36630f32cf3bc3b103f0bc4d640eb805d6', class: "digi-notification-error-page__content__links" }, h$1("slot", { key: '8981c3acade0847c7991da0ee8f3ff54a9243537', name: "links" })))))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-progress-circle.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
 import { _ as _t } from './p-903a27d9.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { d as defineCustomElement$3 } from './p-31ef8371.js';
-import { d as defineCustomElement$2 } from './p-d5b9333c.js';
+import { d as defineCustomElement$3 } from './p-db6386c7.js';
+import { d as defineCustomElement$2 } from './p-02ebe13f.js';
 
 var ProgressCircleRole;
 (function (ProgressCircleRole) {
@@ -63,20 +63,20 @@ const ProgressCircle = /*@__PURE__*/ proxyCustomElement(class ProgressCircle ext
         return;
     }
     render() {
-        return (h("div", { key: '6cc91dbd99da313c9bc4d8639380a9538b2a8908', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: 'ca6512b28f62524a92f09546e74bb071641f3049', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: '0ded9f8e78bf58fbe4821af9b603043c09be8ba7', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '1d51bf3a7a07e4cd357501e8c59a993da15b40ee', class: "digi-progress-circle__circle" }, h("p", { key: 'fa01d4c20571f341c7f5f47450109a3390a782e7', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'b15187dcb4fb9dc6ab1ffbb81e5a76a5c2b79129', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '1f9a897a4ae0d0c54f30a78b4487941ed39e9783' }, h("mask", { key: '2356d545f65e0525ef5003c50831f1bbc3556484', id: this.afId }, h("circle", { key: 'a52e67c3b0705d5d84fea738926cdf268e2b14cc', 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: '20745e03812ba5bdaccd656fa7f9d0a76b3601f6' }, h("circle", { key: '89f67b5b1557d4e9e32e52316017bd8eff3c6e69', 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: 'b8df7adfdbe47bf9ff961f8a3ac5515bd913e8eb', 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: '4ae7cb174d1de1bb92516c736e9da865175f0bd8', 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: '0714640dbcdc65d3ee9a4bf7a8845517163b013a', 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: '0fee9d3bab6cd9ad25c44da34b39586a80be1c9a', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: 'db16f9872eee33561595075e92377fe184ab588e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: 'bae2c7fde66239d6b9e8a269fa5fd9841e8df061', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'd8ee49c0188a9ee21c61c074ea0289cfdf62419c', class: "digi-progress-circle__circle" }, h("p", { key: '35008e69a4a2eaaa8f3a7071fad4c1cb661307a9', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '5bdea4bc72ede3c1a146265131f09b579acf4536', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '09ac61ffcf124709532354788ffa47dafaa97558' }, h("mask", { key: '0c295af00e32424b07db515f4d0789d1c23d5e62', id: this.afId }, h("circle", { key: '020f8337bfcdd52e8840105232cc64426fb97bd9', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
+                ' 15', pathLength: "1000" }))), h("g", { key: '16bbf87e2556c02ca54f7de629862695e85970d1' }, h("circle", { key: 'f71d1e1190044a47e492cca6a9991034f994ba69', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: '094c56594a03b0ef42034372d57199017372f49e', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
+                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: '7e9a1b166a4b04e7e7c333c0bc57980bec24de0c', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: '3068f8b64b407e18cec2b11560cd40030916ceb1', 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: '60b96b79b55d444a8345a0eac94b0a881a0c4383', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '3b94d604e8c5b9e4f632a6a87abf449117794f5e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'a43a0bf9cc155c90a40a726d939b57ade7487029', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '705a62347ae918312757296bd03abb2b173964aa', 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: 'b6ccf2b4f8c401799296e56a881cce673fdcd8da', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '4c590699e3ff5c7086ca2de0d30fb9beb1cfb3c2', class: "digi-progress-circle__icon--warning" }), h("span", { key: '6c2f4a94074098eec7bb9cf3352da28675e797a3' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '0a6b069d3a5cae4702f5ac0ca59f80d1e57458bd', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'c530a4556badcb1ed5ad0970288b2945793d8af2', class: "digi-progress-circle__icon--error" }), h("span", { key: 'a0b4617bbef6b223c663766ee9a610b8132a5655' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'f1e01fd4bfcdb3da1fe3eb1796364da1cf9f438d', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '480a484300dfeb8be427baec3ad95b25d63d5df1', class: "digi-progress-circle__icon--warning" }), h("span", { key: '009c14e1ed7f75428b258b3315703f3e2f07935f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '630520bf2e35015347ad8ae56e332b93d56a118d', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'a6d205065dcee634688ff21baae8980f1e4bdba5', class: "digi-progress-circle__icon--error" }), h("span", { key: '96318e2beef967797a3b4e3ff84f0856f7e5c4de' }, this.afValidationLabel)))));
     }
     get hostElement() { return this; }
     static get watchers() { return {