@designsystem-se/af 31.3.1-beta.9 → 32.0.1

package/dist/esm/{digi-form-file-upload_13.entry.js → digi-badge-notification_18.entry.js}

@@ -1,9 +1,65 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement, H as Host } from './index-8e318bb2.js';
+import { r as registerInstance, h, H as Host, c as createEvent, F as Fragment, g as getElement } from './index-8e318bb2.js';
+import { B as BadgeNotificationShape, b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel, c as FormValidationMessageVariation, L as LayoutContainerVariation, d as LayoutContainerMaxWidth, T as TypographyVariation } from './typography-variation.enum-7e917c96.js';
 import { _ as _t } from './text-ee5498fa.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel, c as FormValidationMessageVariation, L as LayoutContainerVariation, d as LayoutContainerMaxWidth, T as TypographyVariation } from './typography-variation.enum-90aa6767.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
 import { l as logger } from './logger.util-ede3c48a.js';
+import { O as OverflowMode, D as Direction } from './navigation-tablist.types-61def4f1.js';
+
+const badgeNotificationCss = ".digi--util--fs--xs.sc-digi-badge-notification{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-badge-notification{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-badge-notification{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-badge-notification{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-badge-notification{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-badge-notification{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-badge-notification{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-badge-notification{padding-top:5rem !important}.digi--util--pb--1.sc-digi-badge-notification{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-badge-notification{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-badge-notification{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-badge-notification{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-badge-notification{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-badge-notification{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-badge-notification{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-badge-notification{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-badge-notification{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-badge-notification{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-badge-notification{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-badge-notification{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-badge-notification{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-badge-notification{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-badge-notification{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-badge-notification{padding:2.5rem !important}.digi--util--p--60.sc-digi-badge-notification{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-badge-notification{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-badge-notification{padding:4.5rem !important}.digi--util--p--90.sc-digi-badge-notification{padding:5rem !important}.digi--util--ptb--1.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-badge-notification{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-badge-notification{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-badge-notification{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-badge-notification{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-badge-notification{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-badge-notification{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-badge-notification{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-badge-notification{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-badge-notification{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-badge-notification{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-badge-notification{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-badge-notification{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-badge-notification{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-badge-notification{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-badge-notification{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-badge-notification{display:none}.sc-digi-badge-notification-h{--digi--badge-notification--color--text:var(--digi--color--text--inverted);--digi--badge-notification--color--border:var(--digi--color--border--inverted);--digi--badge-notification--background-color:var(--digi--color--background--danger-4);--digi--badge-notification--font-weight:var(--digi--typography--button--font-weight--desktop)}.sc-digi-badge-notification-h .digi-badge-notification.sc-digi-badge-notification{font-size:0.75rem;font-weight:var(--digi--badge-notification--font-weight);border:var(--digi--border-width--secondary) solid;color:var(--digi--badge-notification--color--text);background-color:var(--digi--badge-notification--background-color);border-color:var(--BORDER-COLOR)}.sc-digi-badge-notification-h .digi-badge-notification--circle.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:50%;height:1.25rem;width:1.25rem}.sc-digi-badge-notification-h .digi-badge-notification--oval.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:0.75rem;height:1.125rem;width:1.5625rem;padding-left:0.25rem;padding-right:0.25rem}.sc-digi-badge-notification-h .digi-badge-notification--pill.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:inline-block;padding-left:0.5rem;padding-right:0.5rem;border-radius:0.75rem;height:1.125rem}";
+const DigiBadgeNotificationStyle0 = badgeNotificationCss;
+
+const BadgeNotification = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afShape = BadgeNotificationShape.PILL;
+        this.afAriaLabel = undefined;
+        this.afValue = '';
+    }
+    afValueChangeHandler() {
+        this.checkProps();
+    }
+    get cssModifiers() {
+        return {
+            'digi-badge-notification--circle': this.afShape === BadgeNotificationShape.CIRCLE,
+            'digi-badge-notification--oval': this.afShape === BadgeNotificationShape.OVAL,
+            'digi-badge-notification--pill': this.afShape === BadgeNotificationShape.PILL
+        };
+    }
+    componentWillLoad() {
+        this.checkProps();
+    }
+    checkProps() {
+        let valueAsNumber;
+        if (this.afValue !== null &&
+            this.afValue !== undefined &&
+            this.afValue !== '') {
+            valueAsNumber = Number(this.afValue);
+        }
+        if (!isNaN(valueAsNumber)) {
+            if (valueAsNumber >= 100) {
+                this.afValue = '+99';
+                this.afShape = BadgeNotificationShape.PILL;
+            }
+            else if (valueAsNumber < 100 && valueAsNumber >= 10) {
+                this.afShape = BadgeNotificationShape.OVAL;
+            }
+            else {
+                this.afShape = BadgeNotificationShape.CIRCLE;
+            }
+        }
+        else {
+            this.afShape = BadgeNotificationShape.PILL;
+        }
+    }
+    render() {
+        return (h(Host, { key: '2a3f82fe0bf3d3b43ee858a0184fb7d0045656f7' }, h("div", { key: 'f652cc5b76bdc72b4778fd16a1a9d270fe2400ea', class: Object.assign({ 'digi-badge-notification': true }, this.cssModifiers), "aria-label": this.afAriaLabel }, h("div", { key: 'ece907bc0004e24eafd221ead41300f7acd803ea', class: `${this.afShape}` }, h("span", { key: 'c83210ebbbcad768073095e52b601adc80a0645d' }, this.afValue)))));
+    }
+    static get watchers() { return {
+        "afValue": ["afValueChangeHandler"]
+    }; }
+};
+BadgeNotification.style = DigiBadgeNotificationStyle0;
 
 const formFileUploadCss = ".digi--util--fs--xs.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--small) !important;\n}\n\n.digi--util--fs--s.sc-digi-form-file-upload {\n  font-size: calc(var(--digi--global--typography--font-size--small) + 1px) !important;\n}\n\n.digi--util--fs--m.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--base) !important;\n}\n\n.digi--util--fs--l.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--large) !important;\n}\n\n.digi--util--fw--sb.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold) !important;\n}\n\n.digi--util--pt--1.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pt--10.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pt--20.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pt--30.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pt--40.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pt--50.sc-digi-form-file-upload {\n  padding-top: 2.5rem !important;\n}\n\n.digi--util--pt--60.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pt--70.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pt--80.sc-digi-form-file-upload {\n  padding-top: 4.5rem !important;\n}\n\n.digi--util--pt--90.sc-digi-form-file-upload {\n  padding-top: 5rem !important;\n}\n\n.digi--util--pb--1.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pb--10.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pb--20.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pb--30.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pb--40.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pb--50.sc-digi-form-file-upload {\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--pb--60.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pb--70.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pb--80.sc-digi-form-file-upload {\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--pb--90.sc-digi-form-file-upload {\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--p--1.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--p--10.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--p--20.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--p--30.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--p--40.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--p--50.sc-digi-form-file-upload {\n  padding: 2.5rem !important;\n}\n\n.digi--util--p--60.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--p--70.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--p--80.sc-digi-form-file-upload {\n  padding: 4.5rem !important;\n}\n\n.digi--util--p--90.sc-digi-form-file-upload {\n  padding: 5rem !important;\n}\n\n.digi--util--ptb--1.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--ptb--10.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--ptb--20.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--base) !important;\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--ptb--30.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--ptb--40.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--ptb--50.sc-digi-form-file-upload {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--ptb--60.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--ptb--70.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--ptb--80.sc-digi-form-file-upload {\n  padding-top: 4.5rem !important;\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--ptb--90.sc-digi-form-file-upload {\n  padding-top: 5rem !important;\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--plr--1.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--smallest-2) !important;\n  padding-right: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--plr--10.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--smallest) !important;\n  padding-right: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--plr--20.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--base) !important;\n  padding-right: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--plr--30.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-2) !important;\n  padding-right: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--plr--40.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-4) !important;\n  padding-right: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--plr--50.sc-digi-form-file-upload {\n  padding-left: 2.5rem !important;\n  padding-right: 2.5rem !important;\n}\n\n.digi--util--plr--60.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-5) !important;\n  padding-right: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--plr--70.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-6) !important;\n  padding-right: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--plr--80.sc-digi-form-file-upload {\n  padding-left: 4.5rem !important;\n  padding-right: 4.5rem !important;\n}\n\n.digi--util--plr--90.sc-digi-form-file-upload {\n  padding-left: 5rem !important;\n  padding-right: 5rem !important;\n}\n\n.digi--util--sr-only.sc-digi-form-file-upload {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.digi--util--hidden.sc-digi-form-file-upload {\n  display: none;\n}\n\n.sc-digi-form-file-upload-h {\n  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--small--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--medium--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--large--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--border--small--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--small--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--color--border--medium--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--medium--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--color--border--large--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--large--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n  --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n  --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n  --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n  --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n  --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n  --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n  --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n  --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n  --digi--form-file-upload--button-text--color--default: var(--digi--global--color--cta--link--base);\n  --digi--form-file-upload--button-text--color--hover: var(--digi--global--color--function--info--light);\n  --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--width--small: 132px;\n  --digi--form-file-upload--width--medium: 304px;\n  --digi--form-file-upload--width--large: inherit;\n  --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n  --digi--form-file-upload--border-color--error: var(--digi--color--border--danger);\n  --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n  --digi--form-file-upload--background--error: var(--digi--color--background--danger-2);\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold);\n  color: var(--digi--color--text--link);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n  --WIDTH: var(--digi--form-file-upload--width--small);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--small);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n  --WIDTH: var(--digi--form-file-upload--width--medium);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--medium);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n  --WIDTH: var(--digi--form-file-upload--width--large);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--large);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n  margin-right: 0.5rem;\n  animation: animation__rotation 3s infinite linear;\n  transform-origin: center;\n  --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n    animation: none;\n  }\n}\n@keyframes animation__rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n  display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n  margin: 0 0 auto 0.5rem;\n  text-align: center;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  color: var(--digi--form-file-upload--button-text--color--default);\n  display: flex;\n  align-items: center;\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n  color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--color: var(\n    --digi--form-file-upload--button-text--color--hover\n  );\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--height: 1.25rem;\n  --digi--icon--width: 1.25rem;\n  --digi--icon--color: var(--digi--color--icons--complementary-1);\n  margin-left: 5px;\n  padding: var(--ICON--PADDING);\n  padding-right: 0;\n  padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n  --digi--icon--color: var(\n    --digi--form-file-upload--button-text--color--hover\n  );\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--DEFAULT);\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  border-width: var(--BORDER-WIDTH--DEFAULT);\n  border-style: var(--BORDER-STYLE--DEFAULT);\n  max-width: var(--WIDTH);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--COLOR--BACKGROUND--DEFAULT);\n  align-items: center;\n  padding: var(--PADDING);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--button-block-small);\n  position: relative;\n  cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: var(--COLOR--BACKGROUND--HOVER);\n  opacity: 0.1;\n  top: 0;\n  left: 0;\n  z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n  padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n  max-width: none;\n  padding: 0;\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  max-width: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n  padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--medium);\n  padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n  font-family: var(--digi--form-file-upload--heading--font-family);\n  font-size: var(--digi--typography--label--font-size--desktop);\n  font-weight: var(--digi--form-file-upload--heading--font-weight);\n  color: var(--digi--color--text--primary);\n  margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n  display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n  margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--border--neutral-2);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n  max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n  padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n  list-style: none;\n  margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n  margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n  margin: var(--digi--margin--small) 0;\n  margin-bottom: var(--digi--margin--medium);\n  width: 100%;\n  box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n  list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--border--neutral-2);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n  display: flex;\n  min-width: 20%;\n  justify-content: flex-end;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n  margin: auto var(--digi--margin--small) !important;\n  font-weight: var(--digi--form-file-upload--font-weight);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  white-space: nowrap;\n  height: max-content;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n  display: flex;\n  align-self: baseline;\n  position: relative;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: 4px;\n  left: 0px;\n  width: 1.375rem;\n  height: 1.375rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n  width: 100%;\n  margin: auto 0;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  margin: auto 0 auto var(--digi--margin--small);\n  color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n  position: relative;\n  display: flex;\n  padding: 0;\n  margin: 0;\n  justify-content: space-between;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n  display: flex;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n  margin: 0;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n  position: absolute;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: -6px;\n  left: 24px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n  width: 2rem;\n  height: 2rem;\n  object-fit: cover;\n  flex-grow: 0;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n  margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n  position: relative;\n  top: 6px;\n  left: 5px;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n  position: absolute;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: -7px;\n  left: 15px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n  width: 100%;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n    margin-left: 0;\n    margin-right: auto;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n  color: var(--digi--color--icons--danger);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n@container (min-width: 500px) {\n  .sc-digi-form-file-upload-h .hidden-desktop {\n    display: none !important;\n  }\n}\n@container (max-width: 499px) {\n  .sc-digi-form-file-upload-h .hidden-mobile {\n    display: none !important;\n  }\n}";
 const DigiFormFileUploadStyle0 = formFileUploadCss;
