npm - @designsystem-se/af - Versions diffs - 32.2.0 → 32.3.0 - Mend

@designsystem-se/af 32.2.0 → 32.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1233) hide show

package/dist/cjs/digi-badge-notification_18.cjs.entry.js DELETED Viewed

@@ -1,1314 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-4c078883.js');
-const typographyVariation_enum = require('./typography-variation.enum-084bac52.js');
-const text = require('./text-ca7e238b.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
-const logger_util = require('./logger.util-fdafc086.js');
-const navigationTablist_types = require('./navigation-tablist.types-f042f1bd.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) {
-        index.registerInstance(this, hostRef);
-        this.afShape = typographyVariation_enum.BadgeNotificationShape.PILL;
-        this.afAriaLabel = undefined;
-        this.afValue = '';
-    }
-    afValueChangeHandler() {
-        this.checkProps();
-    }
-    get cssModifiers() {
-        return {
-            'digi-badge-notification--circle': this.afShape === typographyVariation_enum.BadgeNotificationShape.CIRCLE,
-            'digi-badge-notification--oval': this.afShape === typographyVariation_enum.BadgeNotificationShape.OVAL,
-            'digi-badge-notification--pill': this.afShape === typographyVariation_enum.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 = typographyVariation_enum.BadgeNotificationShape.PILL;
-            }
-            else if (valueAsNumber < 100 && valueAsNumber >= 10) {
-                this.afShape = typographyVariation_enum.BadgeNotificationShape.OVAL;
-            }
-            else {
-                this.afShape = typographyVariation_enum.BadgeNotificationShape.CIRCLE;
-            }
-        }
-        else {
-            this.afShape = typographyVariation_enum.BadgeNotificationShape.PILL;
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '2a3f82fe0bf3d3b43ee858a0184fb7d0045656f7' }, index.h("div", { key: 'f652cc5b76bdc72b4778fd16a1a9d270fe2400ea', class: Object.assign({ 'digi-badge-notification': true }, this.cssModifiers), "aria-label": this.afAriaLabel }, index.h("div", { key: 'ece907bc0004e24eafd221ead41300f7acd803ea', class: `${this.afShape}` }, index.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;
-const FormFileUpload = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnUploadFile = index.createEvent(this, "afOnUploadFile", 7);
-        this.afOnRemoveFile = index.createEvent(this, "afOnRemoveFile", 7);
-        this.afOnCancelFile = index.createEvent(this, "afOnCancelFile", 7);
-        this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.afShowModal = index.createEvent(this, "afShowModal", 7);
-        this.toBase64 = (file) => new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.readAsDataURL(file);
-            reader.onload = () => {
-                const encoded = reader.result.toString().replace(/^data:(.*,)?/, '');
-                resolve(encoded);
-            };
-            reader.onerror = (error) => reject(error);
-        });
-        this._input = undefined;
-        this._fileList = undefined;
-        this._uploadButton = undefined;
-        this._srTextContainer = undefined;
-        this.files = [];
-        this.error = false;
-        this.errorMessages = [];
-        this.fileHover = false;
-        this.afLabel = text._t.form.file_upload;
-        this.afLabelDescription = undefined;
-        this.afVariation = typographyVariation_enum.FormFileUploadVariation.SMALL;
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-file-upload');
-        this.afFileTypes = undefined;
-        this.afFileMaxSize = 10;
-        this.afMaxFiles = undefined;
-        this.afName = undefined;
-        this.afUploadBtnText = undefined;
-        this.afRequired = undefined;
-        this.afRequiredText = undefined;
-        this.afAnnounceIfOptional = false;
-        this.afHeadingFiles = text._t.form.file_uploaded_files;
-        this.afAnnounceIfOptionalText = undefined;
-        this.afFileMaxSizeText = undefined;
-        this.afShowThumbnail = false;
-        this.afEnablePreview = false;
-        this.afValidationText = undefined;
-        this.afValidation = typographyVariation_enum.FormFileUploadValidation.DISABLED;
-        this.afHeadingLevel = typographyVariation_enum.FormFileUploadHeadingLevel.H2;
-    }
-    afValidationTextChange() {
-        this.setValidationText();
-    }
-    breakpointHandler(e) {
-        if (e.detail.value) {
-            if (e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) {
-                this.afVariation = typographyVariation_enum.FormFileUploadVariation.SMALL;
-            }
-            else {
-                this.afVariation = this.aforiginalVariation;
-            }
-        }
-    }
-    /**
-     * Används för att skicka in en validerad fil tillbaks till komponenten. Förväntar sig att filen redan finns i komponenten med status "pending".
-     * @en Send a validated file to the component. Expects file to exist in component with status "pending".
-     */
-    async afMValidateFile(file) {
-        if (!this.fileExistInFiles(file)) {
-            return;
-        }
-        this.removeFileFromList(file['id']);
-        if (file['status'] !== 'error') {
-            /* Måste göra en kopia av filen för att komponenten ska rendera om sig.
-             * Annars kan den peka på samma referens och förstår inte att statusen har ändrats.  */
-            const copiedFile = new File([file], file.name, { type: file.type });
-            copiedFile['id'] = file['id'];
-            copiedFile['status'] = file['status'];
-            copiedFile['base64'] = await this.toBase64(file);
-            this.files = [...this.files, copiedFile];
-        }
-        else {
-            this.validateFile(file);
-        }
-    }
-    /**
-     * Få ut alla uppladdade filer
-     * @en Get all uploaded files
-     */
-    async afMGetAllFiles() {
-        return this.files;
-    }
-    /**
-     * Hämta ut komponentens validitets-state och felmeddelanden
-     * @en Get component validity and error messages
-     */
-    async afMGetValidationState() {
-        return { isValid: !this.error, errorMessages: this.errorMessages };
-    }
-    /**
-     * Importera lista med filer utan att trigga uppladdningsevent. Ett objekt måste innehålla id, status och filen själv.
-     * @en Import array with files without triggering upload event. A file object needs to contain an id, status and the file itself.
-     */
-    async afMImportFiles(files) {
-        if (files && files.length > 0) {
-            for (const importedFile of files) {
-                this.validateFile(importedFile);
-            }
-        }
-        const filesThatArOK = this.errorMessages.length === 0 ? files : this.getFilesThatAreOK(files);
-        if (filesThatArOK.length === 0) {
-            return;
-        }
-        this.files = this.files.concat(filesThatArOK);
-    }
-    async afMGetFormControlElement() {
-        return this._input;
-    }
-    componentWillLoad() {
-        this.aforiginalVariation = this.afVariation;
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-        /* Vid första renderingen så fungerar inte propertyn korrekt om vi inte kallar på setValidationText härifrån.
-         * Gissar att det är en tajmin-issue mellan prop och state, men hinner inte gräva i det mer nu.  */
-        this.setValidationText();
-    }
-    get fileMaxSize() {
-        const MEGABYTE = 1048576;
-        return this.afFileMaxSize * MEGABYTE;
-    }
-    setValidationText() {
-        if (this.afValidationText && this.afValidationText.length > 0) {
-            let isDuplicated = false;
-            if (this.errorMessages.length > 0) {
-                this.errorMessages.forEach((error) => {
-                    if (error.message === this.afValidationText) {
-                        isDuplicated = true;
-                    }
-                });
-            }
-            if (!isDuplicated) {
-                this.errorMessages.push({
-                    fileName: '',
-                    message: this.afValidationText
-                });
-            }
-            this.error = true;
-        }
-        else {
-            this.resetErrors();
-        }
-    }
-    fileExistInFiles(fileToCheck) {
-        let exist = false;
-        if (this.files.length > 0) {
-            this.files.forEach((file) => {
-                if (file.name === fileToCheck.name) {
-                    exist = true;
-                }
-            });
-        }
-        return exist;
-    }
-    checkAcceptedTypes(file) {
-        const acceptedTypes = this.afFileTypes.replace(/\s/g, '').split(',');
-        const fileMimeType = file.type;
-        const fileNameExtension = file.name
-            .split('.')
-            .slice(-1)
-            .map((item) => '.' + item.toLowerCase())
-            .toString();
-        return acceptedTypes.some((item) => {
-            // Checking against group of mime types
-            if (item.includes('/*')) {
-                const mimeTypeCategory = item.split('/').slice(0, 1).toString();
-                const fileMimeTypeCategory = fileMimeType
-                    .split('/')
-                    .slice(0, 1)
-                    .toString();
-                return mimeTypeCategory == fileMimeTypeCategory;
-            }
-            // Checking against mimetype and extension
-            return (item === fileMimeType || item === fileNameExtension || item === '*');
-        });
-    }
-    resetErrors(handleFocus = false) {
-        this.error = false;
-        this._srTextContainer.textContent = '';
-        this.errorMessages = [];
-        /* Timeouten behövs för att state och element ska hinna renderas om innan fokus flyttas.
-         Vi märkte att det blir problem för hjälpmedel om den inte är på plats.  */
-        if (handleFocus) {
-            setTimeout(() => {
-                this._uploadButton.focus();
-            }, 100);
-        }
-    }
-    addErrorMessage(fileName, message) {
-        this.errorMessages.push({
-            fileName: fileName,
-            message: message
-        });
-    }
-    validateFileStatus(file) {
-        if (file['status'] &&
-            file['status'] === typographyVariation_enum.FormValidationMessageVariation.ERROR) {
-            const message = file['error']
-                ? file['error']
-                : text._t.form.file_error_unknown_error;
-            this.addErrorMessage(file.name, message);
-        }
-    }
-    validateMaxSize(file) {
-        if (file.size > this.fileMaxSize) {
-            const message = this.afFileMaxSizeText
-                ? this.afFileMaxSizeText
-                : text._t.form.file_error_too_large(file.name, this.afFileMaxSize);
-            this.addErrorMessage(file.name, message);
-        }
-    }
-    validateFileType(file) {
-        if (!this.checkAcceptedTypes(file)) {
-            this.addErrorMessage(file.name, text._t.form.file_error_filetype_not_allowed(file.name, this.afFileTypes));
-        }
-    }
-    validateFile(file) {
-        this.validateIfFileIsAlreadyUploaded(file);
-        this.validateFileStatus(file);
-        this.validateMaxSize(file);
-        this.validateFileType(file);
-        this.error = this.errorMessages.length > 0;
-    }
-    onCancelFileHandler(e, id) {
-        e.preventDefault();
-        const fileFromList = this.removeFileFromList(id);
-        fileFromList['status'] = 'error';
-        fileFromList['error'] = text._t.form.file_upload_canceled;
-        this.afOnCancelFile.emit(fileFromList);
-    }
-    removeFileFromList(id) {
-        const index = this.getIndexOfFile(id);
-        if (index === -1) {
-            return;
-        }
-        const removedFile = this.files[index];
-        this.files = [
-            ...this.files.slice(0, index),
-            ...this.files.slice(index + 1)
-        ];
-        return removedFile;
-    }
-    getIndexOfFile(id) {
-        const index = this.files.findIndex((file) => file['id'] == id);
-        return index;
-    }
-    getFilesThatAreOK(files) {
-        const validFiles = [];
-        files.forEach((file) => {
-            let isValid = true;
-            this.errorMessages.forEach((message) => {
-                if (message.fileName === file.name) {
-                    isValid = false;
-                }
-            });
-            if (isValid) {
-                validFiles.push(file);
-            }
-        });
-        return validFiles;
-    }
-    validateIfFileIsAlreadyUploaded(file) {
-        for (const item of this.files) {
-            if (item.name === file.name) {
-                this.addErrorMessage(file.name, text._t.form.file_error_exists(file.name));
-            }
-        }
-    }
-    handleFiles(e) {
-        var _a, _b;
-        this.resetErrors();
-        const fileList = e.dataTransfer ? (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files : (_b = e.target) === null || _b === void 0 ? void 0 : _b.files;
-        const filesToValidate = [];
-        Array.from(fileList).forEach((file) => {
-            filesToValidate.push(file);
-        });
-        if (!filesToValidate || filesToValidate.length === 0) {
-            return;
-        }
-        const numberOfFiles = filesToValidate.length + this.files.length;
-        if (numberOfFiles > this.afMaxFiles) {
-            this.addErrorMessage('', text._t.form.file_error_too_many);
-            this.error = true;
-            return;
-        }
-        filesToValidate.forEach((file) => {
-            this.validateFile(file);
-        });
-        const filesThatArOK = this.errorMessages.length === 0
-            ? filesToValidate
-            : this.getFilesThatAreOK(filesToValidate);
-        if (filesThatArOK.length === 0) {
-            return;
-        }
-        const formData = new FormData();
-        filesThatArOK.forEach((file) => {
-            formData.append('file', file);
-        });
-        for (const obj of formData.entries()) {
-            this.addFileStatusAndEmitFiles(obj[1]);
-        }
-        this._input.value = '';
-    }
-    onButtonUploadFileHandler(e) {
-        e.preventDefault();
-        if (!e.target.files)
-            return;
-        this.handleFiles(e);
-    }
-    onRemoveFileHandler(e, id) {
-        e.preventDefault();
-        this.resetErrors();
-        const fileToRemove = this.removeFileFromList(id);
-        this.afOnRemoveFile.emit(fileToRemove);
-        this._input.value = '';
-        this.handleFocusAfterFileRemoved();
-    }
-    handleFocusAfterFileRemoved() {
-        /* Timeouten behövs för att state och element ska hinna renderas om innan fokus flyttas.
-           Vi märkte att det blir problem för hjälpmedel om den inte är på plats.  */
-        setTimeout(() => {
-            if (this.files.length > 0) {
-                this._fileList.focus();
-            }
-            else {
-                this._uploadButton.focus();
-            }
-        }, 100);
-    }
-    emitFile(file) {
-        const index = this.getIndexOfFile(file['id']);
-        if (this.afValidation === typographyVariation_enum.FormFileUploadValidation.ENABLED) {
-            this.afOnUploadFile.emit(this.files[index]);
-        }
-        else {
-            this.files[index]['status'] = 'OK';
-            this.afOnUploadFile.emit(this.files[index]);
-        }
-    }
-    async addFileStatusAndEmitFiles(file) {
-        file['id'] = randomIdGenerator_util.randomIdGenerator('file');
-        file['status'] = 'pending';
-        file['base64'] = await this.toBase64(file);
-        this.files = [...this.files, file];
-        this.emitFile(file);
-    }
-    handleDrop(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        this.fileHover = false;
-        if (e.dataTransfer.files) {
-            this.handleFiles(e);
-        }
-    }
-    handleAllowDrop(e) {
-        if (this.afVariation === typographyVariation_enum.FormFileUploadVariation.SMALL)
-            return;
-        e.stopPropagation();
-        e.preventDefault();
-    }
-    handleOnDragEnterLeave(e) {
-        this.handleAllowDrop(e);
-        this.fileHover = !this.fileHover;
-    }
-    handleInputClick(e) {
-        e.stopPropagation();
-        this.afShowModal.emit();
-        this._input.click();
-    }
-    getFiletypeAndShortFileName(file) {
-        let fileType = null;
-        let fileName = file.name;
-        const fileExtension = fileName.split('.').pop();
-        const fileWithoutExtension = fileName.replace('.' + fileExtension, '');
-        const minChars = window.innerWidth < 769 ? 6 : fileName.length;
-        const maxChars = window.innerWidth < 769 ? 14 : fileName.length;
-        if (String(file['type']).split('/')[0] === 'image') {
-            fileType = 'image';
-        }
-        else if (String(file['type']).split('/')[1] === 'pdf') {
-            fileType = 'pdf';
-        }
-        else {
-            fileType = 'default';
-        }
-        if (fileName.length > minChars) {
-            fileName =
-                fileWithoutExtension.substring(0, minChars) + '...' + fileExtension;
-        }
-        else if (fileName.length > maxChars) {
-            fileName = fileWithoutExtension.substring(0, 6) + '...' + fileExtension;
-        }
-        else {
-            fileName = file.name;
-        }
-        return { type: fileType, name: fileName };
-    }
-    // If its a pdf or an image the file is opened on another tab, any other file formats are downloaded
-    async viewUploadedFile(e, file) {
-        e.preventDefault();
-        if (this.getFiletypeAndShortFileName(file).type === 'image') {
-            const w = window.open();
-            w.document.write(`<img src="data:${file['type']};base64,${file['base64']}" alt="${file.name}" />`);
-            w.document.title = file['name'];
-        }
-        else if (this.getFiletypeAndShortFileName(file).type === 'pdf') {
-            (async () => {
-                const pdfstr = await fetch(`data:application/pdf;base64,${file['base64']}`);
-                const blobFromFetch = await pdfstr.blob();
-                const blob = new Blob([blobFromFetch], { type: 'application/pdf' });
-                const blobUrl = URL.createObjectURL(blob);
-                setTimeout(() => {
-                    window.open(blobUrl, '_blank');
-                }, 30);
-            })();
-        }
-        else {
-            const fileURL = URL.createObjectURL(file);
-            const a = document.createElement('a');
-            a.href = fileURL;
-            a.target = '_blank';
-            a.download = file.name;
-            a.click();
-        }
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-file-upload--small': this.afVariation == 'small',
-            'digi-form-file-upload--medium': this.afVariation == 'medium',
-            'digi-form-file-upload--large': this.afVariation == 'large',
-            'digi-form-file-upload--has-errors': this.errorMessages.length > 0
-        };
-    }
-    renderErrorMessage() {
-        if (!this.error) {
-            return;
-        }
-        this.readErrorMessagesToAssistiveTechnologies();
-        const showBorder = this.files.length > 0 ? 'with-files' : '';
-        return (index.h("div", { class: 'digi-form-file-upload__error-list-container ' + showBorder }, index.h("ul", { class: "digi-form-file-upload__error-list", "aria-hidden": "true" }, this.renderErrorMessages()), index.h("button", { type: "button", "aria-label": text._t.form.file_upload_reset_errors_aria_label, class: "digi-form-file-upload__button clear-button hidden-mobile", onClick: () => {
-                this.resetErrors(true);
-            } }, index.h("span", null, text._t.form.file_upload_reset_errors)), index.h("button", { type: "button", onClick: () => {
-                this.resetErrors(true);
-            }, class: "digi-form-file-upload__button clear-button hidden-desktop", "aria-label": text._t.form.file_upload_reset_errors_aria_label }, index.h("digi-icon-x-button-outline", { class: "digi-form-file-upload__button-icon clear-icon", "aria-hidden": "true" }))));
-    }
-    readErrorMessagesToAssistiveTechnologies() {
-        this._srTextContainer.textContent = '';
-        const srTexts = this.errorMessages.map((error) => {
-            return error.message + ' ';
-        });
-        /* Timeouten behövs för att state och element ska hinna renderas om innan innehållet ändras.
-           Vi märkte att det blir problem för hjälpmedel om den inte är på plats.  */
-        setTimeout(() => {
-            this._srTextContainer.textContent = srTexts.toString();
-        }, 200);
-    }
-    renderErrorMessages() {
-        return this.errorMessages.map((error) => {
-            return (index.h("li", null, index.h("digi-form-validation-message", { id: "digi-form-file-upload__error", class: "digi-form-file-upload__error", "af-variation": "error" }, error.message)));
-        });
-    }
-    renderPendingFile(file) {
-        return (index.h("div", { class: "digi-form-file-upload__item-pending-container" }, index.h("span", { class: "info-wrapper" }, index.h("digi-icon-spinner", { class: "digi-form-file-upload__spinner" }), index.h("span", { style: { margin: '0' } }, text._t.form.file_upload_progress, " ", index.h("span", { class: "hidden-mobile" }, "|")), index.h("p", { class: "digi-form-file-upload__item-name-pending hidden-mobile" }, this.getFiletypeAndShortFileName(file).name)), index.h("span", { class: "button-wrapper" }, index.h("button", { type: "button", onClick: (e) => this.onCancelFileHandler(e, file['id']), class: "digi-form-file-upload__button digi-form-file-upload__button-abort hidden-mobile", "aria-label": text._t.form.file_cancel_upload_long(file.name) }, text._t.form.file_cancel_upload), index.h("button", { type: "button", onClick: (e) => this.onCancelFileHandler(e, file['id']), class: "digi-form-file-upload__button hidden-desktop", "aria-label": text._t.form.file_cancel_upload_long(file.name) }, index.h("digi-icon-x-button-outline", { class: "digi-form-file-upload__button-icon", "aria-hidden": "true" })))));
-    }
-    renderImageThumbnail(file) {
-        if (this.afShowThumbnail) {
-            return (index.h("figure", { class: "digi-form-file-upload__item-text-container-figure", style: { margin: '0' } }, index.h("img", { "aria-hidden": "true", class: "thumbnail", src: `data:${file['type']};base64,${file['base64']}` }), index.h("figcaption", { class: "visually-hidden" }, "Miniatyr av ", file.name)));
-        }
-        return this.renderCheckmark();
-    }
-    renderCheckmark() {
-        return index.h("span", { class: "digi-form-file-upload__item-green-check" });
-    }
-    renderPDFThumbnail(file) {
-        if (this.afShowThumbnail) {
-            return (index.h("span", { class: `${this.afShowThumbnail ? 'digi-form-file-upload__item-pdf-preview-bis' : null}`, "aria-label": file.name }, index.h("svg", { style: { scale: '1' }, width: "23.76", height: "32", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z", fill: "#1616B2", "fill-rule": "evenodd" }))));
-        }
-        return this.renderCheckmark();
-    }
-    renderThumbnail(file) {
-        const fileType = this.getFiletypeAndShortFileName(file).type;
-        switch (fileType) {
-            case 'pdf':
-                return this.renderPDFThumbnail(file);
-            case 'image':
-                return this.renderImageThumbnail(file);
-            default:
-                return this.renderCheckmark();
-        }
-    }
-    renderFileName(file) {
-        if (this.afEnablePreview) {
-            return (index.h("a", { class: "digi-form-file-upload__item-name", href: "#", onClick: (e) => {
-                    this.viewUploadedFile(e, file);
-                } }, file.name));
-        }
-        else {
-            return index.h("span", { class: "digi-form-file-upload__item-name" }, file.name);
-        }
-    }
-    renderOKFile(file) {
-        return (index.h(index.Fragment, null, index.h("span", { class: "digi-form-file-upload__item-text-and-thumbnail-container" }, this.renderThumbnail(file), this.renderFileName(file)), index.h("button", { type: "button", onClick: (e) => this.onRemoveFileHandler(e, file['id']), class: "digi-form-file-upload__button digi-form-file-upload__button--mobile", "aria-label": text._t.form.file_remove(file.name) }, index.h("span", { class: "hidden-mobile" }, text._t.form.file_remove()), index.h("digi-icon-trash", { class: "digi-form-file-upload__button-icon hidden-desktop" }))));
-    }
-    renderFile(file) {
-        switch (file['status']) {
-            case 'pending':
-                return this.renderPendingFile(file);
-            default:
-                return this.renderOKFile(file);
-        }
-    }
-    renderFiles() {
-        const filesMap = this.files.map((file, index$1) => {
-            {
-                return (index.h("li", { class: "digi-form-file-upload__item-container", key: 'file-' + index$1 }, index.h("div", { class: "digi-form-file-upload__item" }, index.h("div", { class: "digi-form-file-upload__item-text-container" }, this.renderFile(file)))));
-            }
-        });
-        return filesMap;
-    }
-    renderFileContainer() {
-        if (this.files.length === 0) {
-            return;
-        }
-        return (index.h(index.Fragment, null, index.h(this.afHeadingLevel, { class: {
-                'digi-form-file-upload__files-heading': true,
-                'digi-form-file-upload__files-heading--and-errors': this.error
-            } }, this.afHeadingFiles), index.h("ul", { class: "digi-form-file-upload__files-list", tabindex: -1, ref: (el) => {
-                this._fileList = el;
-            } }, this.renderFiles())));
-    }
-    render() {
-        return (index.h(index.Fragment, { key: '580ccd74dcdc8a15ee7a50105066c6d609e723b7' }, index.h("digi-util-breakpoint-observer", { key: '9b9589b28a18ded2bf67994a439bd536f08584e4', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '1e5cff6bafb3a81af192e1ee4298bee2240eca33', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '75ae2b56e481e00765e1d43234df14c572ea7967', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: 'ed0236252fed830bf472d7921d9dcc5a256a91d8', class: {
-                'digi-form-file-upload__upload-area': true,
-                'digi-form-file-upload__upload-area--hover': this.fileHover
-            }, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
-            this.afVariation != typographyVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'ddd140e8b75acf45e0a888d7263b0960ff1b7962', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '10d4233b2ea238241db72a1707ad42e225642282', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '2a2d261139d36d93e6d0bd7fd137ae7b599cfb19', type: "button", ref: (el) => {
-                this._uploadButton = el;
-            }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
-                margin: '0'
-            } }, index.h("digi-icon-paperclip", { key: 'df312825690f52fd61b6647abfab6e92f597f598', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
-            ? this.afUploadBtnText
-            : text._t.form.file_choose), index.h("input", { key: 'ddf070f55f29363aac37b604324ef79c8012a81f', ref: (el) => {
-                this._input = el;
-            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: '9979fdc76df838ffc9aa8819bbcbf08c91c049ce' }, this.afVariation !== typographyVariation_enum.FormFileUploadVariation.SMALL &&
-            text._t.form.file_dropzone))), index.h("p", { key: '4e77feeda7adc04c8fa4255f3b460703d10bc230', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
-                this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: 'acf58e18643a87eeee54c1f7d6db872fa11598c6', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afValidationText": ["afValidationTextChange"]
-    }; }
-};
-FormFileUpload.style = DigiFormFileUploadStyle0;
-const formLabelCss = ".sc-digi-form-label-h .digi-form-label.sc-digi-form-label{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary);display:flex;flex-direction:column}.sc-digi-form-label-h .digi-form-label__label--label.sc-digi-form-label{font-weight:var(--digi--typography--label--font-weight--desktop)}.sc-digi-form-label-h .digi-form-label__label--label.sc-digi-form-label,.sc-digi-form-label-h .digi-form-label__label--description.sc-digi-form-label{line-height:var(--digi--typography--label--line-height--desktop);cursor:pointer;display:block}.sc-digi-form-label-h .digi-form-label__label-group.sc-digi-form-label{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon)}.sc-digi-form-label-h .digi-form-label__description.sc-digi-form-label{max-width:var(--digi--paragraph-width--medium);line-height:var(--digi--typography--label-description--line-height--desktop);font-size:var(--digi--typography--label-description--font-size--desktop)}";
-const DigiFormLabelStyle0 = formLabelCss;
-const FormLabel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.labelText = undefined;
-        this.hasActionSlot = undefined;
-        this.afLabel = undefined;
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-label');
-        this.afFor = undefined;
-        this.afDescription = undefined;
-        this.afRequired = undefined;
-        this.afAnnounceIfOptional = false;
-        this.afRequiredText = text._t.required.toLowerCase();
-        this.afAnnounceIfOptionalText = text._t.optional.toLowerCase();
-    }
-    componentWillLoad() {
-        this.setLabelText();
-        this.validateFor();
-        this.handleSlotVisibility();
-    }
-    validateFor() {
-        if (this.afFor == null) {
-            logger_util.logger.warn(`digi-form-label must have a for attribute. Please add a for attribute using af-for`, this.hostElement);
-        }
-    }
-    setLabelText() {
-        this.labelText = `${this.afLabel} ${this.requiredText}`;
-        if (!this.afLabel) {
-            logger_util.logger.warn(`digi-form-label must have a label. Please add a label using af-label`, this.hostElement);
-        }
-    }
-    handleSlotVisibility() {
-        this.hasActionSlot = !!this.hostElement.querySelector('[slot="actions"]');
-    }
-    get requiredText() {
-        if (this.afRequired && !this.afAnnounceIfOptional) {
-            return this.afRequiredText ? ` (${this.afRequiredText})` : '';
-        }
-        else if (!this.afRequired && this.afAnnounceIfOptional) {
-            return this.afAnnounceIfOptionalText
-                ? ` (${this.afAnnounceIfOptionalText})`
-                : '';
-        }
-        else {
-            return '';
-        }
-    }
-    render() {
-        return (index.h("div", { key: 'e4a27fb5d0ce2eb12cee08acfe804f080486b805', class: "digi-form-label" }, index.h("div", { key: '9e06550d32519dc2bc89ff08e9025829275e959a', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: '1408c2dcac2de2d64fe02bd371851bb557fae3dc', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: '0dcab145adac7bb9d08d189ea317154adcb694d9', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: 'eab65c9d6ed4b2026a14ab605468c906c52f8f33', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: '8394c8f21653cfe5889b234f9f5d0f32dbc5e1de', class: "digi-form-label__actions" }, index.h("slot", { key: '4e465d67ab95a7c212a47dda824241511ff3314a', name: "actions" }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afFor": ["validateFor"],
-        "afLabel": ["setLabelText"],
-        "afRequired": ["setLabelText"],
-        "afAnnounceIfOptional": ["setLabelText"]
-    }; }
-};
-FormLabel.style = DigiFormLabelStyle0;
-const formValidationMessageCss = ".sc-digi-form-validation-message-h{--digi--form-validation-message--icon-color--success:var(--digi--color--icons--success);--digi--form-validation-message--icon-color--warning:var(--digi--color--icons--warning);--digi--form-validation-message--icon-color--error:var(--digi--color--icons--danger)}.sc-digi-form-validation-message-h .digi-form-validation-message.sc-digi-form-validation-message{display:flex;flex-wrap:wrap;align-items:center}.sc-digi-form-validation-message-h .digi-form-validation-message--success.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--success)}.sc-digi-form-validation-message-h .digi-form-validation-message--warning.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--warning)}.sc-digi-form-validation-message-h .digi-form-validation-message--error.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--error)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message{color:var(--ICON-COLOR);margin-inline-end:var(--digi--gutter--icon)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message>*.sc-digi-form-validation-message{--digi--icon--width:1.25em;--digi--icon--height:1.25em;--digi--icon--color:var(--ICON-COLOR);display:flex}.sc-digi-form-validation-message-h .digi-form-validation-message__text.sc-digi-form-validation-message{flex:1;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);color:var(--digi--color--text--primary)}";
-const DigiFormValidationMessageStyle0 = formValidationMessageCss;
-const FormValidationMessage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afVariation = typographyVariation_enum.FormValidationMessageVariation.SUCCESS;
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-validation-message--success': this.afVariation === typographyVariation_enum.FormValidationMessageVariation.SUCCESS,
-            'digi-form-validation-message--error': this.afVariation === typographyVariation_enum.FormValidationMessageVariation.ERROR,
-            'digi-form-validation-message--warning': this.afVariation === typographyVariation_enum.FormValidationMessageVariation.WARNING
-        };
-    }
-    get icon() {
-        switch (this.afVariation) {
-            case typographyVariation_enum.FormValidationMessageVariation.SUCCESS:
-                return index.h("digi-icon-validation-success", null);
-            case typographyVariation_enum.FormValidationMessageVariation.ERROR:
-                return index.h("digi-icon-validation-error", null);
-            case typographyVariation_enum.FormValidationMessageVariation.WARNING:
-                return index.h("digi-icon-validation-warning", null);
-        }
-    }
-    render() {
-        return (index.h("div", { key: '476664be4624693d823227aab661bf0332f500a6', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: 'e5ce10d94d2c101e60b82b3b3808e320d24f20b5', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: 'cdfbd680c9b56b2efc7a38034957434344d5724a', class: "digi-form-validation-message__text" }, index.h("slot", { key: 'c8c8320411478b72d1887974e177cdf3f7e49f49' }))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-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) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.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 && index.h("title", { key: '6df145f77c527d71e0d220999678d31da0d6442a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '728f65b2175ae1ff817f7b4a9bb88e0b6f70be0f' }, this.afDesc), index.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) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.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 && index.h("title", { key: 'ec51ea6e9ce4629079d7ab1c2a0b6df8ce306689', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '6c81803b119b9dea42929b8da4b450788fbd435b' }, this.afDesc), index.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;
-const IconPaperclip = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '9fe6f0689163c23a98eb5b6a377987d2c5eb0451', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '9c0ee56dca04871444bc7e87d0d4ac32b620895f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'dd973655f804d170050641d1605d604413bd329b' }, this.afDesc), index.h("path", { key: '35420c3defad6044090a1c5917977f5ea6987153', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconPaperclip.style = DigiIconPaperclipStyle0;
-const iconSpinnerCss = ".sc-digi-icon-spinner-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-spinner-h svg.sc-digi-icon-spinner{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 DigiIconSpinnerStyle0 = iconSpinnerCss;
-const IconSpinner = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this._path = 'M25 42c9.389 0 17-7.611 17-17S34.389 8 25 8 8 15.611 8 25s7.611 17 17 17zm0 8C11.193 50 0 38.807 0 25S11.193 0 25 0s25 11.193 25 25-11.193 25-25 25z';
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: 'c310468c3b1143e82ff886825e9df2027d1d78ac', class: "digi-icon-spinner", height: "50", viewBox: "0 0 50 50", width: "50", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'f0defdadcae946e35f91736d6319cbc14335a6b7', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '79eec9773a28eebeefb1b5ee6a4b3bd7da69924e' }, this.afDesc), index.h("g", { key: '6b06b9837f71dfb7e89e18d18515bdcc6406d4b2', class: "digi-icon-spinner__shape", fill: "none", "fill-rule": "evenodd" }, index.h("mask", { key: '96969028f545448a581099008718128c6bce68ae', fill: "#fff", id: "iconSpinnerPath" }, index.h("path", { key: '924202875e6082073c42b12526ea5462c4885797', d: this._path })), index.h("path", { key: '4480a65b54f647756f12b38b56e64426c47f83c9', d: this._path, fill: "#D0CFE1", "fill-rule": "nonzero" }), index.h("path", { key: '3733ae30680b729945fa2e498dddbe3dc113ae5d', d: "M19 26L54-5v62z", fill: "currentColor", mask: "url(#iconSpinnerPath)" }))));
-    }
-};
-IconSpinner.style = DigiIconSpinnerStyle0;
-const iconTrashCss = ".sc-digi-icon-trash-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-trash-h svg.sc-digi-icon-trash{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 DigiIconTrashStyle0 = iconTrashCss;
-const Icontrash = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '25e5c1ce3adf5c05072426a3b0af6c66424f0526', class: "digi-icon-trash", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '7d6fcf8ed5688f2003159d6f084f87691dc21121', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ef2cfe9f7dc095a8d3c9bd48ac079b9641f1c6e5' }, this.afDesc), index.h("path", { key: 'ebbb100a378d895519b898e57269f65e24459936', class: "digi-icon-trash__shape", d: "M28.3065836,39.0000003 L30.4710557,39.0000003 C31.0687581,39.0000003 31.5532917,38.4963197 31.5532917,37.8749994 L31.5532917,17.6250003 C31.5532917,17.00368 31.0687581,16.5000003 30.4710557,16.5000003 L28.3065836,16.5000003 C27.7088812,16.5000003 27.2243476,17.00368 27.2243476,17.6250003 L27.2243476,37.8749994 C27.2243476,38.4963197 27.7088812,39.0000003 28.3065836,39.0000003 Z M43.0971425,7.50000051 L35.6648867,7.50000051 L32.5985513,2.18437593 C31.8157803,0.828519874 30.4058526,-0.000752023508 28.884678,5.11738477e-07 L19.7920918,5.11738477e-07 C18.2715602,5.11738477e-07 16.8624625,0.829093174 16.0800223,2.18437593 L13.0118832,7.50000051 L5.57962735,7.50000051 C4.78269076,7.50000051 4.136646,8.17157355 4.136646,9.00000051 L4.136646,10.5000005 C4.136646,11.3284277 4.78269076,12.0000005 5.57962735,12.0000005 L7.0226087,12.0000005 L7.0226087,43.5000005 C7.0226087,45.9852804 8.96074297,48.0000005 11.3515528,48.0000005 L37.3252171,48.0000005 C39.7160269,48.0000005 41.6541611,45.9852804 41.6541611,43.5000005 L41.6541611,12.0000005 L43.0971425,12.0000005 C43.8940791,12.0000005 44.5401238,11.3284277 44.5401238,10.5000005 L44.5401238,9.00000051 C44.5401238,8.17157355 43.8940791,7.50000051 43.0971425,7.50000051 Z M19.6342657,4.77281332 C19.7323744,4.60306234 19.9091243,4.49944487 20.0996272,4.49999861 L28.5771426,4.49999861 C28.7673243,4.49977491 28.9436588,4.60334956 29.0416023,4.77281332 L30.6162557,7.49999861 L18.0605142,7.49999861 L19.6342657,4.77281332 Z M37.3252171,43.5000005 L11.3515528,43.5000005 L11.3515528,12.0000005 L37.3252171,12.0000005 L37.3252171,43.5000005 Z M18.2057142,39.0000003 L20.3701862,39.0000003 C20.9678886,39.0000003 21.4524222,38.4963197 21.4524222,37.8749994 L21.4524222,17.6250003 C21.4524222,17.00368 20.9678886,16.5000003 20.3701862,16.5000003 L18.2057142,16.5000003 C17.6080117,16.5000003 17.1234782,17.00368 17.1234782,17.6250003 L17.1234782,37.8749994 C17.1234782,38.4963197 17.6080117,39.0000003 18.2057142,39.0000003 Z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-Icontrash.style = DigiIconTrashStyle0;
-const iconValidationErrorCss = ".sc-digi-icon-validation-error-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-validation-error-h svg.sc-digi-icon-validation-error{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 DigiIconValidationErrorStyle0 = iconValidationErrorCss;
-const IconValidationError = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '41ffc4c3d87390ae217263e98d041467a3f4c3a8', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", 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 && index.h("title", { key: 'd1bdf3cb7894761018a33df17e461562c62f2a88', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '03e28955baed21df8d54fd9a45b5b6b52c861e72' }, this.afDesc), index.h("path", { key: 'd1aad885c99e8dcefbd87554dfa24ff4793e3e80', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconValidationError.style = DigiIconValidationErrorStyle0;
-const iconValidationSuccessCss = ".sc-digi-icon-validation-success-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-validation-success-h svg.sc-digi-icon-validation-success{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 DigiIconValidationSuccessStyle0 = iconValidationSuccessCss;
-const IconCheckCircle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: 'fae0e31b57ea0c8967bcf5b7c9f455ae082f6ba6', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '281f60b240130a37391aa3e7ac0a3d0c5e637bc3', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2bbf50f8eb1f5a56bb3ccf14c24a7ec46e2c94fe' }, this.afDesc), index.h("path", { key: '94abbabd9bb3b886c0fc81b8100547366982b6a7', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconCheckCircle.style = DigiIconValidationSuccessStyle0;
-const iconValidationWarningCss = ".sc-digi-icon-validation-warning-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-validation-warning-h svg.sc-digi-icon-validation-warning{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 DigiIconValidationWarningStyle0 = iconValidationWarningCss;
-const IconValidationWarning = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("div", { key: '584c0d857b5b1f2e872abfac1ac0b67c743ee109' }, index.h("svg", { key: '9181b9f7e07e98629826415884de3dc8224282d7', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", 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 && index.h("title", { key: 'b86270de37ffe0d0dcdc2d3b11d122b294970e22', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'c534be9c18e9467d18aa8397698edac77f15dfae' }, this.afDesc), index.h("g", { key: '42657f7631a8c9a54e3b7a02bd95757222c68b86', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: '863ad3e5f51f15d8385558494f9ea9e389a8d216', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '53881444c3a8a351d3a2b41bad03c0d10d190668', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
-    }
-};
-IconValidationWarning.style = DigiIconValidationWarningStyle0;
-const iconXButtonOutlineCss = ".sc-digi-icon-x-button-outline-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-x-button-outline-h svg.sc-digi-icon-x-button-outline{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 DigiIconXButtonOutlineStyle0 = iconXButtonOutlineCss;
-const IconXButtonOutline = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '2ce0e26835511714ba84e4fc0ccdc410267e50c1', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", 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 && index.h("title", { key: '5980939f86a8230e2ab4f3f366c772934ca4a005', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '73ad3689710f23668a1de1550bfb6c89cf21142b' }, this.afDesc), index.h("path", { key: '10f234a342154093590f0abc85fd1a160d409a2f', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconXButtonOutline.style = DigiIconXButtonOutlineStyle0;
-const layoutContainerCss = ".digi--util--fs--xs.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-layout-container{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-layout-container{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-layout-container{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-layout-container{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-layout-container{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-layout-container{padding-top:5rem !important}.digi--util--pb--1.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-layout-container{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-layout-container{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-layout-container{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-layout-container{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-layout-container{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-layout-container{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-layout-container{padding:2.5rem !important}.digi--util--p--60.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-layout-container{padding:4.5rem !important}.digi--util--p--90.sc-digi-layout-container{padding:5rem !important}.digi--util--ptb--1.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-layout-container{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-layout-container{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-layout-container{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-layout-container{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-layout-container{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-layout-container{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-layout-container{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-layout-container{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-layout-container{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-layout-container{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-layout-container{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-layout-container{display:none}.sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 62rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
-const DigiLayoutContainerStyle0 = layoutContainerCss;
-const LayoutContainer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this._variation = typographyVariation_enum.LayoutContainerVariation.STATIC;
-        this.afVariation = typographyVariation_enum.LayoutContainerVariation.STATIC;
-        this.afMaxWidth = typographyVariation_enum.LayoutContainerMaxWidth.WIDTH_1400;
-        this.afNoGutter = undefined;
-        this.afVerticalPadding = undefined;
-        this.afMarginTop = undefined;
-        this.afMarginBottom = undefined;
-    }
-    variationChangeHandler() {
-        this._variation = this.afVariation;
-    }
-    componentWillLoad() {
-        this.variationChangeHandler();
-    }
-    get cssModifiers() {
-        if (this._variation === typographyVariation_enum.LayoutContainerVariation.NONE) {
-            return {};
-        }
-        return {
-            'digi-layout-container': true,
-            'digi-layout-container--static': this._variation === typographyVariation_enum.LayoutContainerVariation.STATIC,
-            'digi-layout-container--fluid': this._variation === typographyVariation_enum.LayoutContainerVariation.FLUID,
-            'digi-layout-container--max-width-1200': this.afMaxWidth === typographyVariation_enum.LayoutContainerMaxWidth.WIDTH_1200,
-            'digi-layout-container--no-gutter': this.afNoGutter,
-            'digi-layout-container--vertical-padding': this.afVerticalPadding,
-            'digi-layout-container--margin-top': this.afMarginTop,
-            'digi-layout-container--margin-bottom': this.afMarginBottom
-        };
-    }
-    render() {
-        return (index.h("div", { key: '01d65500134b20d0b99a22905e9159325fca4931', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '256b8c6ee913710e1cc359fe228be062705b9546' })));
-    }
-    static get watchers() { return {
-        "afVariation": ["variationChangeHandler"]
-    }; }
-};
-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) {
-        index.registerInstance(this, hostRef);
-        this.afTabChange = index.createEvent(this, "afTabChange", 7);
-        this.afTabFocusChange = index.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 = navigationTablist_types.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(navigationTablist_types.Direction.Previous);
-                    }
-                    else {
-                        this.focusTab(this.selectedTab - 1);
-                    }
-                    break;
-                case 'ArrowRight':
-                    if (e.shiftKey) {
-                        this.handleTabControl(navigationTablist_types.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 (index.h(index.Host, { key: '0ebc562f78d92604a9d19088def51db4754ef6b1' }, index.h("div", { key: 'a06dff67b119ff687e4f5cfd632fff016f247cb8', class: {
-                'digi-tablist': true,
-                'digi-tablist--overflow-scroll': this.afOverflowMode === navigationTablist_types.OverflowMode.Scroll,
-                'digi-tablist--overflow-controls': this.afOverflowMode === navigationTablist_types.OverflowMode.Controls
-            } }, index.h("div", { key: 'dbb1f5ad0cd7d23e858f1562e9fef4fcdab8b113', class: "control-wrapper", style: {
-                left: '0',
-                visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '890f407a4d46d224f87ed552ed245b3784c8e07d', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: '6af35c34553c0772790da5d815220a0567fe401e' }))), index.h("div", { key: 'd4ba124344db88721ce209df5bc1b5b404f22591', 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 (index.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) }, index.h("div", { class: "content-wrapper" }, index.h("span", { class: "content" }, tab.icon && index.h(Icon, { "aria-hidden": "true" }), index.h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (index.h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), index.h("div", { class: "indicator" }))));
-        })), index.h("div", { key: '52e0127c0665d8d0dda0a417dd9d9e89bd16c412', class: "control-wrapper", style: {
-                right: '0',
-                visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: 'e128ac6e276b611301b0ce942167b63e76a784da', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: 'baa3465099d6153b8494038179ed6e5b5ca727ed' })))), index.h("div", { key: 'fd362fb3411dc358901fd50373ab15d7f730eb0e', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '3838600e504c7d7123b8e8f127c917a2d12fcb51' }))));
-    }
-    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) {
-        index.registerInstance(this, hostRef);
-        this.tab = undefined;
-        this.isVisible = false;
-    }
-    render() {
-        return (index.h(index.Host, { key: 'c6085ad48782a59362e55f1c12cfaf928fc40c47' }, index.h("div", { key: '23da99f4d99d1a88e1125f127e7de150e6ef0aea', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
-                display: this.isVisible ? 'initial' : 'none',
-                overflowX: 'hidden',
-                overflowY: 'auto'
-            } }, index.h("slot", { key: 'a798b98cbc83639854995d446b457f3f39fbf3ab' }))));
-    }
-    get hostElement() { return index.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;
-const Typography = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afVariation = typographyVariation_enum.TypographyVariation.SMALL;
-        this.hideVisitedColor = undefined;
-    }
-    get cssModifiers() {
-        return {
-            'digi-typography--large': this.afVariation === typographyVariation_enum.TypographyVariation.LARGE,
-            'digi-typography--small': this.afVariation === typographyVariation_enum.TypographyVariation.SMALL,
-            'digi-typography--hide-visited': this.hideVisitedColor
-        };
-    }
-    render() {
-        return (index.h("div", { key: '92db21eeb2f0a66bf419556019ada5c087823bfa', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: '07d933c905ff5103fc49e10810db6b6f1d894de8' })));
-    }
-};
-Typography.style = DigiTypographyStyle0;
-const utilBreakpointObserverCss = ".digi--util--fs--xs.sc-digi-util-breakpoint-observer{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-util-breakpoint-observer{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-util-breakpoint-observer{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-util-breakpoint-observer{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-util-breakpoint-observer{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-util-breakpoint-observer{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-util-breakpoint-observer{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-util-breakpoint-observer{padding-top:5rem !important}.digi--util--pb--1.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-util-breakpoint-observer{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-util-breakpoint-observer{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-util-breakpoint-observer{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-util-breakpoint-observer{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-util-breakpoint-observer{padding:2.5rem !important}.digi--util--p--60.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-util-breakpoint-observer{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-util-breakpoint-observer{padding:4.5rem !important}.digi--util--p--90.sc-digi-util-breakpoint-observer{padding:5rem !important}.digi--util--ptb--1.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-util-breakpoint-observer{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-util-breakpoint-observer{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-util-breakpoint-observer{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-util-breakpoint-observer{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-util-breakpoint-observer{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-util-breakpoint-observer{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-util-breakpoint-observer{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-util-breakpoint-observer{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-util-breakpoint-observer{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-util-breakpoint-observer{display:none}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);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;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 62rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";
-const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
-const UtilBreakpointObserver = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnChange = index.createEvent(this, "afOnChange", 7);
-        this.afOnSmall = index.createEvent(this, "afOnSmall", 7);
-        this.afOnMedium = index.createEvent(this, "afOnMedium", 7);
-        this.afOnLarge = index.createEvent(this, "afOnLarge", 7);
-        this.afOnXLarge = index.createEvent(this, "afOnXLarge", 7);
-    }
-    componentDidLoad() {
-        this.handleBreakpoint();
-    }
-    handleBreakpoint(e) {
-        const observerCSSVariables = window.getComputedStyle(this._observer);
-        const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
-        this.afOnChange.emit({ value, e });
-        switch (value) {
-            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL:
-                this.afOnSmall.emit({ value, e });
-                break;
-            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM:
-                this.afOnMedium.emit({ value, e });
-                break;
-            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.LARGE:
-                this.afOnLarge.emit({ value, e });
-                break;
-            case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.XLARGE:
-                this.afOnXLarge.emit({ value, e });
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '27e2c889cf3dda1e6e3219f11174132d4a41551e' }, index.h("div", { key: '9533b0f73c646c6fa08db048129f4b6b808afbb9', class: "digi-util-breakpoint-observer" }, index.h("div", { key: '99807ba154fa505833549838992b55ddc700ed77', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '91ea7ebbe13986cd9904c14256168acf2153745b' }))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
-exports.digi_badge_notification = BadgeNotification;
-exports.digi_form_file_upload = FormFileUpload;
-exports.digi_form_label = FormLabel;
-exports.digi_form_validation_message = FormValidationMessage;
-exports.digi_icon_chevron_left = IconChevronLeft;
-exports.digi_icon_chevron_right = IconChevronRight;
-exports.digi_icon_paperclip = IconPaperclip;
-exports.digi_icon_spinner = IconSpinner;
-exports.digi_icon_trash = Icontrash;
-exports.digi_icon_validation_error = IconValidationError;
-exports.digi_icon_validation_success = IconCheckCircle;
-exports.digi_icon_validation_warning = IconValidationWarning;
-exports.digi_icon_x_button_outline = IconXButtonOutline;
-exports.digi_layout_container = LayoutContainer;
-exports.digi_tablist = NavigationTablist;
-exports.digi_tablist_panel = NavigationTabPanel;
-exports.digi_typography = Typography;
-exports.digi_util_breakpoint_observer = UtilBreakpointObserver;