@designsystem-se/af 32.4.0 → 33.1.0

package/components/digi-bar-chart.js

@@ -9,7 +9,7 @@ import { d as defineCustomElement$6 } from './p-d8d71310.js';
 import { d as defineCustomElement$5 } from './p-224094ec.js';
 import { d as defineCustomElement$4 } from './p-f215529b.js';
 import { d as defineCustomElement$3 } from './p-36fbdb2e.js';
-import { d as defineCustomElement$2 } from './p-83e38978.js';
+import { d as defineCustomElement$2 } from './p-5e487ed4.js';
 
 function band() {
   var scale = ordinal().unknown(undefined),

package/components/digi-calendar-datepicker.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f124fce4.js';
 import './p-717306ef.js';
-import { C as CalendarDatepickerValidation } from './p-d7211fec.js';
+import { C as CalendarDatepickerValidation } from './p-b3a4fa4a.js';
 import './p-a4a001e1.js';
 import './p-490d2653.js';
 import './p-7e32c40b.js';
@@ -42,7 +42,6 @@ import './p-77a93845.js';
 import './p-06f939ab.js';
 import './p-8cd2d6dd.js';
 import './p-484a1d6d.js';
-import './p-8fa816d6.js';
 import './p-0f3fbb1e.js';
 import './p-820e795b.js';
 import './p-00d6ab21.js';
@@ -55,7 +54,7 @@ import './p-903b00e6.js';
 import './p-cdcaf0eb.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as detectClickOutside } from './p-430607cb.js';
-import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-e87d124f.js';
+import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-4b8bc232.js';
 import { d as defineCustomElement$e } from './p-1f0a765b.js';
 import { d as defineCustomElement$d } from './p-3e02e6a4.js';
 import { d as defineCustomElement$c } from './p-8b1bc24a.js';
@@ -67,7 +66,7 @@ import { d as defineCustomElement$7 } from './p-d8cae9f0.js';
 import { d as defineCustomElement$6 } from './p-a81675ae.js';
 import { d as defineCustomElement$5 } from './p-d01319cf.js';
 import { d as defineCustomElement$4 } from './p-51efc942.js';
-import { d as defineCustomElement$3 } from './p-71554a36.js';
+import { d as defineCustomElement$3 } from './p-f3c5a743.js';
 import { d as defineCustomElement$2 } from './p-e9c9e33c.js';
 import { r as requiredArgs, t as toDate, i as isValid } from './p-7aacd45f.js';
 import { t as toInteger, g as getUTCISOWeek, a as getUTCWeek, b as getUTCWeekYear, s as startOfUTCWeek, c as startOfUTCISOWeek, i as isProtectedWeekYearToken, d as throwProtectedError, e as isProtectedDayOfYearToken, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, j as defaultLocale, l as longFormatters } from './p-c7949525.js';

package/components/digi-calendar-week-view.js

@@ -7,7 +7,7 @@ import { C as CalendarWeekViewHeadingLevel } from './p-7e32c40b.js';
 import { d as defineCustomElement$5 } from './p-09e0586b.js';
 import { d as defineCustomElement$4 } from './p-0643b217.js';
 import { d as defineCustomElement$3 } from './p-6afc74b6.js';
-import { d as defineCustomElement$2 } from './p-83e38978.js';
+import { d as defineCustomElement$2 } from './p-5e487ed4.js';
 import { r as requiredArgs, t as toDate, i as isValid } from './p-7aacd45f.js';
 
 /**

package/components/digi-calendar.js

@@ -1,4 +1,4 @@
-import { C as Calendar, d as defineCustomElement$1 } from './p-e87d124f.js';
+import { C as Calendar, d as defineCustomElement$1 } from './p-4b8bc232.js';
 
 const DigiCalendar = Calendar;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-card.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
 import { a as CardBorder, C as CardBorderRadius, b as CardFooterBorder } from './p-7e5ad05a.js';
-import { d as defineCustomElement$2 } from './p-83e38978.js';
+import { d as defineCustomElement$2 } from './p-5e487ed4.js';
 
 const cardCss = ".sc-digi-card-h{--digi--card--background-color--primary:var(--digi--color--background--primary);--digi--card--background-color--secondary:var(--digi--color--background--secondary);--digi--card--padding:var(--digi--padding--large);--digi--card--border:none;--digi--card--border--primary:solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);--digi--card--border-radius:none;--digi--card--border-radius--primary:var(--digi--border--radius);--digi--card--footer--border-top:solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);--digi--card--footer--padding:var(--digi--padding--medium) var(--digi--padding--large);--BACKGROUND-COLOR:var(--digi--card--background-color--primary);--BORDER:var(--digi--card--border);--BORDER-RADIUS:var(--digi--card--border-radius);--FOOTER-BORDER:none}.sc-digi-card-h .digi-card.sc-digi-card{background:var(--BACKGROUND-COLOR);border:var(--BORDER);border-radius:var(--BORDER-RADIUS)}.sc-digi-card-h .digi-card--border--primary.sc-digi-card{--BORDER:var(--digi--card--border--primary)}.sc-digi-card-h .digi-card--border-radius--primary.sc-digi-card{--BORDER-RADIUS:var(--digi--card--border-radius--primary)}.sc-digi-card-h .digi-card--footer--border.sc-digi-card{--FOOTER-BORDER:var(--digi--card--footer--border-top)}.sc-digi-card-h .digi-card__content.sc-digi-card{padding:var(--digi--card--padding)}.sc-digi-card-h .digi-card__footer.sc-digi-card{border-top:var(--FOOTER-BORDER);padding:var(--digi--card--footer--padding)}";
 const DigiCardStyle0 = cardCss;

package/components/digi-chart-line.js

@@ -6,7 +6,7 @@ import { d as defineCustomElement$6 } from './p-09e0586b.js';
 import { d as defineCustomElement$5 } from './p-224094ec.js';
 import { d as defineCustomElement$4 } from './p-f215529b.js';
 import { d as defineCustomElement$3 } from './p-36fbdb2e.js';
-import { d as defineCustomElement$2 } from './p-83e38978.js';
+import { d as defineCustomElement$2 } from './p-5e487ed4.js';
 
 function sourceEvent(event) {
   let sourceEvent;

package/components/digi-code-block.js

@@ -1,4 +1,4 @@
-import { C as CodeBlock, d as defineCustomElement$1 } from './p-1ee02c0b.js';
+import { C as CodeBlock, d as defineCustomElement$1 } from './p-0a71c968.js';
 
 const DigiCodeBlock = CodeBlock;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-code-example.js

@@ -1,9 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
-import { c as CodeBlockVariation, e as CodeExampleVariation, d as CodeExampleLanguage } from './p-d7211fec.js';
+import { c as CodeBlockVariation, e as CodeExampleVariation, d as CodeExampleLanguage } from './p-b3a4fa4a.js';
 import { b as ButtonVariation, B as ButtonSize } from './p-490d2653.js';
 import { _ as _t } from './p-42aa440f.js';
+import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as defineCustomElement$7 } from './p-09e0586b.js';
-import { d as defineCustomElement$6 } from './p-1ee02c0b.js';
+import { d as defineCustomElement$6 } from './p-0a71c968.js';
 import { d as defineCustomElement$5 } from './p-d593f0d5.js';
 import { d as defineCustomElement$4 } from './p-e22aa82c.js';
 import { d as defineCustomElement$3 } from './p-2c789cac.js';
@@ -16,6 +17,7 @@ const CodeExample = /*@__PURE__*/ proxyCustomElement(class CodeExample extends H
     constructor() {
         super();
         this.__registerHost();
+        this._id = randomIdGenerator('code');
         this.isActive = true;
         this.codeLanguage = undefined;
         this.hasControls = undefined;
@@ -137,23 +139,23 @@ const CodeExample = /*@__PURE__*/ proxyCustomElement(class CodeExample extends H
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '365f62b93017db8be7fd97c1178c864b2b3f8490', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: '633887779c02c2c885c9160449a18caa01dc1959', class: {
+        return (h("div", { key: '1fc09f95af1e8f599b593ddad279743574ded843', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: '696edf1c732923293a2406393207eecd921b17de', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '2129c5fc9b02356fa7ac15a79233271f6309bebf', class: "digi-code-example__example" }, h("slot", { key: '6f98ce636e1892bc1a915a7bfe210460bbc01dc6' })), !this.afHideCode && (h("div", { key: 'ee5f4b2914acc0a36d45aeeaaddc069cb1cb3411', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '5de8b7a111891b1434ed85f2b172f38e4c87f006', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '42491fbf9e188bb9e21e12bdc5afbe77f47701ce', class: {
+            } }, h("div", { key: '9cc7fa9e045bbeda26fa4b8d9f96efebc24da263', class: "digi-code-example__example" }, h("slot", { key: '01a468003e94818b1459b62b90a83a8304acaaa8' })), !this.afHideCode && (h("div", { key: '565f2d91029c63a867e3f80c12c736e5b03deec9', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '3cea8c377900e8244bc164318875b3e2b8c0b1a3', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '1b2260b6ba50e105d1cf7cfbd77b6506904ad138', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: '62a30782b9b58395495a8a0e947f524967f9893e', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '5d3fc7f0415d1c7bf698d7275d3d04ca0f5fd4c5', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: 'b8f00cedc66cbbaf5dac2a3229be511b26546d60', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: 'c1caedb22bf5d4ebe05cb060e1500b9c25bb0865', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
             }, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (h("div", { class: {
                 'digi-code-example__controls': true
-            }, hidden: !!this.afHideControls }, h("span", null, h("slot", { name: "controls" }), h("div", { class: "slot__controls" }, this.codeExampleLanguages && (h("digi-form-fieldset", { "af-legend": _t.code.language, "af-name": "Code Language", onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (h("digi-form-radiobutton", { afName: "Code Language", afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy))) : (!this.afHideControls && (h("digi-button", { class: {
+            }, hidden: !!this.afHideControls }, h("span", null, h("slot", { name: "controls" }), h("div", { class: "slot__controls" }, this.codeExampleLanguages && (h("digi-form-fieldset", { "af-legend": _t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy))) : (!this.afHideControls && (h("digi-button", { class: {
                 'digi-code-example__copy-button': true,
                 'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
             }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));

package/components/digi-context-menu.js

@@ -2,12 +2,11 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { d as detectClickOutside } from './p-430607cb.js';
 import { d as detectFocusOutside } from './p-ee33960b.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { d as defineCustomElement$5 } from './p-09e0586b.js';
-import { d as defineCustomElement$4 } from './p-9e6f28f2.js';
-import { d as defineCustomElement$3 } from './p-2c789cac.js';
-import { d as defineCustomElement$2 } from './p-e308ef6b.js';
+import { d as defineCustomElement$4 } from './p-09e0586b.js';
+import { d as defineCustomElement$3 } from './p-9e6f28f2.js';
+import { d as defineCustomElement$2 } from './p-2c789cac.js';
 
-const navigationContextMenuCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden{display:none}[id$=-identifier]{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--display--start:block;--digi--navigation-context-menu--display--end:inline-block;--digi--navigation-context-menu--content--position:absolute;--digi--navigation-context-menu--content--margin-top:var(--digi--gutter--smaller);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--navigation-context-menu--button--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button--background:transparent;--digi--navigation-context-menu--button--background--hover:transparent;--digi--navigation-context-menu--button--color:var(--digi--color--text--primary);--digi--navigation-context-menu--button--border:0;--digi--navigation-context-menu--button--font-weight:normal;--digi--navigation-context-menu--button--padding:var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);--digi--navigation-context-menu--button--bordered--padding:var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);--digi--navigation-context-menu--button--outline--focus:none;--digi--navigation-context-menu--button--width:100%;--digi--navigation-context-menu--button--text-align:left;--digi--navigation-context-menu--button--display:flex;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-icon--margin-right:-1.125rem;--digi--navigation-context-menu--button-icon--margin-left:0.25rem;--digi--navigation-context-menu--button-icon--display:inline-flex;--digi--navigation-context-menu--link--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--link--text-decoration:none;--digi--navigation-context-menu--link--color:var(--digi--color--text--primary);--digi--navigation-context-menu--link--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--link--focus--outline:none;--digi--navigation-context-menu--link--padding:var(--digi--gutter--smallest-2) var(--digi--gutter--large);--digi--navigation-context-menu--link--bordered--padding:var(--digi--gutter--large);--digi--navigation-context-menu--link--display:inline-block;--digi--navigation-context-menu--link--width:100%;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--font-size--desktop:var(--digi--typography--body--font-size--desktop-large);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--button-trigger--background-color:transparent;--digi--navigation-context-menu--button-trigger--background-color--hover:transparent;--digi--navigation-context-menu--button-trigger--border-radius:initial;--digi--navigation-context-menu--button-trigger--border-radius--hover:initial;--digi--navigation-context-menu--button-trigger--border-radius--focus:initial;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--neutral-6);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-wight--selected:600;--digi--navigation-context-menu--item--border-top:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);--digi--navigation-context-menu--items--margin:0;--digi--navigation-context-menu--items--padding:var(--digi--gutter--large) 0}[id$=-identifier] .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}[id$=-identifier] .content-wrapper{display:flex;flex-direction:row;align-items:center;padding-left:1rem;padding-right:1rem;gap:0.5rem}[id$=-identifier] .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:var(--digi--navigation-context-menu--display--start)}[id$=-identifier] .digi-navigation-context-menu--horizontal-position-end{position:relative;--HORIZONTAL-POSITION:0;--digi--navigation-context-menu--display--start:var(\n    --digi--navigation-context-menu--display--end\n  )}[id$=-identifier] .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}[id$=-identifier] .digi-navigation-context-menu__trigger-button{--digi--button--padding--medium:var(\n    --digi--navigation-context-menu--button-trigger--padding\n  );--digi--button--font-size--medium:var(\n    --digi--navigation-context-menu--button-trigger--font-size\n  )}[id$=-identifier] .digi-navigation-context-menu__content{right:var(--HORIZONTAL-POSITION);margin-top:var(--digi--navigation-context-menu--content--margin-top);position:var(--digi--navigation-context-menu--content--position);background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:var(--digi--navigation-context-menu--content--box-shadow);z-index:1}[id$=-identifier] .digi-navigation-context-menu__content--hidden{display:none}[id$=-identifier] .digi-navigation-context-menu__item{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family)}[id$=-identifier] .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item--active{background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item--selected{--digi--navigation-context-menu--button--font-weight:var(\n    --digi--navigation-context-menu--item--font-wight--selected\n  );background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item[dir=rtl] digi-icon-chevron-down,[id$=-identifier] .digi-navigation-context-menu__item[dir=rtl] digi-icon-check{margin-right:var(--digi--navigation-context-menu--button-icon--margin-left);margin-left:var(--digi--navigation-context-menu--button-icon--margin-right)}[id$=-identifier] .digi-navigation-context-menu__item.digi-navigation-context-menu__item--selected[dir=rtl] .digi-navigation-context-menu__button{--digi--button--padding--medium:var(--digi--gutter--large) 0\n    var(--digi--gutter--large) var(--digi--gutter--largest-3)}[id$=-identifier] .digi-navigation-context-menu__item.digi-navigation-context-menu__item--selected[dir=ltr] .digi-navigation-context-menu__button{--digi--button--padding--medium:var(--digi--gutter--large)\n    var(--digi--gutter--large) var(--digi--gutter--large) 0}[id$=-identifier] .digi-navigation-context-menu__button{--digi--button--font-size--medium:var(\n    --digi--navigation-context-menu--button--font-size\n  );--digi--button--color--background--primary--default:var(\n    --digi--navigation-context-menu--button--background\n  );--digi--button--color--background--primary--focus:var(\n    --digi--navigation-context-menu--button--background\n  );--digi--button--color--text--primary--default:var(\n    --digi--navigation-context-menu--button--color\n  );--digi--button--color--text--primary--hover:var(\n    --digi--navigation-context-menu--button--color\n  );--digi--button--border-width--primary--default:var(\n    --digi--navigation-context-menu--button--border\n  );--digi--button--border-width--primary--hover:var(\n    --digi--navigation-context-menu--button--border\n  );--digi--button--font-weight:var(\n    --digi--navigation-context-menu--button--font-weight\n  );--digi--button--padding--medium:var(\n    --digi--navigation-context-menu--button--padding\n  );--digi--button--color--background--primary--hover:var(\n    --digi--navigation-context-menu--button--background--hover\n  );--digi--button--outline--focus:var(\n    --digi--navigation-context-menu--button--outline--focus\n  );--digi--button--width:var(--digi--navigation-context-menu--button--width);--digi--button--text-align:var(\n    --digi--navigation-context-menu--button--text-align\n  );--digi--button--display:var(\n    --digi--navigation-context-menu--button--display\n  );--digi--button--color--text--primary--focus:var(\n    --digi--navigation-context-menu--link--color\n  );--digi--button--color--background--primary--active:unset;--digi--button--color--text--primary--active:var(\n    --digi--navigation-context-menu--button--color\n  );flex:1 0 0}[id$=-identifier] .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n    --digi--navigation-context-menu--button-icon--width\n  )}[id$=-identifier] .digi-navigation-context-menu__link{font-size:var(--digi--navigation-context-menu--link--font-size);text-decoration:var(--digi--navigation-context-menu--link--text-decoration);color:var(--digi--navigation-context-menu--link--color);font-family:var(--digi--navigation-context-menu--link--font-family);padding:var(--digi--navigation-context-menu--link--padding);display:var(--digi--navigation-context-menu--link--display);box-sizing:border-box;width:var(--digi--navigation-context-menu--link--width)}[id$=-identifier] .digi-navigation-context-menu__link:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}[id$=-identifier] .digi-navigation-context-menu__items{list-style:none;margin:var(--digi--navigation-context-menu--items--margin);padding:var(--digi--navigation-context-menu--items--padding)}[id$=-identifier] .digi-navigation-context-menu__items--bordered{--digi--navigation-context-menu--button--padding:var(\n    --digi--navigation-context-menu--button--bordered--padding\n  )}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__link{padding:var(--digi--navigation-context-menu--link--bordered--padding)}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__item{margin:0;padding:0}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__item:not(:first-child){border-top:var(--digi--navigation-context-menu--item--border-top)}";
+const navigationContextMenuCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden{display:none}.digi-navigation-context-menu{display:block;box-sizing:border-box;width:fit-content}.digi-navigation-context-menu *,.digi-navigation-context-menu *::before,.digi-navigation-context-menu *::after{box-sizing:border-box}:host{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--navigation-context-menu--content--max-width:90vw;--digi--navigation-context-menu--content--max-height:15rem;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--neutral-6);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-color:var(--digi--color--text--primary)}.digi-navigation-context-menu--id-wrapper{display:grid}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:block}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__trigger-button{display:block;--digi--button--padding--medium:var(\n    --digi--navigation-context-menu--button-trigger--padding\n  );width:fit-content;--digi--button--font-size--medium:var(\n    --digi--navigation-context-menu--button-trigger--font-size\n  )}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__list{width:100%;position:relative;display:inline-grid}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper{padding:0.5rem 0;display:none;width:max-content;min-width:100%;max-width:var(--digi--navigation-context-menu--content--max-width);max-height:var(--digi--navigation-context-menu--content--max-height);overflow-y:auto;box-sizing:border-box;z-index:10;margin-top:0.5rem;background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:var(--digi--navigation-context-menu--content--box-shadow);position:absolute}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--visible{display:block}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-right{right:0}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-center{left:50%;transform:translateX(-50%)}.digi-navigation-context-menu--id-wrapper .content-wrapper{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family);padding:0.625rem 0;max-width:max-content;min-width:100%;width:100%;position:relative;cursor:pointer}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--active{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link{list-style:none;margin:0;padding:0}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link a{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n    --digi--navigation-context-menu--button-icon--width\n  )}";
 const DigiContextMenuStyle0 = navigationContextMenuCss;
 
 function deserializeProp(prop) {
@@ -25,6 +24,9 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
         this.afToggleMenu = createEvent(this, "afToggleMenu", 7);
         this.afBlur = createEvent(this, "afBlur", 7);
         this.itemRefs = {};
+        this.visible = false;
+        this.activeItemIdx = undefined;
+        this.selectItemIdx = 0;
         this.afId = randomIdGenerator('digi-context-menu');
         this.afIcon = undefined;
         this.afTitle = undefined;
@@ -34,9 +36,6 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
         this.afAriaLabel = undefined;
         this.afMenuPosition = 'left-bottom';
         this.afActiveItem = undefined;
-        this.items = [];
-        this.visible = false;
-        this.activeItemIdx = undefined;
     }
     clickHandler(e) {
         const target = e.target;
@@ -53,6 +52,24 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
             this.afBlur.emit();
         }
     }
+    syncActiveItem() {
+        if (this.afActiveItem != null) {
+            const menuItems = this.afMenuItems;
+            this.activeItemIdx = menuItems.findIndex((item) => item.id.toString() === this.afActiveItem);
+        }
+    }
+    syncItems() {
+        this.afMenuItems = deserializeProp(this.afMenuItems);
+    }
+    componentWillLoad() {
+        this.syncItems();
+        this.syncActiveItem();
+    }
+    get digiIcon() {
+        if (this.afIcon != null) {
+            return `digi-icon-${this.afIcon}`;
+        }
+    }
     hideMenu() {
         this.visible = false;
         this.afToggleMenu.emit(this.visible);
@@ -61,66 +78,153 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
         this.visible = true;
         this.afToggleMenu.emit(this.visible);
     }
-    handleToggle() {
-        var _a, _b;
+    isLink() {
+        if (this.afMenuItems && this.afMenuItems.length > 0) {
+            const itemToCheck = this.afMenuItems[0];
+            return itemToCheck.type && itemToCheck.type === 'link';
+        }
+        return false;
+    }
+    async handleToggle() {
         if (this.visible) {
             this.hideMenu();
-            (_b = (_a = this.buttonRef).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+            this.focusOnButton();
         }
         else {
             this.showMenu();
-            const idx = this.activeItemIdx || 0;
-            const item = this.items[idx];
-            setTimeout(() => this.itemRefs[item.id].focus(), 25);
+            if (!this.isLink()) {
+                const idx = this.activeItemIdx || 0;
+                const item = this.afMenuItems[idx];
+                setTimeout(() => this.itemRefs[item.id].focus(), 25);
+            }
         }
     }
+    async focusOnButton() {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        const digiButton = this.buttonRef;
+        const button = (await digiButton.afMGetButtonElement());
+        button.focus();
+    }
     handleChangeItem(item, idx) {
         this.activeItemIdx = idx;
         this.handleToggle();
         this.afChangeItem.emit({ item, idx });
     }
-    handleFocusItem(item, idx) {
-        this.afFocusItem.emit({ item, idx });
-    }
     handleRef(ref, refId, payload) {
         if (refId === 'item') {
             this.itemRefs[payload.id] = ref;
         }
     }
-    syncActiveItem() {
-        if (this.afActiveItem != null) {
-            this.activeItemIdx = this.items.findIndex((item) => item.id.toString() === this.afActiveItem);
+    isActive(idx) {
+        if ((this.activeItemIdx !== undefined || this.activeItemIdx !== null) &&
+            this.activeItemIdx === idx) {
+            return true;
         }
+        return false;
     }
-    syncItems() {
-        this.items = deserializeProp(this.afMenuItems);
+    isSelected(idx) {
+        return this.selectItemIdx === idx;
     }
-    componentWillLoad() {
-        this.syncItems();
-        this.syncActiveItem();
+    nextIdx(idx) {
+        if (idx > this.afMenuItems.length - 1) {
+            return 0;
+        }
+        else if (idx < 0) {
+            return this.afMenuItems.length - 1;
+        }
+        else {
+            return idx;
+        }
     }
-    get digiIcon() {
-        if (this.afIcon != null) {
-            return `digi-icon-${this.afIcon}`;
+    activateItem(idx) {
+        const item = this.afMenuItems[idx];
+        this.activeItemIdx = idx;
+        this.focusItem(idx);
+        this.handleChangeItem(item, idx);
+    }
+    focusItem(idx) {
+        var _a;
+        const item = this.afMenuItems[idx];
+        this.selectItemIdx = idx;
+        (_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
+        this.afFocusItem.emit({ item, idx });
+    }
+    focusCaptured() {
+        const menuItems = this.afMenuItems;
+        return menuItems.some((item) => this.itemRefs[item.id] === document.activeElement);
+    }
+    handleKey(e) {
+        if (!this.focusCaptured())
+            return;
+        switch (e.key) {
+            case 'ArrowUp':
+                this.focusItem(this.nextIdx(this.selectItemIdx - 1));
+                break;
+            case 'ArrowDown':
+                this.focusItem(this.nextIdx(this.selectItemIdx + 1));
+                break;
+            case 'Escape':
+                this.hideMenu();
+                this.focusOnButton();
+                break;
+            case 'Enter':
+            case ' ':
+                e.preventDefault();
+                e.stopPropagation();
+                this.activateItem(this.selectItemIdx);
+                break;
+        }
+    }
+    handleLinkClick(e, item, idx) {
+        if (!item.overrideLink) {
+            window.location.assign(item.href);
         }
+        else {
+            e.preventDefault();
+            this.handleChangeItem(item, idx);
+        }
+    }
+    renderLink(item, idx) {
+        const menuItem = this.afMenuItems[idx];
+        return (h("li", { id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
+                'digi-navigation-context-menu__item': true,
+                'digi-navigation-context-menu__item--link': true,
+                'digi-navigation-context-menu__item--active': this.isActive(idx)
+            }, dir: this.afDir, lang: this.afLang, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("a", { "aria-label": item.ariaLabel ? item.ariaLabel : null, href: menuItem.href ? menuItem.href : null, onClick: (e) => this.handleLinkClick(e, item, idx) }, item.title)));
+    }
+    renderDiv(item, idx) {
+        return (h("div", { role: "option", id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
+                'digi-navigation-context-menu__item': true,
+                'digi-navigation-context-menu__item--active': this.isActive(idx)
+            }, dir: this.afDir, lang: this.afLang, "aria-selected": this.isActive(idx).toString(), tabIndex: this.isSelected(idx) ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("div", { class: "content-wrapper" }, h("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
+                visibility: idx === this.activeItemIdx && this.visible
+                    ? 'visible'
+                    : 'hidden'
+            } }), h("span", { "aria-label": item.ariaLabel ? item.ariaLabel : null }, item.title)), ' '));
     }
     render() {
-        return (h(Host, { key: 'b56dc8e0ca38fa90bf6ac4495b9fb583e00b75ed', id: `${this.afId}-identifier` }, h("digi-navigation-dropdown", { key: 'f4fe5c1f4812ae2ab492f5ff1159716cafceae68', afAriaLabelledby: `${this.afId}-trigger`, afId: this.afId, afItems: this.items, afVisible: this.visible, afMenuPosition: this.afMenuPosition, afDir: this.afDir, afActiveItem: this.activeItemIdx, afLang: this.afLang, onAfRef: (e) => this.handleRef(e.detail.ref, e.detail.id, e.detail.payload), onAfChangeItem: (e) => this.handleChangeItem(e.detail.item, e.detail.idx), onAfFocusItem: (e) => this.handleFocusItem(e.detail.item, e.detail.idx), afRenderItem: (item, idx) => {
-                const menuItem = this.items[idx];
-                const Container = menuItem.type === 'link' ? 'a' : 'div';
-                const containerArgs = menuItem.type === 'link'
-                    ? { href: menuItem.href, tabindex: -1 }
-                    : {};
-                const showIcon = menuItem.type !== 'link';
-                return (h(Container, Object.assign({ class: "content-wrapper" }, containerArgs), showIcon && (h("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
-                        visibility: idx === this.activeItemIdx && this.visible
-                            ? 'visible'
-                            : 'hidden'
-                    } })), h("p", null, item.title)));
-            } }, h("digi-button", { key: '6ca8a9350d6a040713e1601c2df874c61883f964', id: `${this.afId}-trigger`, afInputRef: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-listbox`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
+        const menuItems = this.afMenuItems;
+        return (h(Host, { key: '8b9ddb1d31e294505f5ae3f226510ba587ecfc04', class: 'digi-navigation-context-menu' }, h("div", { key: 'bcc94554eb00a58409b7cae6a5c3668767ddb26d', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, h("digi-button", { key: '287e0f1f1afba43c8250185e5ea589aa26c5367c', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
                 'digi-navigation-context-menu__trigger-button': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, !!this.afIcon && h(this.digiIcon, { key: '23ac109788a00edb22f2a2847c2ab1568abba4c3', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'fc7fa776933779e29da3e7fc64d010fa0c65261d', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })))));
+            } }, !!this.afIcon && h(this.digiIcon, { key: 'db42fdd3432f87096be2e5da8b3e05732b0aedf4', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '7977ded8cc5a7aa0aec7e2735dc38f95a4d31a06', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '5ff21d52bb2f57c8777bd04bf906730c960bc054', class: "digi-navigation-context-menu__list" }, h("div", { key: 'a8e81ab1b3c371ef501bf96f7c14c11d54a97836', onKeyDown: (e) => {
+                this.handleKey(e);
+            }, id: `${this.afId}-dropdown`, style: {
+                visibility: this.visible ? 'visible' : 'hidden'
+            }, role: this.isLink() ? 'list' : 'listbox', "aria-labelledby": `${this.afId}-trigger`, class: {
+                'dropdown-wrapper': true,
+                'dropdown-wrapper--visible': this.visible,
+                'dropdown-wrapper--position-right': this.afMenuPosition === 'right-bottom',
+                'dropdown-wrapper--position-center': this.afMenuPosition === 'center-bottom'
+            } }, menuItems &&
+            menuItems.map((item, idx) => {
+                const menuItem = menuItems[idx];
+                if (menuItem.type && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.type) === 'link') {
+                    return this.renderLink(item, idx);
+                }
+                return this.renderDiv(item, idx);
+            }))))));
     }
     static get watchers() { return {
         "afActiveItem": ["syncActiveItem"],
@@ -137,9 +241,9 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
         "afAriaLabel": [1, "af-aria-label"],
         "afMenuPosition": [1, "af-menu-position"],
         "afActiveItem": [8, "af-active-item"],
-        "items": [32],
         "visible": [32],
-        "activeItemIdx": [32]
+        "activeItemIdx": [32],
+        "selectItemIdx": [32]
     }, [[8, "click", "clickHandler"], [4, "focusin", "focusoutHandler"]], {
         "afActiveItem": ["syncActiveItem"],
         "afMenuItems": ["syncItems"]
@@ -148,7 +252,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["digi-context-menu", "digi-button", "digi-icon-check", "digi-icon-chevron-down", "digi-navigation-dropdown"];
+    const components = ["digi-context-menu", "digi-button", "digi-icon-check", "digi-icon-chevron-down"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-context-menu":
             if (!customElements.get(tagName)) {
@@ -156,21 +260,16 @@ function defineCustomElement$1() {
             }
             break;
         case "digi-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "digi-icon-check":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "digi-icon-chevron-down":
+        case "digi-icon-check":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "digi-navigation-dropdown":
+        case "digi-icon-chevron-down":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/components/digi-dialog.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f124fce4.js';
-import { g as DialogVariation, f as DialogSize, D as DialogHeadingLevel } from './p-d7211fec.js';
+import { g as DialogVariation, f as DialogSize, D as DialogHeadingLevel } from './p-b3a4fa4a.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import './p-717306ef.js';
 import './p-a4a001e1.js';
@@ -43,7 +43,6 @@ import './p-77a93845.js';
 import './p-06f939ab.js';
 import './p-8cd2d6dd.js';
 import './p-484a1d6d.js';
-import './p-8fa816d6.js';
 import './p-0f3fbb1e.js';
 import './p-820e795b.js';
 import './p-00d6ab21.js';
@@ -56,8 +55,8 @@ import './p-903b00e6.js';
 import './p-cdcaf0eb.js';
 import { d as defineCustomElement$5 } from './p-09e0586b.js';
 import { d as defineCustomElement$4 } from './p-36fbdb2e.js';
-import { d as defineCustomElement$3 } from './p-83e38978.js';
-import { d as defineCustomElement$2 } from './p-71554a36.js';
+import { d as defineCustomElement$3 } from './p-5e487ed4.js';
+import { d as defineCustomElement$2 } from './p-f3c5a743.js';
 
 const dialogCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden{display:none}:host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--background--color:rgba(0, 0, 0, 0.7);--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--global--color--profile--white--base);--digi--dialog--icon--color--primary:var(--digi--color--icons--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icons--primary)}:host .digi-dialog{overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);background-color:var(--digi--dialog--backdrop--background--color);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(\n    --DIGI--DIALOG--COLOR\n  );--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(\n    --digi--dialog--icon--color--primary\n  );--digi--button--color--icon--function--hover:var(\n    --digi--dialog--icon--color--primary--hover\n  );display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(\n    --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY\n  );--digi--button--color--border--primary--hover:var(\n    --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY\n  )}";
 const DigiDialogStyle0 = dialogCss;

package/components/digi-expandable-accordion.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
 import { _ as _t } from './p-42aa440f.js';
 import './p-717306ef.js';
-import { i as ExpandableAccordionVariation, E as ExpandableAccordionHeaderLevel } from './p-d7211fec.js';
+import { i as ExpandableAccordionVariation, E as ExpandableAccordionHeaderLevel } from './p-b3a4fa4a.js';
 import './p-a4a001e1.js';
 import { b as ButtonVariation, a as ButtonType } from './p-490d2653.js';
 import './p-7e32c40b.js';
@@ -43,7 +43,6 @@ import './p-77a93845.js';
 import './p-06f939ab.js';
 import './p-8cd2d6dd.js';
 import './p-484a1d6d.js';
-import './p-8fa816d6.js';
 import './p-0f3fbb1e.js';
 import './p-820e795b.js';
 import './p-00d6ab21.js';
@@ -58,7 +57,7 @@ import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as defineCustomElement$5 } from './p-09e0586b.js';
 import { d as defineCustomElement$4 } from './p-2c789cac.js';
 import { d as defineCustomElement$3 } from './p-6d2a8b7a.js';
-import { d as defineCustomElement$2 } from './p-83e38978.js';
+import { d as defineCustomElement$2 } from './p-5e487ed4.js';
 
 const expandableAccordionCss = ".digi--util--fs--xs.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-expandable-accordion{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-expandable-accordion{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-expandable-accordion{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-expandable-accordion{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-expandable-accordion{padding-top:5rem !important}.digi--util--pb--1.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-expandable-accordion{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-expandable-accordion{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-expandable-accordion{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-expandable-accordion{padding:2.5rem !important}.digi--util--p--60.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-expandable-accordion{padding:4.5rem !important}.digi--util--p--90.sc-digi-expandable-accordion{padding:5rem !important}.digi--util--ptb--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-expandable-accordion{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-expandable-accordion{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-expandable-accordion{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-expandable-accordion{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-expandable-accordion{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-expandable-accordion{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-expandable-accordion{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-expandable-accordion{display:none}.sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--border--informative);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion::after{content:none}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{justify-content:space-between;min-height:var(--digi--input-height--large);padding:0 var(--digi--gutter--medium);border-radius:var(--digi--border-radius--primary);background-color:var(--digi--color--background--input-empty);border:1px solid var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:var(--digi--focus-outline);background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--inverted);background-color:var(--digi--color--background--inverted-1);border-color:var(--digi--color--background--inverted-1);border-block-end:none;border-end-end-radius:0;border-end-start-radius:0}.digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-size:var(--digi--global--typography--font-size--interaction-medium);color:var(--digi--color--text--secondary)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{--digi--icon--color:currentColor;color:currentColor}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{background:var(--digi--color--background--input-empty)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{display:flex;flex-direction:column}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion digi-typography.sc-digi-expandable-accordion{display:block;padding:var(--digi--container-gutter--small)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{border:1px solid var(--digi--color--background--inverted-1);border-radius:var(--digi--border-radius--primary);border-start-end-radius:0;border-start-start-radius:0}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(\n    --digi--color--background--tertiary\n  )}@keyframes heightAnim{from{height:0%}to{height:100%}}";
 const DigiExpandableAccordionStyle0 = expandableAccordionCss;