@@ -663,6 +719,50 @@ const FormValidationMessage = class {
 };
 FormValidationMessage.style = DigiFormValidationMessageStyle0;
 
+const iconChevronLeftCss = ".sc-digi-icon-chevron-left-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-left-h svg.sc-digi-icon-chevron-left{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconChevronLeftStyle0 = iconChevronLeftCss;
+
+const IconChevronLeft = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '7cd49ff84abb0040ac82e972388455ee1c9fcbab', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && h("title", { key: '6df145f77c527d71e0d220999678d31da0d6442a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '728f65b2175ae1ff817f7b4a9bb88e0b6f70be0f' }, this.afDesc), h("path", { key: 'bdaafacf02dc6e6aa7453aea4e71a40f3d80d262', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+};
+IconChevronLeft.style = DigiIconChevronLeftStyle0;
+
+const iconChevronRightCss = ".sc-digi-icon-chevron-right-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-right-h svg.sc-digi-icon-chevron-right{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconChevronRightStyle0 = iconChevronRightCss;
+
+const IconChevronRight = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '1d4f73a0f5b8db4a05207f68a5afee9c04514ab1', class: "digi-icon-chevron-right", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && h("title", { key: 'ec51ea6e9ce4629079d7ab1c2a0b6df8ce306689', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6c81803b119b9dea42929b8da4b450788fbd435b' }, this.afDesc), h("path", { key: '16a6f348d230e2284eb3648093f8b2df0f46bec4', class: "digi-icon-chevron-right__shape", d: "M1 13l6-6.074L1.147 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+};
+IconChevronRight.style = DigiIconChevronRightStyle0;
+
 const iconPaperclipCss = ".sc-digi-icon-paperclip-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-paperclip-h svg.sc-digi-icon-paperclip{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
 const DigiIconPaperclipStyle0 = iconPaperclipCss;
 
@@ -862,6 +962,272 @@ const LayoutContainer = class {
 };
 LayoutContainer.style = DigiLayoutContainerStyle0;
 
+const navigationTablistCss = ".digi--util--fs--xs.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tablist{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tablist{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tablist{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tablist{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tablist{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tablist{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tablist{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tablist{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tablist{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tablist{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tablist{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tablist{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tablist{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tablist{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tablist{padding:2.5rem !important}.digi--util--p--60.sc-digi-tablist{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tablist{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tablist{padding:4.5rem !important}.digi--util--p--90.sc-digi-tablist{padding:5rem !important}.digi--util--ptb--1.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tablist{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tablist{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tablist{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tablist{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tablist{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tablist{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tablist{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tablist{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tablist{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tablist{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tablist{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-tablist{display:none}.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--border--tertiary);--tab-text-color:var(--digi--color--text--primary);--icon-color:var(--digi--color--text--primary);--icon-color-hover:var(--digi--color--icons--inverted);--icon-color-active:var(--digi--color--icons--complementary-1);--icon-background:var(--digi--color--background--neutral-6);--icon-hover-background:var(--digi--color--background--inverted-2);--icon-active-background:var(--digi--color--background--neutral-7);--tab-icon-primary--color:var(--digi--color--icons--primary);--tab-icon-primary--color-hover:var(--digi--color--icons--primary);--tab-icon-primary--color-active:var(--digi--color--icons--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);position:relative;display:flex;gap:1rem;background-color:white;margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--border--neutral-2)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--neutral-6);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--text--link)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/\"\";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--link);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}";
+const DigiTablistStyle0 = navigationTablistCss;
+
+const NavigationTablist = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afTabChange = createEvent(this, "afTabChange", 7);
+        this.afTabFocusChange = createEvent(this, "afTabFocusChange", 7);
+        this.tabRefs = {};
+        this.handleResize = () => {
+            if (!this.tablistRef)
+                return;
+            // Ensure we measure after any layout/paint from the resize
+            if (this._requestAnimationFrame)
+                cancelAnimationFrame(this._requestAnimationFrame);
+            this._requestAnimationFrame = requestAnimationFrame(() => {
+                var _a, _b;
+                const el = this.tablistRef;
+                const containerWidth = el.clientWidth;
+                const contentWidth = el.scrollWidth;
+                // Tolerance ≈ 1 physical pixel to absorb zoom/subpixel jitter
+                const tolerance = 1 / ((window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1);
+                // Guard against div-by-zero
+                const tabsCount = Math.max((_b = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0, 1);
+                const avgTabWidth = contentWidth / tabsCount;
+                // How many whole tabs fit? Nudge by tolerance to avoid off-by-one at zoom edges
+                const tabsPerWindow = Math.floor((containerWidth + tolerance) / avgTabWidth);
+                this.tabsPerWindow = Math.max(1, Math.min(tabsPerWindow, tabsCount));
+                // Overflow check with tolerance
+                this.listOverflows = contentWidth - containerWidth > tolerance;
+                // (Optional) if you have left/right “handles”, compute visibility too:
+                this.showPrev = el.scrollLeft > tolerance;
+                this.showNext =
+                    el.scrollLeft + el.clientWidth < el.scrollWidth - tolerance;
+            });
+        };
+        this.activeTab = 0;
+        this.selectedTab = 0;
+        this.windowTab = 0;
+        this.tabsPerWindow = undefined;
+        this.tabs = [];
+        this.listOverflows = false;
+        this.showPrev = false;
+        this.showNext = false;
+        this.afTabs = undefined;
+        this.afOverflowMode = OverflowMode.Controls;
+        this.afAriaLabelledby = undefined;
+        this.afAriaLabel = undefined;
+        this.afInitialTab = undefined;
+        this.afActiveTab = undefined;
+    }
+    handleKey(e) {
+        if (this.focusCaptured()) {
+            let captureKey = true;
+            switch (e.key) {
+                case ' ':
+                case 'Enter':
+                    return this.setActiveTabAndFocus(this.selectedTab);
+                case 'ArrowLeft':
+                    if (e.shiftKey) {
+                        this.handleTabControl(Direction.Previous);
+                    }
+                    else {
+                        this.focusTab(this.selectedTab - 1);
+                    }
+                    break;
+                case 'ArrowRight':
+                    if (e.shiftKey) {
+                        this.handleTabControl(Direction.Next);
+                    }
+                    else {
+                        this.focusTab(this.selectedTab + 1);
+                    }
+                    break;
+                case 'Home':
+                    if (e.shiftKey) {
+                        return this.focusTab(0);
+                    }
+                    else {
+                        return this.moveWindow(0);
+                    }
+                case 'End':
+                    if (e.shiftKey) {
+                        return this.focusTab(this.tabs.length - 1);
+                    }
+                    else {
+                        return this.moveWindow(this.tabs.length - 1);
+                    }
+                default:
+                    captureKey = false;
+            }
+            if (captureKey) {
+                e.preventDefault();
+            }
+        }
+    }
+    syncPanels() {
+        // side-effect
+        if (this.panelsRef != null) {
+            const panels = this.panelsRef.querySelectorAll('digi-tablist-panel');
+            for (let i = 0; i < panels.length; i++) {
+                const panel = panels[i];
+                const showPanel = panel.tab === this.tabs[this.activeTab].id;
+                panel.isVisible = showPanel;
+            }
+        }
+    }
+    handleTabPropChange(tabId) {
+        this.setActiveTabById(tabId);
+    }
+    syncControls() {
+        const tabGroup = Math.floor(this.windowTab / this.tabsPerWindow);
+        const numberOfGroups = Math.ceil(this.tabs.length / this.tabsPerWindow);
+        this.showPrev = tabGroup > 0;
+        this.showNext = tabGroup < numberOfGroups - 1;
+    }
+    syncWindow(tabIdx) {
+        const tab = this.tabs[tabIdx];
+        const tabRef = this.tabRefs[tab.id];
+        const listBox = this.tablistRef.getBoundingClientRect();
+        const tabBox = tabRef.getBoundingClientRect();
+        const centeredOffset = tabRef.offsetLeft - listBox.width / 2 + tabBox.width / 2;
+        const maxLeft = this.tablistRef.scrollWidth - listBox.width;
+        const left = Math.max(Math.min(centeredOffset, maxLeft), 0);
+        this.tablistRef.scrollTo({
+            left,
+            behavior: 'smooth'
+        });
+    }
+    syncFocus(tabIdx) {
+        const tabRef = this.tabRefs[this.tabs[tabIdx].id];
+        tabRef.focus({ preventScroll: true });
+        this.windowTab = tabIdx;
+    }
+    setupTabs(tabs) {
+        if (typeof tabs === 'string') {
+            this.tabs = JSON.parse(tabs);
+        }
+        else if (Array.isArray(tabs)) {
+            this.tabs = tabs;
+        }
+        else {
+            throw new Error('Invalid format or no tabs supplied');
+        }
+    }
+    setActiveTabById(id) {
+        const tabIdx = this.tabs.findIndex((tab) => tab.id === id);
+        if (tabIdx > -1) {
+            this.activeTab = tabIdx;
+        }
+    }
+    setupInitialTab() {
+        if (this.afActiveTab != null) {
+            return this.setActiveTabById(this.afActiveTab);
+        }
+        else if (this.afInitialTab != null) {
+            return this.setActiveTabById(this.afInitialTab);
+        }
+    }
+    setupResizeHandler() {
+        this.resizeObserver = new ResizeObserver(() => this.handleResize());
+        this.resizeObserver.observe(this.tablistRef);
+    }
+    handleTabChange(tab) {
+        const idx = this.tabs.findIndex(({ id }) => id === tab.id);
+        this.setActiveTabAndFocus(idx);
+        this.afTabChange.emit(tab);
+    }
+    handleTabControl(direction) {
+        this.moveWindow(this.windowTab + direction * this.tabsPerWindow);
+    }
+    setActiveTabAndFocus(tabIdx) {
+        this.activeTab = tabIdx;
+        this.focusTab(tabIdx);
+    }
+    focusTab(tabIdx) {
+        this.selectedTab = this.nextTabIdx(tabIdx);
+        const currentTab = this.tabs[this.selectedTab];
+        this.afTabFocusChange.emit(currentTab);
+    }
+    moveWindow(tabIdx) {
+        tabIdx = Math.max(0, Math.min(tabIdx, this.tabs.length - 1));
+        this.windowTab = tabIdx;
+    }
+    nextTabIdx(tabIdx) {
+        if (tabIdx >= this.tabs.length) {
+            return 0;
+        }
+        else if (tabIdx < 0) {
+            return this.tabs.length - 1;
+        }
+        return tabIdx;
+    }
+    focusCaptured() {
+        return this.tabs.some((tab) => this.tabRefs[tab.id] === document.activeElement);
+    }
+    componentWillLoad() {
+        this.setupTabs(this.afTabs);
+        this.setupInitialTab();
+    }
+    componentDidLoad() {
+        var _a, _b, _c;
+        // Also listen to window resize for viewport zoom changes
+        window.addEventListener('resize', this.handleResize, { passive: true });
+        // Recalculate once fonts finish loading (text width changes with webfonts)
+        (_c = (_b = (_a = document.fonts) === null || _a === void 0 ? void 0 : _a.ready) === null || _b === void 0 ? void 0 : _b.then) === null || _c === void 0 ? void 0 : _c.call(_b, () => this.handleResize());
+        this.setupResizeHandler();
+        this.handleResize();
+        this.syncPanels();
+        this.syncControls();
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.handleResize);
+        this.resizeObserver.disconnect();
+        if (this._requestAnimationFrame)
+            cancelAnimationFrame(this._requestAnimationFrame);
+    }
+    render() {
+        return (h(Host, { key: 'a2d0a4a47afb0224f2a466196e0910fe8b0007db' }, h("div", { key: '907b735f9cbbd18de973d5a84962986f2db462df', class: {
+                'digi-tablist': true,
+                'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
+                'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
+            } }, h("div", { key: '4a3a4095745fb33b3e10192304aa1e6515bec1c1', class: "control-wrapper", style: {
+                left: '0',
+                visibility: this.showPrev ? 'visible' : 'hidden'
+            } }, h("button", { key: 'a599723bbb5b3cf770deee17e33e000d2c364dce', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '290eb8f8242d354d4cc72858221fedcf3b8b6e1e' }))), h("div", { key: '2342fb3a31f30a2d858a6c13408345ad7066bb22', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            const focusable = tab.id === this.tabs[this.selectedTab].id;
+            const isActive = tab.id === this.tabs[this.activeTab].id;
+            const Icon = `digi-icon-${tab.icon}`;
+            const badgeValue = tab.badgeValue;
+            return (h("button", { ref: (ref) => (this.tabRefs[tab.id] = ref), class: {
+                    'digi-tab': true,
+                    'is-active': isActive
+                }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
+        })), h("div", { key: '9cf6911780629f3f9455968e3cdb6a04a54f1782', class: "control-wrapper", style: {
+                right: '0',
+                visibility: this.showNext ? 'visible' : 'hidden'
+            } }, h("button", { key: 'd863de3bd80445003cce0b0c4209e6855ba40949', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'c6a800f0d617b0d64e842ffb0fca300dfa4f8bfa' })))), h("div", { key: 'f8ad4b2ab7707efa619d3bb74e02b35a7ace9fd6', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '17e13e799e177671506382d08c902edaefa07389' }))));
+    }
+    static get watchers() { return {
+        "activeTab": ["syncPanels"],
+        "afActiveTab": ["handleTabPropChange"],
+        "windowTab": ["syncControls", "syncWindow"],
+        "listOverflows": ["syncControls"],
+        "selectedTab": ["syncFocus"],
+        "afTabs": ["setupTabs"]
+    }; }
+};
+NavigationTablist.style = DigiTablistStyle0;
+
+const NavigationTabPanel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tab = undefined;
+        this.isVisible = false;
+    }
+    render() {
+        return (h(Host, { key: '8de4d7c710482a13c52d0cde7c9b94ea085da5c9' }, h("div", { key: '66f5fc97655c4f3f8e16ebe0e2b57cbc6bef6244', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+                display: this.isVisible ? 'initial' : 'none',
+                overflowX: 'hidden',
+                overflowY: 'auto'
+            } }, h("slot", { key: '8e5a360d1a6975556b59a82d3786b35665df1340' }))));
+    }
+    get hostElement() { return getElement(this); }
+};
+
 const typographyCss = ".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-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n    --digi--typography--body--text-decoration--mobile\n  );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n    --digi--typography--link--text-decoration--mobile\n  );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--line-height--mobile\n  );--FONT-WEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-1:var(\n    --digi--typography--heading-1--text-decoration--mobile\n  );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--line-height--mobile\n  );--FONT-WEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-2:var(\n    --digi--typography--heading-2--text-decoration--mobile\n  );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--line-height--mobile\n  );--FONT-WEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-3:var(\n    --digi--typography--heading-3--text-decoration--mobile\n  );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-4:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-5:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-6:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY)}@media (min-width: 62rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n      --digi--typography--body--text-decoration--desktop\n    );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n      --digi--typography--link--text-decoration--desktop\n    );--FONT-SIZE--HEADING-1:var(\n      --digi--typography--heading-1--font-size--desktop\n    );--LINE-HEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--line-height--desktop\n    );--FONT-WEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-1:var(\n      --digi--typography--heading-1--text-decoration--desktop\n    );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n      --digi--typography--heading-2--font-size--desktop\n    );--LINE-HEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--line-height--desktop\n    );--FONT-WEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-2:var(\n      --digi--typography--heading-2--text-decoration--desktop\n    );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n      --digi--typography--heading-3--font-size--desktop\n    );--LINE-HEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--line-height--desktop\n    );--FONT-WEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-3:var(\n      --digi--typography--heading-3--text-decoration--desktop\n    );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-4:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-5:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-6:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n    --digi--typography--body--text-decoration--desktop\n  );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n    --digi--typography--link--text-decoration--desktop\n  );--FONT-SIZE--HEADING-1:var(\n    --digi--typography--heading-1--font-size--desktop\n  );--LINE-HEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--line-height--desktop\n  );--FONT-WEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-1:var(\n    --digi--typography--heading-1--text-decoration--desktop\n  );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n    --digi--typography--heading-2--font-size--desktop\n  );--LINE-HEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--line-height--desktop\n  );--FONT-WEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-2:var(\n    --digi--typography--heading-2--text-decoration--desktop\n  );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n    --digi--typography--heading-3--font-size--desktop\n  );--LINE-HEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--line-height--desktop\n  );--FONT-WEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-3:var(\n    --digi--typography--heading-3--text-decoration--desktop\n  );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-4:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-5:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-6:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}@media (min-width: 62rem){digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop-large);--LINE-HEIGHT--BODY:var(\n      --digi--typography--body--line-height--desktop-large\n    );--FONT-WEIGHT--BODY:var(\n      --digi--typography--body--font-weight--desktop-large\n    );--TEXT-DECORATION--BODY:var(\n      --digi--typography--body--text-decoration--desktop-large\n    );--MARGIN--BODY:var(--digi--typography--paragraph--margin--large);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop-large);--LINE-HEIGHT--LINK:var(\n      --digi--typography--link--line-height--desktop-large\n    );--FONT-WEIGHT--LINK:var(\n      --digi--typography--link--font-weight--desktop-large\n    );--TEXT-DECORATION--LINK:var(\n      --digi--typography--link--text-decoration--desktop-large\n    );--FONT-SIZE--HEADING-1:var(\n      --digi--typography--heading-1--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-1:var(\n      --digi--typography--heading-1--text-decoration--desktop-large\n    );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--large);--FONT-SIZE--HEADING-2:var(\n      --digi--typography--heading-2--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-2:var(\n      --digi--typography--heading-2--text-decoration--desktop-large\n    );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--large);--FONT-SIZE--HEADING-3:var(\n      --digi--typography--heading-3--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-3:var(\n      --digi--typography--heading-3--text-decoration--desktop-large\n    );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--large);--FONT-SIZE--HEADING-4:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-4:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--large);--FONT-SIZE--HEADING-5:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-5:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--large);--FONT-SIZE--HEADING-6:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-6:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--large)}}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--link-secondary, var(--digi--color--text--link))}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul:last-child,digi-typography ol:last-child,digi-typography dl:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--link-secondary, var(--digi--color--text--link));text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--link-secondary-visited, var(--digi--color--text--link-visited))}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
 const DigiTypographyStyle0 = typographyCss;
 
@@ -879,7 +1245,7 @@ const Typography = class {
         };
     }
     render() {
-        return (h("div", { key: 'ab80bcd6bcb5929fb95afb13bddbe7fe13525175', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: 'c69f06ec50779025a1bf723ae74cc9b20d62749b' })));
+        return (h("div", { key: '70bc803a3fe0eb25a8d3951402ca13ad0f47f012', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '1e6db89ca0b13254e635e2077775513ccab7cb2b' })));
     }
 };
 Typography.style = DigiTypographyStyle0;
@@ -918,10 +1284,10 @@ const UtilBreakpointObserver = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f9b599eb8abe0c0c61a7a797dc697e4e9f345acd' }, h("div", { key: '31a1a793cf75e8ee8432b1bbcb382c812cb97741', class: "digi-util-breakpoint-observer" }, h("div", { key: 'd9c26fde942dc98296253b542637798d8df402f9', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: 'e34931386a5c01feea4d8c99c2b4d4fd135e1cfa' }))));
+        return (h(Host, { key: '47268a665ec4c31e870987b8b8f32c039d140886' }, h("div", { key: 'b8d632ef7c65c23255c2f7c0ce0dc9b3eb2cfdf2', class: "digi-util-breakpoint-observer" }, h("div", { key: 'b9f144b540b8ff073a65839736afc42474fa2d09', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: 'ab06a51b61988c2c414d376a5281e9481f3eee46' }))));
     }
     get hostElement() { return getElement(this); }
 };
 UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
 
-export { FormFileUpload as digi_form_file_upload, FormLabel as digi_form_label, FormValidationMessage as digi_form_validation_message, IconPaperclip as digi_icon_paperclip, IconSpinner as digi_icon_spinner, Icontrash as digi_icon_trash, IconValidationError as digi_icon_validation_error, IconCheckCircle as digi_icon_validation_success, IconValidationWarning as digi_icon_validation_warning, IconXButtonOutline as digi_icon_x_button_outline, LayoutContainer as digi_layout_container, Typography as digi_typography, UtilBreakpointObserver as digi_util_breakpoint_observer };
+export { BadgeNotification as digi_badge_notification, FormFileUpload as digi_form_file_upload, FormLabel as digi_form_label, FormValidationMessage as digi_form_validation_message, IconChevronLeft as digi_icon_chevron_left, IconChevronRight as digi_icon_chevron_right, IconPaperclip as digi_icon_paperclip, IconSpinner as digi_icon_spinner, Icontrash as digi_icon_trash, IconValidationError as digi_icon_validation_error, IconCheckCircle as digi_icon_validation_success, IconValidationWarning as digi_icon_validation_warning, IconXButtonOutline as digi_icon_x_button_outline, LayoutContainer as digi_layout_container, NavigationTablist as digi_tablist, NavigationTabPanel as digi_tablist_panel, Typography as digi_typography, UtilBreakpointObserver as digi_util_breakpoint_observer };

package/dist/esm/digi-calendar-datepicker.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8e318bb2.js';
-import './badge-notification-shape.enum-e15a6245.js';
+import './typography-variation.enum-7e917c96.js';
 import { C as CalendarDatepickerValidation } from './tools-feedback-variation.enum-92d10df2.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-2dcd673f.js';
@@ -14,7 +14,6 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './typography-variation.enum-90aa6767.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
 import { a as FormInputValidation } from './form-input-variation.enum-64d9450f.js';

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, c as createEvent, g as getElement } from './i
 import { C as CodeBlockVariation } from './code-example-variation.enum-e9f9fced.js';
 import { b as CodeBlockLanguage, j as FormRadiobuttonVariation, h as FormRadiobuttonLayout, i as FormRadiobuttonValidation } from './tools-feedback-variation.enum-92d10df2.js';
 import { P as Prism } from './prism-git-92a0d5cd.js';
-import './badge-notification-shape.enum-e15a6245.js';
+import './typography-variation.enum-7e917c96.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import { B as ButtonSize } from './button-size.enum-2dcd673f.js';
 import './button-type.enum-5250ae0b.js';
@@ -15,7 +15,6 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './typography-variation.enum-90aa6767.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
 import './form-input-variation.enum-64d9450f.js';