npm - @tedi-design-system/angular - Versions diffs - 4.2.0-rc.1 → 5.0.0-rc.2 - Mend

@tedi-design-system/angular 4.2.0-rc.1 → 5.0.0-rc.2

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 (36) hide show

package/fesm2022/tedi-design-system-angular-tedi.mjs CHANGED Viewed

@@ -238,7 +238,7 @@ const translationsMap = {
     },
     open: {
         description: "Used for opening",
-        components: ["Collapse"],
+        components: ["Collapse", "TableOfContents"],
         et: "Ava",
         en: "Open",
         ru: "Открыть",
@@ -2493,12 +2493,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     }, styles: [".tedi-separator{display:block;position:relative;margin:0;border:0;border-top-width:1px;border-style:solid}@media print{.tedi-separator{filter:grayscale(1)}}.tedi-separator--vertical{border-top-width:0;border-left-width:1px}.tedi-separator--primary{border-color:var(--general-border-primary)}.tedi-separator--secondary{border-color:var(--general-border-secondary)}.tedi-separator--accent{border-color:var(--general-border-accent)}.tedi-separator--block{display:block}.tedi-separator--inline{display:inline}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{position:absolute;top:1.25rem;content:\"\";background-color:var(--general-border-primary);border-radius:100%;transform:translate(-8px);width:var(--separator-dotted-dot-lg);height:var(--separator-dotted-dot-lg)}@media print{.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{filter:grayscale(1)}}.tedi-separator--dotted.tedi-separator--secondary:before,.tedi-separator--dotted-small.tedi-separator--secondary:before{background-color:var(--general-border-secondary)}.tedi-separator--dotted.tedi-separator--accent:before,.tedi-separator--dotted-small.tedi-separator--accent:before{background-color:var(--general-border-accent)}.tedi-separator--dotted-small:before{top:1.5rem;transform:translate(-5px);width:var(--separator-dotted-dot-md);height:var(--separator-dotted-dot-md)}.tedi-separator--horizontal.tedi-separator--top-0{margin-top:0}.tedi-separator--horizontal.tedi-separator--bottom-0{margin-bottom:0}.tedi-separator--vertical.tedi-separator--left-0{margin-left:0}.tedi-separator--vertical.tedi-separator--right-0{margin-right:0}.tedi-separator--horizontal.tedi-separator--spacing-0:not(.tedi-separator--dot-only){margin-top:0;margin-bottom:0}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0,.tedi-separator--vertical.tedi-separator--spacing-0{margin-right:0;margin-left:0}.tedi-separator--horizontal.tedi-separator--top-0-25{margin-top:.25rem}.tedi-separator--horizontal.tedi-separator--bottom-0-25{margin-bottom:.25rem}.tedi-separator--vertical.tedi-separator--left-0-25{margin-left:.25rem}.tedi-separator--vertical.tedi-separator--right-0-25{margin-right:.25rem}.tedi-separator--horizontal.tedi-separator--spacing-0-25:not(.tedi-separator--dot-only){margin-top:.25rem;margin-bottom:.25rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-25,.tedi-separator--vertical.tedi-separator--spacing-0-25{margin-right:.25rem;margin-left:.25rem}.tedi-separator--horizontal.tedi-separator--top-0-5{margin-top:.5rem}.tedi-separator--horizontal.tedi-separator--bottom-0-5{margin-bottom:.5rem}.tedi-separator--vertical.tedi-separator--left-0-5{margin-left:.5rem}.tedi-separator--vertical.tedi-separator--right-0-5{margin-right:.5rem}.tedi-separator--horizontal.tedi-separator--spacing-0-5:not(.tedi-separator--dot-only){margin-top:.5rem;margin-bottom:.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-5,.tedi-separator--vertical.tedi-separator--spacing-0-5{margin-right:.5rem;margin-left:.5rem}.tedi-separator--horizontal.tedi-separator--top-0-75{margin-top:.75rem}.tedi-separator--horizontal.tedi-separator--bottom-0-75{margin-bottom:.75rem}.tedi-separator--vertical.tedi-separator--left-0-75{margin-left:.75rem}.tedi-separator--vertical.tedi-separator--right-0-75{margin-right:.75rem}.tedi-separator--horizontal.tedi-separator--spacing-0-75:not(.tedi-separator--dot-only){margin-top:.75rem;margin-bottom:.75rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-75,.tedi-separator--vertical.tedi-separator--spacing-0-75{margin-right:.75rem;margin-left:.75rem}.tedi-separator--horizontal.tedi-separator--top-1{margin-top:1rem}.tedi-separator--horizontal.tedi-separator--bottom-1{margin-bottom:1rem}.tedi-separator--vertical.tedi-separator--left-1{margin-left:1rem}.tedi-separator--vertical.tedi-separator--right-1{margin-right:1rem}.tedi-separator--horizontal.tedi-separator--spacing-1:not(.tedi-separator--dot-only){margin-top:1rem;margin-bottom:1rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1,.tedi-separator--vertical.tedi-separator--spacing-1{margin-right:1rem;margin-left:1rem}.tedi-separator--horizontal.tedi-separator--top-1-25{margin-top:1.25rem}.tedi-separator--horizontal.tedi-separator--bottom-1-25{margin-bottom:1.25rem}.tedi-separator--vertical.tedi-separator--left-1-25{margin-left:1.25rem}.tedi-separator--vertical.tedi-separator--right-1-25{margin-right:1.25rem}.tedi-separator--horizontal.tedi-separator--spacing-1-25:not(.tedi-separator--dot-only){margin-top:1.25rem;margin-bottom:1.25rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-25,.tedi-separator--vertical.tedi-separator--spacing-1-25{margin-right:1.25rem;margin-left:1.25rem}.tedi-separator--horizontal.tedi-separator--top-1-5{margin-top:1.5rem}.tedi-separator--horizontal.tedi-separator--bottom-1-5{margin-bottom:1.5rem}.tedi-separator--vertical.tedi-separator--left-1-5{margin-left:1.5rem}.tedi-separator--vertical.tedi-separator--right-1-5{margin-right:1.5rem}.tedi-separator--horizontal.tedi-separator--spacing-1-5:not(.tedi-separator--dot-only){margin-top:1.5rem;margin-bottom:1.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-5,.tedi-separator--vertical.tedi-separator--spacing-1-5{margin-right:1.5rem;margin-left:1.5rem}.tedi-separator--horizontal.tedi-separator--top-1-75{margin-top:1.75rem}.tedi-separator--horizontal.tedi-separator--bottom-1-75{margin-bottom:1.75rem}.tedi-separator--vertical.tedi-separator--left-1-75{margin-left:1.75rem}.tedi-separator--vertical.tedi-separator--right-1-75{margin-right:1.75rem}.tedi-separator--horizontal.tedi-separator--spacing-1-75:not(.tedi-separator--dot-only){margin-top:1.75rem;margin-bottom:1.75rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-75,.tedi-separator--vertical.tedi-separator--spacing-1-75{margin-right:1.75rem;margin-left:1.75rem}.tedi-separator--horizontal.tedi-separator--top-2{margin-top:2rem}.tedi-separator--horizontal.tedi-separator--bottom-2{margin-bottom:2rem}.tedi-separator--vertical.tedi-separator--left-2{margin-left:2rem}.tedi-separator--vertical.tedi-separator--right-2{margin-right:2rem}.tedi-separator--horizontal.tedi-separator--spacing-2:not(.tedi-separator--dot-only){margin-top:2rem;margin-bottom:2rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-2,.tedi-separator--vertical.tedi-separator--spacing-2{margin-right:2rem;margin-left:2rem}.tedi-separator--horizontal.tedi-separator--top-2-5{margin-top:2.5rem}.tedi-separator--horizontal.tedi-separator--bottom-2-5{margin-bottom:2.5rem}.tedi-separator--vertical.tedi-separator--left-2-5{margin-left:2.5rem}.tedi-separator--vertical.tedi-separator--right-2-5{margin-right:2.5rem}.tedi-separator--horizontal.tedi-separator--spacing-2-5:not(.tedi-separator--dot-only){margin-top:2.5rem;margin-bottom:2.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-2-5,.tedi-separator--vertical.tedi-separator--spacing-2-5{margin-right:2.5rem;margin-left:2.5rem}.tedi-separator--horizontal.tedi-separator--top-5{margin-top:5rem}.tedi-separator--horizontal.tedi-separator--bottom-5{margin-bottom:5rem}.tedi-separator--vertical.tedi-separator--left-5{margin-left:5rem}.tedi-separator--vertical.tedi-separator--right-5{margin-right:5rem}.tedi-separator--horizontal.tedi-separator--spacing-5:not(.tedi-separator--dot-only){margin-top:5rem;margin-bottom:5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-5,.tedi-separator--vertical.tedi-separator--spacing-5{margin-right:5rem;margin-left:5rem}.tedi-separator.tedi-separator--thickness-1{border-top-width:1px}.tedi-separator--vertical.tedi-separator--thickness-1{border-left-width:1px}.tedi-separator.tedi-separator--thickness-2{border-top-width:2px}.tedi-separator--vertical.tedi-separator--thickness-2{border-left-width:2px}.tedi-separator--dot-only{position:relative;display:inline-block;vertical-align:middle;border:none}.tedi-separator--dot-only:before{position:relative;display:block;content:\"\";border-radius:100%;width:var(--separator-dotted-dot-sm);height:var(--separator-dotted-dot-sm)}@media print{.tedi-separator--dot-only:before{filter:grayscale(1)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs);height:var(--separator-dotted-dot-xs)}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm);height:var(--separator-dotted-dot-sm)}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md);height:var(--separator-dotted-dot-md)}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg);height:var(--separator-dotted-dot-lg)}.tedi-separator--dot-only-filled.tedi-separator--primary:before{background-color:var(--general-border-primary)}.tedi-separator--dot-only-filled.tedi-separator--secondary:before{background-color:var(--general-border-secondary)}.tedi-separator--dot-only-filled.tedi-separator--accent:before{background-color:var(--general-border-accent)}.tedi-separator--dot-only-outlined:before{border-style:solid}.tedi-separator--dot-only-outlined.tedi-separator--primary:before{border-color:var(--general-border-primary)}.tedi-separator--dot-only-outlined.tedi-separator--secondary:before{border-color:var(--general-border-secondary)}.tedi-separator--dot-only-outlined.tedi-separator--accent:before{border-color:var(--general-border-accent)}.tedi-separator--dot-only-outlined.tedi-separator--thickness-1:before{border-width:1px}.tedi-separator--dot-only-outlined.tedi-separator--thickness-2:before{border-width:2px}.tedi-separator--horizontal.tedi-separator--dotted:before,.tedi-separator--horizontal.tedi-separator--dotted-small:before{right:0;left:0;margin:0 auto;transform:initial}.tedi-separator--horizontal.tedi-separator--dotted:before{top:calc(var(--separator-dotted-dot-lg) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted-small:before{top:calc(var(--separator-dotted-dot-md) / 2 * -1)}\n"] }]
         }] });
-class PopoverComponent {
+class PopoverTriggerDirective {
     /**
-     * * The trigger event that opens the popover.
-     * * @default click
-     * */
-    openWith = input("click");
+     * Should add underline class to trigger element?
+     * @default false
+     */
+    underline = input(false);
+    host = inject(ElementRef);
+    popover = inject(PopoverComponent);
+    onClick() {
+        this.popover.togglePopover();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: PopoverTriggerDirective, isStandalone: true, selector: "[tedi-popover-trigger]", inputs: { underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0", "role": "button", "aria-haspopup": "dialog" }, listeners: { "click": "onClick()" }, properties: { "id": "popover.containerId() + '_trigger'", "attr.aria-expanded": "popover.floatUiComponent().state", "attr.aria-controls": "popover.containerId()", "class.tedi-popover-trigger__text": "underline()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: "[tedi-popover-trigger]",
+                    host: {
+                        tabindex: "0",
+                        role: "button",
+                        "aria-haspopup": "dialog",
+                        "[id]": "popover.containerId() + '_trigger'",
+                        "[attr.aria-expanded]": "popover.floatUiComponent().state",
+                        "[attr.aria-controls]": "popover.containerId()",
+                        "[class.tedi-popover-trigger__text]": "underline()",
+                    },
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
+function getFocusableElements(container) {
+    const selectors = [
+        "a[href]",
+        "area[href]",
+        "input:not([disabled]):not([type='hidden'])",
+        "select:not([disabled])",
+        "textarea:not([disabled])",
+        "button:not([disabled])",
+        "summary",
+        "iframe",
+        "audio[controls]",
+        "video[controls]",
+        "[contenteditable]:not([contenteditable='false'])",
+        "[tabindex]:not([tabindex='-1'])",
+    ];
+    const elements = Array.from(container.querySelectorAll(selectors.join(",")));
+    if (typeof window === "undefined") {
+        return elements.filter((el) => el instanceof HTMLElement);
+    }
+    return elements.filter((el) => {
+        if (!(el instanceof HTMLElement))
+            return false;
+        const style = window.getComputedStyle(el);
+        if (style.display === "none" || style.visibility === "hidden")
+            return false;
+        if (el.hasAttribute("hidden"))
+            return false;
+        if (el.closest("[inert]"))
+            return false;
+        const fieldset = el.closest("fieldset[disabled]");
+        if (fieldset) {
+            const firstLegend = fieldset.querySelector("legend");
+            if (!firstLegend || !firstLegend.contains(el))
+                return false;
+        }
+        if (el.tagName !== "SUMMARY") {
+            const closedDetails = el.closest("details:not([open])");
+            if (closedDetails)
+                return false;
+        }
+        return true;
+    });
+}
+let popoverTitleId = 0;
+class PopoverContentComponent {
+    /**
+     * The width of the popover. Can be 'none', 'small', 'medium', or 'large'.
+     * @default small
+     */
+    maxWidth = input("small");
+    /**
+     * Heading title of the content
+     */
+    title = input("");
+    /**
+     * Should content show close button?
+     * @default false
+     */
+    showClose = input(false);
+    popover = inject(PopoverComponent);
+    titleId = `popover-title-${popoverTitleId++}`;
+    classes = computed(() => {
+        const classList = [
+            "tedi-popover-content",
+            `tedi-popover-content--${this.maxWidth()}`,
+        ];
+        return classList.join(" ");
+    });
+    handleClose() {
+        this.popover.hidePopover(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: PopoverContentComponent, isStandalone: true, selector: "tedi-popover-content", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (title() && showClose()) {\n  <div class=\"tedi-popover-content__head\">\n    <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n    <button tedi-closing-button (click)=\"handleClose()\"></button>\n  </div>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n  <div class=\"tedi-popover-content__head\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n  </div>\n} @else if (title()) {\n  <h4 [id]=\"titleId\">{{ title() }}</h4>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-popover{display:block}[tedi-popover-trigger]{cursor:pointer}[tedi-popover-trigger]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverContentComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-popover-content", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ClosingButtonComponent], host: {
+                        "[class]": "classes()",
+                    }, template: "@if (title() && showClose()) {\n  <div class=\"tedi-popover-content__head\">\n    <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n    <button tedi-closing-button (click)=\"handleClose()\"></button>\n  </div>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n  <div class=\"tedi-popover-content__head\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n  </div>\n} @else if (title()) {\n  <h4 [id]=\"titleId\">{{ title() }}</h4>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-popover{display:block}[tedi-popover-trigger]{cursor:pointer}[tedi-popover-trigger]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
+        }] });
+class PopoverComponent {
     /**
      * The position of the popover relative to the trigger element.
      * @default top
@@ -2528,18 +2639,78 @@ class PopoverComponent {
      * @default false
      */
     lockScroll = input(false);
-    floatUiComponent = viewChild.required(NgxFloatUiContentComponent);
+    /** Delay time (in ms) for closing popover when not hovering trigger or content.
+     * @default 100
+     */
+    timeoutDelay = input(100);
     document = inject(DOCUMENT);
     renderer = inject(Renderer2);
-    onHide() {
-        if (this.lockScroll()) {
-            this.renderer.removeStyle(this.document.body, "overflow");
+    floatUiComponent = viewChild.required(NgxFloatUiContentComponent);
+    popoverTrigger = contentChild.required(PopoverTriggerDirective);
+    popoverContent = contentChild.required(PopoverContentComponent);
+    containerId = signal("");
+    isContentHovered = signal(false);
+    hideTimeout;
+    keydownListener;
+    scrollListener;
+    focusinListener;
+    mousedownListener;
+    ngAfterContentChecked() {
+        const floatUiEl = this.floatUiComponent().elRef
+            .nativeElement;
+        const container = floatUiEl.querySelector(".float-ui-container-popover");
+        if (container) {
+            const labelledBy = this.popoverContent().title()
+                ? this.popoverContent().titleId
+                : container.id + "_trigger";
+            container.setAttribute("tabindex", "-1");
+            container.setAttribute("aria-labelledby", labelledBy);
+            this.containerId.set(container.id);
         }
     }
-    onOpen() {
+    showPopover() {
+        if (this.floatUiComponent().state)
+            return;
+        clearTimeout(this.hideTimeout);
+        this.floatUiComponent().show();
+        const floatUiEl = this.floatUiComponent().elRef
+            .nativeElement;
+        const container = floatUiEl.querySelector(".float-ui-container-popover");
         if (this.lockScroll()) {
             this.renderer.setStyle(this.document.body, "overflow", "hidden");
         }
+        if (container) {
+            setTimeout(() => container.focus({ preventScroll: true }));
+            this.setupKeyboardNavigation(container);
+        }
+        if (this.hideOnScroll()) {
+            this.setupScrollListener();
+        }
+        if (this.dismissible()) {
+            this.setupDismissListeners();
+        }
+    }
+    hidePopover(focusTrigger) {
+        if (!this.floatUiComponent().state)
+            return;
+        this.cleanupKeyboardNavigation();
+        this.cleanupScrollListener();
+        this.cleanupDismissListeners();
+        this.floatUiComponent().hide();
+        if (this.lockScroll()) {
+            this.renderer.removeStyle(this.document.body, "overflow");
+        }
+        if (focusTrigger) {
+            this.popoverTrigger().host.nativeElement.focus({ preventScroll: true });
+        }
+    }
+    togglePopover() {
+        if (this.floatUiComponent().state) {
+            this.hidePopover(true);
+        }
+        else {
+            this.showPopover();
+        }
     }
     floatUiContainerClass = computed(() => {
         const classList = ["float-ui-container-popover"];
@@ -2551,77 +2722,101 @@ class PopoverComponent {
         }
         return classList.join(",");
     });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: PopoverComponent, isStandalone: true, selector: "tedi-popover", inputs: { openWith: { classPropertyName: "openWith", publicName: "openWith", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, hideOnScroll: { classPropertyName: "hideOnScroll", publicName: "hideOnScroll", isSignal: true, isRequired: false, transformFunction: null }, withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, withArrow: { classPropertyName: "withArrow", publicName: "withArrow", isSignal: true, isRequired: false, transformFunction: null }, lockScroll: { classPropertyName: "lockScroll", publicName: "lockScroll", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  [floatUiLoose]=\"floatUiComponent\"\n  [loosePlacement]=\"position()\"\n  [looseTrigger]=\"openWith()\"\n  [hideOnClickOutside]=\"dismissible()\"\n  [hideOnScroll]=\"hideOnScroll()\"\n  [applyClass]=\"floatUiContainerClass()\"\n  [disableAnimation]=\"true\"\n  appendTo=\"body\"\n  aria-haspopup=\"dialog\"\n  style=\"display: inline-flex\"\n  (onHidden)=\"onHide()\"\n  (onShown)=\"onOpen()\"\n>\n  <ng-content select=\"tedi-popover-trigger\" />\n</div>\n<float-ui-content #floatUiComponent>\n  <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: NgxFloatUiModule }, { kind: "component", type: i1$1.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i1$1.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: "tedi-popover", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [floatUiLoose]=\"floatUiComponent\"\n  [loosePlacement]=\"position()\"\n  [looseTrigger]=\"openWith()\"\n  [hideOnClickOutside]=\"dismissible()\"\n  [hideOnScroll]=\"hideOnScroll()\"\n  [applyClass]=\"floatUiContainerClass()\"\n  [disableAnimation]=\"true\"\n  appendTo=\"body\"\n  aria-haspopup=\"dialog\"\n  style=\"display: inline-flex\"\n  (onHidden)=\"onHide()\"\n  (onShown)=\"onOpen()\"\n>\n  <ng-content select=\"tedi-popover-trigger\" />\n</div>\n<float-ui-content #floatUiComponent>\n  <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
-        }] });
-class PopoverTriggerComponent {
-    host = inject(ElementRef);
-    renderer = inject(Renderer2);
-    ngAfterContentChecked() {
-        const childNodes = Array.from(this.host.nativeElement.childNodes);
-        for (const node of childNodes) {
-            if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {
-                if (node.parentNode !== this.host.nativeElement) {
-                    continue;
+    setupKeyboardNavigation(container) {
+        this.cleanupKeyboardNavigation();
+        this.keydownListener = this.renderer.listen(container, "keydown", (e) => {
+            if (e.key === "Escape" && this.floatUiComponent().state) {
+                e.preventDefault();
+                this.hidePopover(true);
+            }
+            if (e.key === "Tab") {
+                const focusableElements = getFocusableElements(container);
+                const firstElement = focusableElements[0];
+                const lastElement = focusableElements[focusableElements.length - 1];
+                const activeElement = this.document.activeElement;
+                if (!e.shiftKey &&
+                    (activeElement === lastElement ||
+                        (activeElement === container && !focusableElements.length))) {
+                    e.preventDefault();
+                    this.focusElementAfterTrigger();
+                }
+                else if (e.shiftKey &&
+                    (activeElement === firstElement || activeElement === container)) {
+                    e.preventDefault();
+                    this.focusElementBeforeTrigger();
                 }
-                const span = this.renderer.createElement("span");
-                this.renderer.addClass(span, "tedi-popover-trigger__text");
-                this.renderer.insertBefore(this.host.nativeElement, span, node);
-                this.renderer.appendChild(span, node);
             }
+        });
+    }
+    cleanupKeyboardNavigation() {
+        if (this.keydownListener) {
+            this.keydownListener();
+            this.keydownListener = undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: PopoverTriggerComponent, isStandalone: true, selector: "tedi-popover-trigger", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverTriggerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "tedi-popover-trigger", standalone: true, template: "<ng-content />", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
-        }] });
-let popoverTitleId = 0;
-class PopoverContentComponent {
-    /**
-     * The width of the popover. Can be 'none', 'small', 'medium', or 'large'.
-     * @default small
-     */
-    maxWidth = input("small");
-    /**
-     * Heading title of the content
-     */
-    title = input("");
-    /**
-     * Should content show close button?
-     * @default false
-     */
-    showClose = input(false);
-    popover = inject(PopoverComponent, { optional: true });
-    titleId = `popover-title-${popoverTitleId++}`;
-    classes = computed(() => {
-        const classList = [
-            "tedi-popover-content",
-            `tedi-popover-content--${this.maxWidth()}`,
-        ];
-        return classList.join(" ");
-    });
-    handleClose() {
-        this.popover?.floatUiComponent().hide();
+    setupScrollListener() {
+        this.cleanupScrollListener();
+        this.scrollListener = this.renderer.listen(this.document, "scroll", () => {
+            if (this.floatUiComponent().state) {
+                this.hidePopover(false);
+            }
+        }, { capture: true, passive: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: PopoverContentComponent, isStandalone: true, selector: "tedi-popover-content", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog" }, properties: { "class": "classes()", "attr.aria-labelledby": "title() ? titleId : null" } }, ngImport: i0, template: "@if (title() && showClose()) {\n    <div class=\"tedi-popover-content__head\">\n        <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n        <button tedi-closing-button (click)=\"handleClose()\"></button>\n    </div>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n    <div class=\"tedi-popover-content__head\">\n        <div>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n    </div>\n} @else if (title()) {\n    <h4 [id]=\"titleId\">{{ title() }}</h4>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    cleanupScrollListener() {
+        if (this.scrollListener) {
+            this.scrollListener();
+            this.scrollListener = undefined;
+        }
+    }
+    setupDismissListeners() {
+        this.cleanupDismissListeners();
+        this.focusinListener = this.renderer.listen(this.document, "focusin", (e) => this.handleClosePopoverEvent(e));
+        this.mousedownListener = this.renderer.listen(this.document, "mousedown", (e) => this.handleClosePopoverEvent(e));
+    }
+    cleanupDismissListeners() {
+        if (this.focusinListener) {
+            this.focusinListener();
+            this.focusinListener = undefined;
+        }
+        if (this.mousedownListener) {
+            this.mousedownListener();
+            this.mousedownListener = undefined;
+        }
+    }
+    focusElementAfterTrigger() {
+        const focusableElements = getFocusableElements(this.document.body);
+        const triggerIndex = focusableElements.indexOf(this.popoverTrigger().host.nativeElement);
+        if (triggerIndex !== -1 && triggerIndex < focusableElements.length - 1) {
+            const nextElement = focusableElements[triggerIndex + 1];
+            this.hidePopover();
+            setTimeout(() => nextElement.focus());
+        }
+    }
+    focusElementBeforeTrigger() {
+        const focusableElements = getFocusableElements(this.document.body);
+        const triggerIndex = focusableElements.indexOf(this.popoverTrigger().host.nativeElement);
+        if (triggerIndex > 0) {
+            const previousElement = focusableElements[triggerIndex - 1];
+            this.hidePopover();
+            setTimeout(() => previousElement.focus());
+        }
+    }
+    handleClosePopoverEvent(e) {
+        const triggerEl = this.popoverTrigger().host.nativeElement;
+        const containerEl = this.floatUiComponent().elRef
+            .nativeElement;
+        const target = e.target;
+        if (!target || triggerEl.contains(target) || containerEl.contains(target)) {
+            return;
+        }
+        this.hidePopover(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: PopoverComponent, isStandalone: true, selector: "tedi-popover", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, hideOnScroll: { classPropertyName: "hideOnScroll", publicName: "hideOnScroll", isSignal: true, isRequired: false, transformFunction: null }, withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, withArrow: { classPropertyName: "withArrow", publicName: "withArrow", isSignal: true, isRequired: false, transformFunction: null }, lockScroll: { classPropertyName: "lockScroll", publicName: "lockScroll", isSignal: true, isRequired: false, transformFunction: null }, timeoutDelay: { classPropertyName: "timeoutDelay", publicName: "timeoutDelay", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "popoverTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }, { propertyName: "popoverContent", first: true, predicate: PopoverContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[tedi-popover-trigger]\" />\n<float-ui-content\n  #floatUiComponent\n  looseTrigger=\"none\"\n  ariaRole=\"dialog\"\n  appendTo=\"body\"\n  [floatUiLoose]=\"floatUiComponent\"\n  [targetElement]=\"popoverTrigger().host.nativeElement\"\n  [loosePlacement]=\"position()\"\n  [applyClass]=\"floatUiContainerClass()\"\n  [disableAnimation]=\"true\"\n>\n  <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}[tedi-popover-trigger]{cursor:pointer}[tedi-popover-trigger]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: NgxFloatUiModule }, { kind: "component", type: i1$1.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i1$1.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: "tedi-popover-content", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ClosingButtonComponent], host: {
-                        "[class]": "classes()",
-                        role: "dialog",
-                        "[attr.aria-labelledby]": "title() ? titleId : null",
-                    }, template: "@if (title() && showClose()) {\n    <div class=\"tedi-popover-content__head\">\n        <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n        <button tedi-closing-button (click)=\"handleClose()\"></button>\n    </div>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n    <div class=\"tedi-popover-content__head\">\n        <div>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n    </div>\n} @else if (title()) {\n    <h4 [id]=\"titleId\">{{ title() }}</h4>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
+            args: [{ standalone: true, selector: "tedi-popover", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[tedi-popover-trigger]\" />\n<float-ui-content\n  #floatUiComponent\n  looseTrigger=\"none\"\n  ariaRole=\"dialog\"\n  appendTo=\"body\"\n  [floatUiLoose]=\"floatUiComponent\"\n  [targetElement]=\"popoverTrigger().host.nativeElement\"\n  [loosePlacement]=\"position()\"\n  [applyClass]=\"floatUiContainerClass()\"\n  [disableAnimation]=\"true\"\n>\n  <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}[tedi-popover-trigger]{cursor:pointer}[tedi-popover-trigger]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
         }] });
 let datePickerId = 0;
@@ -3074,7 +3269,7 @@ class DatePickerComponent {
         return Math.floor(diffInDays / 7) + 1;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DatePickerComponent, isStandalone: true, selector: "tedi-date-picker", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, monthMode: { classPropertyName: "monthMode", publicName: "monthMode", isSignal: true, isRequired: false, transformFunction: null }, yearMode: { classPropertyName: "yearMode", publicName: "yearMode", isSignal: true, isRequired: false, transformFunction: null }, startYear: { classPropertyName: "startYear", publicName: "startYear", isSignal: true, isRequired: false, transformFunction: null }, endYear: { classPropertyName: "endYear", publicName: "endYear", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, inputPlaceholder: { classPropertyName: "inputPlaceholder", publicName: "inputPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, inputState: { classPropertyName: "inputState", publicName: "inputState", isSignal: true, isRequired: false, transformFunction: null }, inputSize: { classPropertyName: "inputSize", publicName: "inputSize", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "inputDisabled", isSignal: true, isRequired: false, transformFunction: null }, allowManualInput: { classPropertyName: "allowManualInput", publicName: "allowManualInput", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", month: "monthChange" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true, isSignal: true }, { propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<input\n  #inputElement\n  type=\"text\"\n  class=\"tedi-date-picker__input\"\n  role=\"combobox\"\n  aria-autocomplete=\"none\"\n  aria-haspopup=\"dialog\"\n  [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n  [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n  [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n  [attr.id]=\"inputId()\"\n  [attr.placeholder]=\"inputPlaceholder()\"\n  [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n  [attr.aria-controls]=\"uniqueId\"\n  [attr.aria-readonly]=\"!allowManualInput()\"\n  [readOnly]=\"!allowManualInput()\"\n  [value]=\"inputValue()\"\n  [disabled]=\"inputDisabled()\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onInputBlur()\"\n  (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n  @if (selected()) {\n    <button\n      tedi-closing-button\n      type=\"button\"\n      size=\"small\"\n      class=\"tedi-date-picker__clear\"\n      [iconSize]=\"18\"\n      [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n      [disabled]=\"inputDisabled()\"\n      (click)=\"clearInput()\"\n    ></button>\n    <tedi-separator axis=\"vertical\" size=\"1rem\" />\n  }\n  <tedi-popover\n    style=\"display: flex; align-items: center\"\n    position=\"bottom-end\"\n    [withArrow]=\"false\"\n  >\n    <tedi-popover-trigger>\n      <button\n        tedi-button\n        type=\"button\"\n        variant=\"neutral\"\n        size=\"small\"\n        class=\"tedi-date-picker__toggle\"\n        [attr.aria-label]=\"\n          translationService.track('date-picker.open-calendar')()\n        \"\n        [disabled]=\"inputDisabled()\"\n        (click)=\"openCalendar()\"\n      >\n        <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n      </button>\n    </tedi-popover-trigger>\n    <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n      <div\n        class=\"tedi-date-picker__calendar\"\n        (keydown)=\"onCalendarKeyDown($event)\"\n      >\n        <div class=\"tedi-date-picker__header\">\n          @if (currentView() === \"calendar-grid\") {\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-prev-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"prevMonth()\"\n                [disabled]=\"!canGoPrev()\"\n              >\n                <tedi-icon name=\"arrow_back\" />\n              </button>\n            }\n\n            <div class=\"tedi-date-picker__controls\">\n              @if (monthMode() === \"dropdown\") {\n                <tedi-dropdown\n                  [value]=\"month().getMonth().toString()\"\n                  (valueChange)=\"onMonthSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-month')()\n                    \"\n                  >\n                    {{ monthNames[month().getMonth()]() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n                  >\n                    @for (month of monthNames; track i; let i = $index) {\n                      <li tedi-dropdown-item [value]=\"i.toString()\">\n                        {{ month() }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (monthMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-month')()\n                  \"\n                  (click)=\"onMonthClick()\"\n                >\n                  {{ monthNames[month().getMonth()]() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (monthMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ monthNames[month().getMonth()]() }}\n                </div>\n              }\n\n              @if (yearMode() === \"dropdown\") {\n                <tedi-dropdown\n                  position=\"bottom-end\"\n                  [value]=\"selectedYear().toString()\"\n                  (valueChange)=\"onYearSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-year')()\n                    \"\n                  >\n                    {{ selectedYear() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n                  >\n                    @for (year of years(); track year) {\n                      <li tedi-dropdown-item [value]=\"year.toString()\">\n                        {{ year }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (yearMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-year')()\n                  \"\n                  (click)=\"onYearClick()\"\n                >\n                  {{ selectedYear() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (yearMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ selectedYear() }}\n                </div>\n              }\n            </div>\n\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-next-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"nextMonth()\"\n                [disabled]=\"!canGoNext()\"\n              >\n                <tedi-icon name=\"arrow_forward\" />\n              </button>\n            }\n          } @else if (currentView() === \"month-grid\") {\n            <div class=\"tedi-date-picker__controls\">\n              {{ monthNames[month().getMonth()]() }}\n            </div>\n          } @else if (currentView() === \"year-grid\") {\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.previous-years')()\n              \"\n              (click)=\"prevYearPage()\"\n              [disabled]=\"!hasPrevYearPage()\"\n            >\n              <tedi-icon name=\"arrow_back\" />\n            </button>\n            <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.next-years')()\n              \"\n              (click)=\"nextYearPage()\"\n              [disabled]=\"!hasNextYearPage()\"\n            >\n              <tedi-icon name=\"arrow_forward\" />\n            </button>\n          }\n        </div>\n\n        @if (currentView() === \"calendar-grid\") {\n          <div\n            class=\"tedi-date-picker__weekdays\"\n            [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n            role=\"row\"\n          >\n            @if (showWeekNumbers()) {\n              <div role=\"columnheader\"></div>\n            }\n            @for (wd of weekDays; track $index; let i = $index) {\n              <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n                {{ wd() }}\n              </div>\n            }\n          </div>\n\n          <div\n            #gridElement\n            class=\"tedi-date-picker__grid\"\n            role=\"grid\"\n            [attr.id]=\"uniqueId\"\n            aria-readonly=\"true\"\n          >\n            @for (week of weekRows(); track row; let row = $index) {\n              <div\n                class=\"tedi-date-picker__row\"\n                [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n                role=\"row\"\n              >\n                @if (showWeekNumbers()) {\n                  <div\n                    class=\"tedi-date-picker__weeknumber\"\n                    role=\"gridcell\"\n                    aria-readonly=\"true\"\n                  >\n                    {{ weekNumbers()[row] }}\n                  </div>\n                }\n                @for (day of week; track day.date) {\n                  <button\n                    type=\"button\"\n                    role=\"gridcell\"\n                    class=\"tedi-date-picker__day\"\n                    [class.tedi-date-picker__day--other-month]=\"\n                      !day.inCurrentMonth\n                    \"\n                    [class.tedi-date-picker__day--selected]=\"\n                      isSelected(day.date)\n                    \"\n                    [disabled]=\"day.disabled\"\n                    [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n                    [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n                    [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n                    [attr.tabindex]=\"getTabIndex(day.date)\"\n                    [attr.data-date-key]=\"day.date.getTime()\"\n                    (keydown)=\"onDayKeydown($event, day.date)\"\n                    (click)=\"selectDay(day)\"\n                  >\n                    @if (isToday(day.date)) {\n                      <div class=\"tedi-date-picker__today\">\n                        {{ day.date.getDate() }}\n                      </div>\n                    } @else {\n                      {{ day.date.getDate() }}\n                    }\n                  </button>\n                }\n              </div>\n            }\n          </div>\n        } @else if (currentView() === \"month-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (monthName of monthShortNames; track i; let i = $index) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getMonth() === i\n                \"\n                (click)=\"onMonthSelect(i.toString())\"\n              >\n                {{ monthName() }}\n              </button>\n            }\n          </div>\n        } @else if (currentView() === \"year-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (year of pagedYears(); track year) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getFullYear() === year\n                \"\n                (click)=\"onYearSelect(year.toString())\"\n              >\n                {{ year }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </tedi-popover-content>\n  </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: DropdownComponent, selector: "tedi-dropdown", inputs: ["value", "position", "preventOverflow", "appendTo"], outputs: ["valueChange"] }, { kind: "directive", type: DropdownTriggerDirective, selector: "[tedi-dropdown-trigger]", inputs: ["ariaHaspopup"] }, { kind: "component", type: DropdownContentComponent, selector: "tedi-dropdown-content", inputs: ["dropdownRole"] }, { kind: "component", type: DropdownItemComponent, selector: "li[tedi-dropdown-item]", inputs: ["value", "disabled"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }, { kind: "component", type: SeparatorComponent, selector: "tedi-separator", inputs: ["axis", "color", "variant", "dotSize", "dotFilled", "thickness", "spacing", "size"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DatePickerComponent, isStandalone: true, selector: "tedi-date-picker", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, monthMode: { classPropertyName: "monthMode", publicName: "monthMode", isSignal: true, isRequired: false, transformFunction: null }, yearMode: { classPropertyName: "yearMode", publicName: "yearMode", isSignal: true, isRequired: false, transformFunction: null }, startYear: { classPropertyName: "startYear", publicName: "startYear", isSignal: true, isRequired: false, transformFunction: null }, endYear: { classPropertyName: "endYear", publicName: "endYear", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, inputPlaceholder: { classPropertyName: "inputPlaceholder", publicName: "inputPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, inputState: { classPropertyName: "inputState", publicName: "inputState", isSignal: true, isRequired: false, transformFunction: null }, inputSize: { classPropertyName: "inputSize", publicName: "inputSize", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "inputDisabled", isSignal: true, isRequired: false, transformFunction: null }, allowManualInput: { classPropertyName: "allowManualInput", publicName: "allowManualInput", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", month: "monthChange" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true, isSignal: true }, { propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<input\n  #inputElement\n  type=\"text\"\n  class=\"tedi-date-picker__input\"\n  role=\"combobox\"\n  aria-autocomplete=\"none\"\n  aria-haspopup=\"dialog\"\n  [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n  [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n  [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n  [attr.id]=\"inputId()\"\n  [attr.placeholder]=\"inputPlaceholder()\"\n  [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n  [attr.aria-controls]=\"uniqueId\"\n  [attr.aria-readonly]=\"!allowManualInput()\"\n  [readOnly]=\"!allowManualInput()\"\n  [value]=\"inputValue()\"\n  [disabled]=\"inputDisabled()\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onInputBlur()\"\n  (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n  @if (selected()) {\n    <button\n      tedi-closing-button\n      type=\"button\"\n      size=\"small\"\n      class=\"tedi-date-picker__clear\"\n      [iconSize]=\"18\"\n      [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n      [disabled]=\"inputDisabled()\"\n      (click)=\"clearInput()\"\n    ></button>\n    <tedi-separator axis=\"vertical\" size=\"1rem\" />\n  }\n  <tedi-popover\n    style=\"display: flex; align-items: center\"\n    position=\"bottom-end\"\n    [withArrow]=\"false\"\n  >\n    <button\n      tedi-button\n      tedi-popover-trigger\n      type=\"button\"\n      variant=\"neutral\"\n      size=\"small\"\n      class=\"tedi-date-picker__toggle\"\n      [attr.aria-label]=\"\n        translationService.track('date-picker.open-calendar')()\n      \"\n      [disabled]=\"inputDisabled()\"\n      (click)=\"openCalendar()\"\n    >\n      <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n    </button>\n    <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n      <div\n        class=\"tedi-date-picker__calendar\"\n        (keydown)=\"onCalendarKeyDown($event)\"\n      >\n        <div class=\"tedi-date-picker__header\">\n          @if (currentView() === \"calendar-grid\") {\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-prev-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"prevMonth()\"\n                [disabled]=\"!canGoPrev()\"\n              >\n                <tedi-icon name=\"arrow_back\" />\n              </button>\n            }\n\n            <div class=\"tedi-date-picker__controls\">\n              @if (monthMode() === \"dropdown\") {\n                <tedi-dropdown\n                  [value]=\"month().getMonth().toString()\"\n                  (valueChange)=\"onMonthSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-month')()\n                    \"\n                  >\n                    {{ monthNames[month().getMonth()]() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n                  >\n                    @for (month of monthNames; track i; let i = $index) {\n                      <li tedi-dropdown-item [value]=\"i.toString()\">\n                        {{ month() }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (monthMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-month')()\n                  \"\n                  (click)=\"onMonthClick()\"\n                >\n                  {{ monthNames[month().getMonth()]() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (monthMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ monthNames[month().getMonth()]() }}\n                </div>\n              }\n\n              @if (yearMode() === \"dropdown\") {\n                <tedi-dropdown\n                  position=\"bottom-end\"\n                  [value]=\"selectedYear().toString()\"\n                  (valueChange)=\"onYearSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-year')()\n                    \"\n                  >\n                    {{ selectedYear() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n                  >\n                    @for (year of years(); track year) {\n                      <li tedi-dropdown-item [value]=\"year.toString()\">\n                        {{ year }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (yearMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-year')()\n                  \"\n                  (click)=\"onYearClick()\"\n                >\n                  {{ selectedYear() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (yearMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ selectedYear() }}\n                </div>\n              }\n            </div>\n\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-next-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"nextMonth()\"\n                [disabled]=\"!canGoNext()\"\n              >\n                <tedi-icon name=\"arrow_forward\" />\n              </button>\n            }\n          } @else if (currentView() === \"month-grid\") {\n            <div class=\"tedi-date-picker__controls\">\n              {{ monthNames[month().getMonth()]() }}\n            </div>\n          } @else if (currentView() === \"year-grid\") {\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.previous-years')()\n              \"\n              (click)=\"prevYearPage()\"\n              [disabled]=\"!hasPrevYearPage()\"\n            >\n              <tedi-icon name=\"arrow_back\" />\n            </button>\n            <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.next-years')()\n              \"\n              (click)=\"nextYearPage()\"\n              [disabled]=\"!hasNextYearPage()\"\n            >\n              <tedi-icon name=\"arrow_forward\" />\n            </button>\n          }\n        </div>\n\n        @if (currentView() === \"calendar-grid\") {\n          <div\n            class=\"tedi-date-picker__weekdays\"\n            [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n            role=\"row\"\n          >\n            @if (showWeekNumbers()) {\n              <div role=\"columnheader\"></div>\n            }\n            @for (wd of weekDays; track $index; let i = $index) {\n              <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n                {{ wd() }}\n              </div>\n            }\n          </div>\n\n          <div\n            #gridElement\n            class=\"tedi-date-picker__grid\"\n            role=\"grid\"\n            [attr.id]=\"uniqueId\"\n            aria-readonly=\"true\"\n          >\n            @for (week of weekRows(); track row; let row = $index) {\n              <div\n                class=\"tedi-date-picker__row\"\n                [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n                role=\"row\"\n              >\n                @if (showWeekNumbers()) {\n                  <div\n                    class=\"tedi-date-picker__weeknumber\"\n                    role=\"gridcell\"\n                    aria-readonly=\"true\"\n                  >\n                    {{ weekNumbers()[row] }}\n                  </div>\n                }\n                @for (day of week; track day.date) {\n                  <button\n                    type=\"button\"\n                    role=\"gridcell\"\n                    class=\"tedi-date-picker__day\"\n                    [class.tedi-date-picker__day--other-month]=\"\n                      !day.inCurrentMonth\n                    \"\n                    [class.tedi-date-picker__day--selected]=\"\n                      isSelected(day.date)\n                    \"\n                    [disabled]=\"day.disabled\"\n                    [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n                    [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n                    [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n                    [attr.tabindex]=\"getTabIndex(day.date)\"\n                    [attr.data-date-key]=\"day.date.getTime()\"\n                    (keydown)=\"onDayKeydown($event, day.date)\"\n                    (click)=\"selectDay(day)\"\n                  >\n                    @if (isToday(day.date)) {\n                      <div class=\"tedi-date-picker__today\">\n                        {{ day.date.getDate() }}\n                      </div>\n                    } @else {\n                      {{ day.date.getDate() }}\n                    }\n                  </button>\n                }\n              </div>\n            }\n          </div>\n        } @else if (currentView() === \"month-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (monthName of monthShortNames; track i; let i = $index) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getMonth() === i\n                \"\n                (click)=\"onMonthSelect(i.toString())\"\n              >\n                {{ monthName() }}\n              </button>\n            }\n          </div>\n        } @else if (currentView() === \"year-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (year of pagedYears(); track year) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getFullYear() === year\n                \"\n                (click)=\"onYearSelect(year.toString())\"\n              >\n                {{ year }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </tedi-popover-content>\n  </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: DropdownComponent, selector: "tedi-dropdown", inputs: ["value", "position", "preventOverflow", "appendTo"], outputs: ["valueChange"] }, { kind: "directive", type: DropdownTriggerDirective, selector: "[tedi-dropdown-trigger]", inputs: ["ariaHaspopup"] }, { kind: "component", type: DropdownContentComponent, selector: "tedi-dropdown-content", inputs: ["dropdownRole"] }, { kind: "component", type: DropdownItemComponent, selector: "li[tedi-dropdown-item]", inputs: ["value", "disabled"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }, { kind: "component", type: SeparatorComponent, selector: "tedi-separator", inputs: ["axis", "color", "variant", "dotSize", "dotFilled", "thickness", "spacing", "size"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll", "timeoutDelay"] }, { kind: "directive", type: PopoverTriggerDirective, selector: "[tedi-popover-trigger]", inputs: ["underline"] }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
@@ -3088,9 +3283,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ClosingButtonComponent,
                         SeparatorComponent,
                         PopoverComponent,
-                        PopoverTriggerComponent,
+                        PopoverTriggerDirective,
                         PopoverContentComponent,
-                    ], template: "<input\n  #inputElement\n  type=\"text\"\n  class=\"tedi-date-picker__input\"\n  role=\"combobox\"\n  aria-autocomplete=\"none\"\n  aria-haspopup=\"dialog\"\n  [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n  [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n  [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n  [attr.id]=\"inputId()\"\n  [attr.placeholder]=\"inputPlaceholder()\"\n  [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n  [attr.aria-controls]=\"uniqueId\"\n  [attr.aria-readonly]=\"!allowManualInput()\"\n  [readOnly]=\"!allowManualInput()\"\n  [value]=\"inputValue()\"\n  [disabled]=\"inputDisabled()\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onInputBlur()\"\n  (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n  @if (selected()) {\n    <button\n      tedi-closing-button\n      type=\"button\"\n      size=\"small\"\n      class=\"tedi-date-picker__clear\"\n      [iconSize]=\"18\"\n      [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n      [disabled]=\"inputDisabled()\"\n      (click)=\"clearInput()\"\n    ></button>\n    <tedi-separator axis=\"vertical\" size=\"1rem\" />\n  }\n  <tedi-popover\n    style=\"display: flex; align-items: center\"\n    position=\"bottom-end\"\n    [withArrow]=\"false\"\n  >\n    <tedi-popover-trigger>\n      <button\n        tedi-button\n        type=\"button\"\n        variant=\"neutral\"\n        size=\"small\"\n        class=\"tedi-date-picker__toggle\"\n        [attr.aria-label]=\"\n          translationService.track('date-picker.open-calendar')()\n        \"\n        [disabled]=\"inputDisabled()\"\n        (click)=\"openCalendar()\"\n      >\n        <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n      </button>\n    </tedi-popover-trigger>\n    <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n      <div\n        class=\"tedi-date-picker__calendar\"\n        (keydown)=\"onCalendarKeyDown($event)\"\n      >\n        <div class=\"tedi-date-picker__header\">\n          @if (currentView() === \"calendar-grid\") {\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-prev-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"prevMonth()\"\n                [disabled]=\"!canGoPrev()\"\n              >\n                <tedi-icon name=\"arrow_back\" />\n              </button>\n            }\n\n            <div class=\"tedi-date-picker__controls\">\n              @if (monthMode() === \"dropdown\") {\n                <tedi-dropdown\n                  [value]=\"month().getMonth().toString()\"\n                  (valueChange)=\"onMonthSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-month')()\n                    \"\n                  >\n                    {{ monthNames[month().getMonth()]() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n                  >\n                    @for (month of monthNames; track i; let i = $index) {\n                      <li tedi-dropdown-item [value]=\"i.toString()\">\n                        {{ month() }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (monthMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-month')()\n                  \"\n                  (click)=\"onMonthClick()\"\n                >\n                  {{ monthNames[month().getMonth()]() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (monthMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ monthNames[month().getMonth()]() }}\n                </div>\n              }\n\n              @if (yearMode() === \"dropdown\") {\n                <tedi-dropdown\n                  position=\"bottom-end\"\n                  [value]=\"selectedYear().toString()\"\n                  (valueChange)=\"onYearSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-year')()\n                    \"\n                  >\n                    {{ selectedYear() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n                  >\n                    @for (year of years(); track year) {\n                      <li tedi-dropdown-item [value]=\"year.toString()\">\n                        {{ year }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (yearMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-year')()\n                  \"\n                  (click)=\"onYearClick()\"\n                >\n                  {{ selectedYear() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (yearMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ selectedYear() }}\n                </div>\n              }\n            </div>\n\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-next-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"nextMonth()\"\n                [disabled]=\"!canGoNext()\"\n              >\n                <tedi-icon name=\"arrow_forward\" />\n              </button>\n            }\n          } @else if (currentView() === \"month-grid\") {\n            <div class=\"tedi-date-picker__controls\">\n              {{ monthNames[month().getMonth()]() }}\n            </div>\n          } @else if (currentView() === \"year-grid\") {\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.previous-years')()\n              \"\n              (click)=\"prevYearPage()\"\n              [disabled]=\"!hasPrevYearPage()\"\n            >\n              <tedi-icon name=\"arrow_back\" />\n            </button>\n            <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.next-years')()\n              \"\n              (click)=\"nextYearPage()\"\n              [disabled]=\"!hasNextYearPage()\"\n            >\n              <tedi-icon name=\"arrow_forward\" />\n            </button>\n          }\n        </div>\n\n        @if (currentView() === \"calendar-grid\") {\n          <div\n            class=\"tedi-date-picker__weekdays\"\n            [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n            role=\"row\"\n          >\n            @if (showWeekNumbers()) {\n              <div role=\"columnheader\"></div>\n            }\n            @for (wd of weekDays; track $index; let i = $index) {\n              <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n                {{ wd() }}\n              </div>\n            }\n          </div>\n\n          <div\n            #gridElement\n            class=\"tedi-date-picker__grid\"\n            role=\"grid\"\n            [attr.id]=\"uniqueId\"\n            aria-readonly=\"true\"\n          >\n            @for (week of weekRows(); track row; let row = $index) {\n              <div\n                class=\"tedi-date-picker__row\"\n                [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n                role=\"row\"\n              >\n                @if (showWeekNumbers()) {\n                  <div\n                    class=\"tedi-date-picker__weeknumber\"\n                    role=\"gridcell\"\n                    aria-readonly=\"true\"\n                  >\n                    {{ weekNumbers()[row] }}\n                  </div>\n                }\n                @for (day of week; track day.date) {\n                  <button\n                    type=\"button\"\n                    role=\"gridcell\"\n                    class=\"tedi-date-picker__day\"\n                    [class.tedi-date-picker__day--other-month]=\"\n                      !day.inCurrentMonth\n                    \"\n                    [class.tedi-date-picker__day--selected]=\"\n                      isSelected(day.date)\n                    \"\n                    [disabled]=\"day.disabled\"\n                    [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n                    [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n                    [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n                    [attr.tabindex]=\"getTabIndex(day.date)\"\n                    [attr.data-date-key]=\"day.date.getTime()\"\n                    (keydown)=\"onDayKeydown($event, day.date)\"\n                    (click)=\"selectDay(day)\"\n                  >\n                    @if (isToday(day.date)) {\n                      <div class=\"tedi-date-picker__today\">\n                        {{ day.date.getDate() }}\n                      </div>\n                    } @else {\n                      {{ day.date.getDate() }}\n                    }\n                  </button>\n                }\n              </div>\n            }\n          </div>\n        } @else if (currentView() === \"month-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (monthName of monthShortNames; track i; let i = $index) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getMonth() === i\n                \"\n                (click)=\"onMonthSelect(i.toString())\"\n              >\n                {{ monthName() }}\n              </button>\n            }\n          </div>\n        } @else if (currentView() === \"year-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (year of pagedYears(); track year) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getFullYear() === year\n                \"\n                (click)=\"onYearSelect(year.toString())\"\n              >\n                {{ year }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </tedi-popover-content>\n  </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"] }]
+                    ], template: "<input\n  #inputElement\n  type=\"text\"\n  class=\"tedi-date-picker__input\"\n  role=\"combobox\"\n  aria-autocomplete=\"none\"\n  aria-haspopup=\"dialog\"\n  [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n  [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n  [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n  [attr.id]=\"inputId()\"\n  [attr.placeholder]=\"inputPlaceholder()\"\n  [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n  [attr.aria-controls]=\"uniqueId\"\n  [attr.aria-readonly]=\"!allowManualInput()\"\n  [readOnly]=\"!allowManualInput()\"\n  [value]=\"inputValue()\"\n  [disabled]=\"inputDisabled()\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onInputBlur()\"\n  (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n  @if (selected()) {\n    <button\n      tedi-closing-button\n      type=\"button\"\n      size=\"small\"\n      class=\"tedi-date-picker__clear\"\n      [iconSize]=\"18\"\n      [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n      [disabled]=\"inputDisabled()\"\n      (click)=\"clearInput()\"\n    ></button>\n    <tedi-separator axis=\"vertical\" size=\"1rem\" />\n  }\n  <tedi-popover\n    style=\"display: flex; align-items: center\"\n    position=\"bottom-end\"\n    [withArrow]=\"false\"\n  >\n    <button\n      tedi-button\n      tedi-popover-trigger\n      type=\"button\"\n      variant=\"neutral\"\n      size=\"small\"\n      class=\"tedi-date-picker__toggle\"\n      [attr.aria-label]=\"\n        translationService.track('date-picker.open-calendar')()\n      \"\n      [disabled]=\"inputDisabled()\"\n      (click)=\"openCalendar()\"\n    >\n      <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n    </button>\n    <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n      <div\n        class=\"tedi-date-picker__calendar\"\n        (keydown)=\"onCalendarKeyDown($event)\"\n      >\n        <div class=\"tedi-date-picker__header\">\n          @if (currentView() === \"calendar-grid\") {\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-prev-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"prevMonth()\"\n                [disabled]=\"!canGoPrev()\"\n              >\n                <tedi-icon name=\"arrow_back\" />\n              </button>\n            }\n\n            <div class=\"tedi-date-picker__controls\">\n              @if (monthMode() === \"dropdown\") {\n                <tedi-dropdown\n                  [value]=\"month().getMonth().toString()\"\n                  (valueChange)=\"onMonthSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-month')()\n                    \"\n                  >\n                    {{ monthNames[month().getMonth()]() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n                  >\n                    @for (month of monthNames; track i; let i = $index) {\n                      <li tedi-dropdown-item [value]=\"i.toString()\">\n                        {{ month() }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (monthMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-month')()\n                  \"\n                  (click)=\"onMonthClick()\"\n                >\n                  {{ monthNames[month().getMonth()]() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (monthMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ monthNames[month().getMonth()]() }}\n                </div>\n              }\n\n              @if (yearMode() === \"dropdown\") {\n                <tedi-dropdown\n                  position=\"bottom-end\"\n                  [value]=\"selectedYear().toString()\"\n                  (valueChange)=\"onYearSelect($event)\"\n                >\n                  <button\n                    tedi-dropdown-trigger\n                    ariaHaspopup=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-trigger\"\n                    [attr.aria-label]=\"\n                      translationService.track('date-picker.select-year')()\n                    \"\n                  >\n                    {{ selectedYear() }}\n                    <tedi-icon\n                      name=\"arrow_drop_down\"\n                      class=\"tedi-date-picker__dropdown-arrow\"\n                      size=\"inherit\"\n                    />\n                  </button>\n                  <tedi-dropdown-content\n                    dropdownRole=\"listbox\"\n                    class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n                  >\n                    @for (year of years(); track year) {\n                      <li tedi-dropdown-item [value]=\"year.toString()\">\n                        {{ year }}\n                      </li>\n                    }\n                  </tedi-dropdown-content>\n                </tedi-dropdown>\n              } @else if (yearMode() === \"grid\") {\n                <button\n                  class=\"tedi-date-picker__dropdown-trigger\"\n                  [attr.aria-label]=\"\n                    translationService.track('date-picker.select-year')()\n                  \"\n                  (click)=\"onYearClick()\"\n                >\n                  {{ selectedYear() }}\n                  <tedi-icon\n                    name=\"arrow_drop_down\"\n                    class=\"tedi-date-picker__dropdown-arrow\"\n                    size=\"inherit\"\n                  />\n                </button>\n              } @else if (yearMode() === \"label\") {\n                <div class=\"tedi-date-picker__label\">\n                  {{ selectedYear() }}\n                </div>\n              }\n            </div>\n\n            @if (showNavigation()) {\n              <button\n                tedi-button\n                variant=\"neutral\"\n                size=\"small\"\n                class=\"tedi-date-picker__nav\"\n                [attr.aria-label]=\"\n                  translationService.track('date-picker.go-next-month')()\n                \"\n                [attr.aria-controls]=\"uniqueId\"\n                (click)=\"nextMonth()\"\n                [disabled]=\"!canGoNext()\"\n              >\n                <tedi-icon name=\"arrow_forward\" />\n              </button>\n            }\n          } @else if (currentView() === \"month-grid\") {\n            <div class=\"tedi-date-picker__controls\">\n              {{ monthNames[month().getMonth()]() }}\n            </div>\n          } @else if (currentView() === \"year-grid\") {\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.previous-years')()\n              \"\n              (click)=\"prevYearPage()\"\n              [disabled]=\"!hasPrevYearPage()\"\n            >\n              <tedi-icon name=\"arrow_back\" />\n            </button>\n            <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n            <button\n              tedi-button\n              variant=\"neutral\"\n              size=\"small\"\n              class=\"tedi-date-picker__nav\"\n              [attr.aria-label]=\"\n                translationService.track('date-picker.next-years')()\n              \"\n              (click)=\"nextYearPage()\"\n              [disabled]=\"!hasNextYearPage()\"\n            >\n              <tedi-icon name=\"arrow_forward\" />\n            </button>\n          }\n        </div>\n\n        @if (currentView() === \"calendar-grid\") {\n          <div\n            class=\"tedi-date-picker__weekdays\"\n            [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n            role=\"row\"\n          >\n            @if (showWeekNumbers()) {\n              <div role=\"columnheader\"></div>\n            }\n            @for (wd of weekDays; track $index; let i = $index) {\n              <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n                {{ wd() }}\n              </div>\n            }\n          </div>\n\n          <div\n            #gridElement\n            class=\"tedi-date-picker__grid\"\n            role=\"grid\"\n            [attr.id]=\"uniqueId\"\n            aria-readonly=\"true\"\n          >\n            @for (week of weekRows(); track row; let row = $index) {\n              <div\n                class=\"tedi-date-picker__row\"\n                [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n                role=\"row\"\n              >\n                @if (showWeekNumbers()) {\n                  <div\n                    class=\"tedi-date-picker__weeknumber\"\n                    role=\"gridcell\"\n                    aria-readonly=\"true\"\n                  >\n                    {{ weekNumbers()[row] }}\n                  </div>\n                }\n                @for (day of week; track day.date) {\n                  <button\n                    type=\"button\"\n                    role=\"gridcell\"\n                    class=\"tedi-date-picker__day\"\n                    [class.tedi-date-picker__day--other-month]=\"\n                      !day.inCurrentMonth\n                    \"\n                    [class.tedi-date-picker__day--selected]=\"\n                      isSelected(day.date)\n                    \"\n                    [disabled]=\"day.disabled\"\n                    [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n                    [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n                    [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n                    [attr.tabindex]=\"getTabIndex(day.date)\"\n                    [attr.data-date-key]=\"day.date.getTime()\"\n                    (keydown)=\"onDayKeydown($event, day.date)\"\n                    (click)=\"selectDay(day)\"\n                  >\n                    @if (isToday(day.date)) {\n                      <div class=\"tedi-date-picker__today\">\n                        {{ day.date.getDate() }}\n                      </div>\n                    } @else {\n                      {{ day.date.getDate() }}\n                    }\n                  </button>\n                }\n              </div>\n            }\n          </div>\n        } @else if (currentView() === \"month-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (monthName of monthShortNames; track i; let i = $index) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getMonth() === i\n                \"\n                (click)=\"onMonthSelect(i.toString())\"\n              >\n                {{ monthName() }}\n              </button>\n            }\n          </div>\n        } @else if (currentView() === \"year-grid\") {\n          <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n            @for (year of pagedYears(); track year) {\n              <button\n                type=\"button\"\n                class=\"tedi-date-picker__month-year-button\"\n                [class.tedi-date-picker__month-year-button--selected]=\"\n                  month().getFullYear() === year\n                \"\n                (click)=\"onYearSelect(year.toString())\"\n              >\n                {{ year }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </tedi-popover-content>\n  </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"] }]
         }] });
 class FeedbackTextComponent {
@@ -3780,6 +3975,7 @@ class LinkComponent {
     variant = input("default");
     size = input("default");
     underline = input(true);
+    target = input();
     xs = input();
     sm = input();
     md = input();
@@ -3829,14 +4025,14 @@ class LinkComponent {
         return classList.join(" ");
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: LinkComponent, isStandalone: true, selector: "[tedi-link]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.tabIndex": "0" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size)}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit;margin-left:var(--button-sm-inner-spacing);margin-right:var(--button-sm-inner-spacing)}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: LinkComponent, isStandalone: true, selector: "[tedi-link]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.tabIndex": "0" } }, ngImport: i0, template: "<ng-content></ng-content>\n@if (target() === \"_blank\") {\n  <span class=\"sr-only\">{{ \"anchor.new-tab\" | tediTranslate }}</span>\n}\n", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size)}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit;margin-left:var(--button-sm-inner-spacing);margin-right:var(--button-sm-inner-spacing)}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"], dependencies: [{ kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: "[tedi-link]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: "[tedi-link]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [TediTranslationPipe], host: {
                         "[class]": "classes()",
                         "[attr.tabIndex]": "0",
-                    }, template: "<ng-content></ng-content>", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size)}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit;margin-left:var(--button-sm-inner-spacing);margin-right:var(--button-sm-inner-spacing)}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"] }]
+                    }, template: "<ng-content></ng-content>\n@if (target() === \"_blank\") {\n  <span class=\"sr-only\">{{ \"anchor.new-tab\" | tediTranslate }}</span>\n}\n", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size)}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit;margin-left:var(--button-sm-inner-spacing);margin-right:var(--button-sm-inner-spacing)}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"] }]
         }] });
 class FooterBottomComponent {
@@ -3960,7 +4156,7 @@ class HeaderLanguageComponent {
         this.popover?.floatUiComponent().hide();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLanguageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: HeaderLanguageComponent, isStandalone: true, selector: "tedi-header-language", inputs: { languages: { classPropertyName: "languages", publicName: "languages", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { languageChange: "languageChange" }, host: { classAttribute: "tedi-header-language" }, viewQueries: [{ propertyName: "popover", first: true, predicate: i0.forwardRef(() => PopoverComponent), descendants: true }], ngImport: i0, template: "<span tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-language__label\">{{ \"header.select-lang\" | tediTranslate }}</span>\n<tedi-popover [withBorder]=\"true\" position=\"bottom\">\n    <tedi-popover-trigger>\n        <button class=\"tedi-link tedi-header__link-button\">\n            <span>{{ languages()[translationService.getLanguage()] }}</span>\n            <tedi-icon name=\"expand_more\" />\n        </button>\n    </tedi-popover-trigger>\n    <tedi-popover-content maxWidth=\"none\">\n        <button \n            *ngFor=\"let language of languageKeys();\" \n            class=\"tedi-link tedi-header__link-button\"\n            (click)=\"handleChangeLang(language)\"\n        >\n            <span>{{ languages()[language] }}</span>\n        </button>\n    </tedi-popover-content>\n</tedi-popover>", styles: [":root{--_header-language-transition-duration: .3s}.tedi-header-language{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-language tedi-popover-trigger tedi-icon{transition:transform var(--_header-language-transition-duration) ease}.tedi-header-language tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-language__label{display:none}@media (min-width: 576px){.tedi-header-language__label{display:block}}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: HeaderLanguageComponent, isStandalone: true, selector: "tedi-header-language", inputs: { languages: { classPropertyName: "languages", publicName: "languages", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { languageChange: "languageChange" }, host: { classAttribute: "tedi-header-language" }, viewQueries: [{ propertyName: "popover", first: true, predicate: i0.forwardRef(() => PopoverComponent), descendants: true }], ngImport: i0, template: "<span\n  tedi-text\n  color=\"secondary\"\n  modifiers=\"small\"\n  class=\"tedi-header-language__label\"\n  >{{ \"header.select-lang\" | tediTranslate }}</span\n>\n<tedi-popover [withBorder]=\"true\" position=\"bottom\">\n  <button\n    type=\"button\"\n    tedi-popover-trigger\n    class=\"tedi-link tedi-header__link-button\"\n  >\n    <span>{{ languages()[translationService.getLanguage()] }}</span>\n    <tedi-icon name=\"expand_more\" />\n  </button>\n  <tedi-popover-content maxWidth=\"none\">\n    <button\n      *ngFor=\"let language of languageKeys()\"\n      class=\"tedi-link tedi-header__link-button\"\n      (click)=\"handleChangeLang(language)\"\n    >\n      <span>{{ languages()[language] }}</span>\n    </button>\n  </tedi-popover-content>\n</tedi-popover>\n", styles: [":root{--_header-language-transition-duration: .3s}.tedi-header-language{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-language tedi-popover-trigger tedi-icon{transition:transform var(--_header-language-transition-duration) ease}.tedi-header-language tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-language__label{display:none}@media (min-width: 576px){.tedi-header-language__label{display:block}}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll", "timeoutDelay"] }, { kind: "directive", type: PopoverTriggerDirective, selector: "[tedi-popover-trigger]", inputs: ["underline"] }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLanguageComponent, decorators: [{
             type: Component,
@@ -3969,12 +4165,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         IconComponent,
                         TextComponent,
                         PopoverComponent,
-                        PopoverTriggerComponent,
+                        PopoverTriggerDirective,
                         PopoverContentComponent,
                         TediTranslationPipe,
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "tedi-header-language",
-                    }, template: "<span tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-language__label\">{{ \"header.select-lang\" | tediTranslate }}</span>\n<tedi-popover [withBorder]=\"true\" position=\"bottom\">\n    <tedi-popover-trigger>\n        <button class=\"tedi-link tedi-header__link-button\">\n            <span>{{ languages()[translationService.getLanguage()] }}</span>\n            <tedi-icon name=\"expand_more\" />\n        </button>\n    </tedi-popover-trigger>\n    <tedi-popover-content maxWidth=\"none\">\n        <button \n            *ngFor=\"let language of languageKeys();\" \n            class=\"tedi-link tedi-header__link-button\"\n            (click)=\"handleChangeLang(language)\"\n        >\n            <span>{{ languages()[language] }}</span>\n        </button>\n    </tedi-popover-content>\n</tedi-popover>", styles: [":root{--_header-language-transition-duration: .3s}.tedi-header-language{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-language tedi-popover-trigger tedi-icon{transition:transform var(--_header-language-transition-duration) ease}.tedi-header-language tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-language__label{display:none}@media (min-width: 576px){.tedi-header-language__label{display:block}}\n"] }]
+                    }, template: "<span\n  tedi-text\n  color=\"secondary\"\n  modifiers=\"small\"\n  class=\"tedi-header-language__label\"\n  >{{ \"header.select-lang\" | tediTranslate }}</span\n>\n<tedi-popover [withBorder]=\"true\" position=\"bottom\">\n  <button\n    type=\"button\"\n    tedi-popover-trigger\n    class=\"tedi-link tedi-header__link-button\"\n  >\n    <span>{{ languages()[translationService.getLanguage()] }}</span>\n    <tedi-icon name=\"expand_more\" />\n  </button>\n  <tedi-popover-content maxWidth=\"none\">\n    <button\n      *ngFor=\"let language of languageKeys()\"\n      class=\"tedi-link tedi-header__link-button\"\n      (click)=\"handleChangeLang(language)\"\n    >\n      <span>{{ languages()[language] }}</span>\n    </button>\n  </tedi-popover-content>\n</tedi-popover>\n", styles: [":root{--_header-language-transition-duration: .3s}.tedi-header-language{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-language tedi-popover-trigger tedi-icon{transition:transform var(--_header-language-transition-duration) ease}.tedi-header-language tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-language__label{display:none}@media (min-width: 576px){.tedi-header-language__label{display:block}}\n"] }]
         }], propDecorators: { popover: [{
                 type: ViewChild,
                 args: [forwardRef(() => PopoverComponent)]
@@ -4073,6 +4269,7 @@ class HeaderProfileComponent {
     /** Breakpoint at which we show dropdown instead of modal */
     showDropdown = input();
     breakpointService = inject(BreakpointService);
+    translationService = inject(TediTranslationService);
     document = inject(DOCUMENT);
     host = inject(ElementRef);
     renderer = inject(Renderer2);
@@ -4088,6 +4285,18 @@ class HeaderProfileComponent {
         });
     }
     modalOpen = signal(false);
+    buttonVariant = computed(() => {
+        if (this.breakpointService.isBelowBreakpoint("sm")() || !this.name()) {
+            return "neutral";
+        }
+        return "secondary";
+    });
+    buttonClass = computed(() => {
+        if (this.breakpointService.isBelowBreakpoint("sm")()) {
+            return "tedi-header-profile--mobile";
+        }
+        return null;
+    });
     ngAfterContentInit() {
         const element = this.host.nativeElement;
         this.eventListeners.push(this.renderer.listen("document", "click", (event) => {
@@ -4106,13 +4315,13 @@ class HeaderProfileComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderProfileComponent, isStandalone: true, selector: "tedi-header-profile", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showDropdown(); as dropdown) {\n  <ng-container *hideAt=\"dropdown\">\n    <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n  </ng-container>\n\n  <ng-container *showAt=\"dropdown\">\n    <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n      <tedi-popover-trigger>\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </tedi-popover-trigger>\n      <tedi-popover-content maxWidth=\"small\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-popover-content>\n    </tedi-popover>\n  </ng-container>\n} @else {\n  <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #button>\n  <ng-container *hideAt=\"'sm'\">\n    <button\n      tedi-button\n      variant=\"neutral\"\n      class=\"tedi-header-profile--mobile\"\n      [attr.data-open]=\"modalOpen()\"\n      (click)=\"handleModalOpen()\"\n    >\n      <tedi-icon\n        [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n        color=\"brand\"\n      />\n      {{ \"header.profile\" | tediTranslate }}\n    </button>\n  </ng-container>\n\n  <ng-container *showAt=\"'sm'\">\n    <button\n      tedi-button\n      [variant]=\"name() ? 'secondary' : 'neutral'\"\n      (click)=\"handleModalOpen()\"\n    >\n      <tedi-icon\n        name=\"account_circle\"\n        color=\"brand\"\n        [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n      />\n      {{ name() }}\n      @if (name()) {\n        <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n      }\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #modal>\n  @if (modalOpen()) {\n    <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n    <div class=\"tedi-header-profile__modal\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  }\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile tedi-popover tedi-popover-trigger{height:46px;align-items:center}tedi-header-profile .tedi-header-profile--mobile{flex-direction:column;justify-content:center;align-items:center;gap:0;border:0;border-radius:0;font-size:12px;line-height:16px;min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05)}tedi-header-profile .tedi-header-profile--mobile[data-open=true]{background:var(--button-main-neutral-icon-only-background-active)}tedi-header-profile .tedi-header-profile__overlay{position:absolute;left:0;top:var(--layout-header-min-height);width:100%;min-height:calc(100dvh - var(--layout-header-min-height));background:#00000040;z-index:calc(var(--z-index-header) - 1)}tedi-header-profile .tedi-header-profile__modal{min-height:calc(100dvh - var(--layout-header-min-height));max-height:100%;position:absolute;right:0;top:var(--layout-header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header);width:var(--navigation-vertical-item-width-default)}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding)}tedi-header-profile .tedi-header-profile__modal>*:not(:last-child){border-bottom:var(--borders-01) solid var(--general-border-primary)}tedi-header-profile .tedi-header-profile__modal>*:has(.tedi-header-role__head){border-bottom:var(--borders-04) solid var(--general-border-brand)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{flex-direction:row;justify-content:flex-start;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile tedi-icon{font-size:inherit!important}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderProfileComponent, isStandalone: true, selector: "tedi-header-profile", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showDropdown(); as dropdown) {\n  <ng-container *hideAt=\"dropdown\">\n    <button\n      tedi-button\n      [attr.data-open]=\"modalOpen()\"\n      [class]=\"buttonClass()\"\n      [variant]=\"buttonVariant()\"\n      [attr.aria-label]=\"\n        breakpointService.isBelowBreakpoint('sm')() || !name()\n          ? translationService.track('header.profile')\n          : null\n      \"\n      (click)=\"handleModalOpen()\"\n    >\n      @if (breakpointService.isBelowBreakpoint(\"sm\")()) {\n        <tedi-icon\n          [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n          color=\"brand\"\n        />\n        {{ \"header.profile\" | tediTranslate }}\n      } @else {\n        <tedi-icon\n          name=\"account_circle\"\n          color=\"brand\"\n          [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n        />\n        {{ name() }}\n        @if (name()) {\n          <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n        }\n      }\n    </button>\n    <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n  </ng-container>\n\n  <ng-container *showAt=\"dropdown\">\n    <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n      <button\n        tedi-button\n        tedi-popover-trigger\n        [attr.data-open]=\"modalOpen()\"\n        [class]=\"buttonClass()\"\n        [variant]=\"buttonVariant()\"\n        (click)=\"handleModalOpen()\"\n      >\n        @if (breakpointService.isBelowBreakpoint(\"sm\")()) {\n          <tedi-icon\n            [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n            color=\"brand\"\n          />\n          {{ \"header.profile\" | tediTranslate }}\n        } @else {\n          <tedi-icon\n            name=\"account_circle\"\n            color=\"brand\"\n            [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n          />\n          {{ name() }}\n          @if (name()) {\n            <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n          }\n        }\n      </button>\n      <tedi-popover-content maxWidth=\"small\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-popover-content>\n    </tedi-popover>\n  </ng-container>\n} @else {\n  <button\n    tedi-button\n    [attr.data-open]=\"modalOpen()\"\n    [class]=\"buttonClass()\"\n    [variant]=\"buttonVariant()\"\n    (click)=\"handleModalOpen()\"\n  >\n    @if (breakpointService.isBelowBreakpoint(\"sm\")()) {\n      <tedi-icon\n        [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n        color=\"brand\"\n      />\n      {{ \"header.profile\" | tediTranslate }}\n    } @else {\n      <tedi-icon\n        name=\"account_circle\"\n        color=\"brand\"\n        [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n      />\n      {{ name() }}\n      @if (name()) {\n        <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n      }\n    }\n  </button>\n  <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #modal>\n  @if (modalOpen()) {\n    <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n    <div class=\"tedi-header-profile__modal\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  }\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile .tedi-header-profile--mobile{flex-direction:column;justify-content:center;align-items:center;gap:0;border:0;border-radius:0;font-size:12px;line-height:16px;min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05)}tedi-header-profile .tedi-header-profile--mobile[data-open=true]{background:var(--button-main-neutral-icon-only-background-active)}tedi-header-profile .tedi-header-profile__overlay{position:absolute;left:0;top:var(--layout-header-min-height);width:100%;min-height:calc(100dvh - var(--layout-header-min-height));background:#00000040;z-index:calc(var(--z-index-header) - 1)}tedi-header-profile .tedi-header-profile__modal{min-height:calc(100dvh - var(--layout-header-min-height));max-height:100%;position:absolute;right:0;top:var(--layout-header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header);width:var(--navigation-vertical-item-width-default)}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding)}tedi-header-profile .tedi-header-profile__modal>*:not(:last-child){border-bottom:var(--borders-01) solid var(--general-border-primary)}tedi-header-profile .tedi-header-profile__modal>*:has(.tedi-header-role__head){border-bottom:var(--borders-04) solid var(--general-border-brand)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{flex-direction:row;justify-content:flex-start;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile tedi-icon{font-size:inherit!important}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll", "timeoutDelay"] }, { kind: "directive", type: PopoverTriggerDirective, selector: "[tedi-popover-trigger]", inputs: ["underline"] }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderProfileComponent, decorators: [{
             type: Component,
             args: [{ selector: "tedi-header-profile", standalone: true, imports: [
                         PopoverComponent,
-                        PopoverTriggerComponent,
+                        PopoverTriggerDirective,
                         PopoverContentComponent,
                         IconComponent,
                         ButtonComponent,
@@ -4120,7 +4329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         HideAtDirective,
                         NgTemplateOutlet,
                         TediTranslationPipe,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showDropdown(); as dropdown) {\n  <ng-container *hideAt=\"dropdown\">\n    <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n  </ng-container>\n\n  <ng-container *showAt=\"dropdown\">\n    <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n      <tedi-popover-trigger>\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </tedi-popover-trigger>\n      <tedi-popover-content maxWidth=\"small\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-popover-content>\n    </tedi-popover>\n  </ng-container>\n} @else {\n  <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #button>\n  <ng-container *hideAt=\"'sm'\">\n    <button\n      tedi-button\n      variant=\"neutral\"\n      class=\"tedi-header-profile--mobile\"\n      [attr.data-open]=\"modalOpen()\"\n      (click)=\"handleModalOpen()\"\n    >\n      <tedi-icon\n        [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n        color=\"brand\"\n      />\n      {{ \"header.profile\" | tediTranslate }}\n    </button>\n  </ng-container>\n\n  <ng-container *showAt=\"'sm'\">\n    <button\n      tedi-button\n      [variant]=\"name() ? 'secondary' : 'neutral'\"\n      (click)=\"handleModalOpen()\"\n    >\n      <tedi-icon\n        name=\"account_circle\"\n        color=\"brand\"\n        [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n      />\n      {{ name() }}\n      @if (name()) {\n        <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n      }\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #modal>\n  @if (modalOpen()) {\n    <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n    <div class=\"tedi-header-profile__modal\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  }\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile tedi-popover tedi-popover-trigger{height:46px;align-items:center}tedi-header-profile .tedi-header-profile--mobile{flex-direction:column;justify-content:center;align-items:center;gap:0;border:0;border-radius:0;font-size:12px;line-height:16px;min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05)}tedi-header-profile .tedi-header-profile--mobile[data-open=true]{background:var(--button-main-neutral-icon-only-background-active)}tedi-header-profile .tedi-header-profile__overlay{position:absolute;left:0;top:var(--layout-header-min-height);width:100%;min-height:calc(100dvh - var(--layout-header-min-height));background:#00000040;z-index:calc(var(--z-index-header) - 1)}tedi-header-profile .tedi-header-profile__modal{min-height:calc(100dvh - var(--layout-header-min-height));max-height:100%;position:absolute;right:0;top:var(--layout-header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header);width:var(--navigation-vertical-item-width-default)}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding)}tedi-header-profile .tedi-header-profile__modal>*:not(:last-child){border-bottom:var(--borders-01) solid var(--general-border-primary)}tedi-header-profile .tedi-header-profile__modal>*:has(.tedi-header-role__head){border-bottom:var(--borders-04) solid var(--general-border-brand)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{flex-direction:row;justify-content:flex-start;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile tedi-icon{font-size:inherit!important}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showDropdown(); as dropdown) {\n  <ng-container *hideAt=\"dropdown\">\n    <button\n      tedi-button\n      [attr.data-open]=\"modalOpen()\"\n      [class]=\"buttonClass()\"\n      [variant]=\"buttonVariant()\"\n      [attr.aria-label]=\"\n        breakpointService.isBelowBreakpoint('sm')() || !name()\n          ? translationService.track('header.profile')\n          : null\n      \"\n      (click)=\"handleModalOpen()\"\n    >\n      @if (breakpointService.isBelowBreakpoint(\"sm\")()) {\n        <tedi-icon\n          [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n          color=\"brand\"\n        />\n        {{ \"header.profile\" | tediTranslate }}\n      } @else {\n        <tedi-icon\n          name=\"account_circle\"\n          color=\"brand\"\n          [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n        />\n        {{ name() }}\n        @if (name()) {\n          <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n        }\n      }\n    </button>\n    <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n  </ng-container>\n\n  <ng-container *showAt=\"dropdown\">\n    <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n      <button\n        tedi-button\n        tedi-popover-trigger\n        [attr.data-open]=\"modalOpen()\"\n        [class]=\"buttonClass()\"\n        [variant]=\"buttonVariant()\"\n        (click)=\"handleModalOpen()\"\n      >\n        @if (breakpointService.isBelowBreakpoint(\"sm\")()) {\n          <tedi-icon\n            [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n            color=\"brand\"\n          />\n          {{ \"header.profile\" | tediTranslate }}\n        } @else {\n          <tedi-icon\n            name=\"account_circle\"\n            color=\"brand\"\n            [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n          />\n          {{ name() }}\n          @if (name()) {\n            <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n          }\n        }\n      </button>\n      <tedi-popover-content maxWidth=\"small\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-popover-content>\n    </tedi-popover>\n  </ng-container>\n} @else {\n  <button\n    tedi-button\n    [attr.data-open]=\"modalOpen()\"\n    [class]=\"buttonClass()\"\n    [variant]=\"buttonVariant()\"\n    (click)=\"handleModalOpen()\"\n  >\n    @if (breakpointService.isBelowBreakpoint(\"sm\")()) {\n      <tedi-icon\n        [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n        color=\"brand\"\n      />\n      {{ \"header.profile\" | tediTranslate }}\n    } @else {\n      <tedi-icon\n        name=\"account_circle\"\n        color=\"brand\"\n        [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n      />\n      {{ name() }}\n      @if (name()) {\n        <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n      }\n    }\n  </button>\n  <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #modal>\n  @if (modalOpen()) {\n    <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n    <div class=\"tedi-header-profile__modal\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  }\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile .tedi-header-profile--mobile{flex-direction:column;justify-content:center;align-items:center;gap:0;border:0;border-radius:0;font-size:12px;line-height:16px;min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05)}tedi-header-profile .tedi-header-profile--mobile[data-open=true]{background:var(--button-main-neutral-icon-only-background-active)}tedi-header-profile .tedi-header-profile__overlay{position:absolute;left:0;top:var(--layout-header-min-height);width:100%;min-height:calc(100dvh - var(--layout-header-min-height));background:#00000040;z-index:calc(var(--z-index-header) - 1)}tedi-header-profile .tedi-header-profile__modal{min-height:calc(100dvh - var(--layout-header-min-height));max-height:100%;position:absolute;right:0;top:var(--layout-header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header);width:var(--navigation-vertical-item-width-default)}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding)}tedi-header-profile .tedi-header-profile__modal>*:not(:last-child){border-bottom:var(--borders-01) solid var(--general-border-primary)}tedi-header-profile .tedi-header-profile__modal>*:has(.tedi-header-role__head){border-bottom:var(--borders-04) solid var(--general-border-brand)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{flex-direction:row;justify-content:flex-start;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile tedi-icon{font-size:inherit!important}\n"] }]
         }], ctorParameters: () => [] });
 class HeaderRoleComponent {
@@ -4149,17 +4358,21 @@ class HeaderRoleComponent {
     noResultsText = this.translationService.track("header.role-no-representatives");
     collapseText = computed(() => this.mobileOpen() ? this.closeText() : this.switchRoleText());
     filteredRepresentatives = computed(() => {
-        return this.representatives().filter(r => {
+        return this.representatives().filter((r) => {
             if (!this.inputValue()) {
                 return true;
             }
-            const nameMatches = r.name.toLowerCase().includes(this.inputValue().toLowerCase());
-            const descriptionMatches = r.description?.toLowerCase().includes(this.inputValue().toLowerCase()) ?? false;
+            const nameMatches = r.name
+                .toLowerCase()
+                .includes(this.inputValue().toLowerCase());
+            const descriptionMatches = r.description
+                ?.toLowerCase()
+                .includes(this.inputValue().toLowerCase()) ?? false;
             return nameMatches || descriptionMatches;
         });
     });
     handleMobileOpen() {
-        this.mobileOpen.update(prev => !prev);
+        this.mobileOpen.update((prev) => !prev);
     }
     handleSelectRepresentative(r) {
         this.currentRepresentative.set(r);
@@ -4169,25 +4382,25 @@ class HeaderRoleComponent {
         this.inputValue.set(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRoleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderRoleComponent, isStandalone: true, selector: "tedi-header-role", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showInput: { classPropertyName: "showInput", publicName: "showInput", isSignal: true, isRequired: false, transformFunction: null }, representatives: { classPropertyName: "representatives", publicName: "representatives", isSignal: true, isRequired: true, transformFunction: null }, currentRepresentative: { classPropertyName: "currentRepresentative", publicName: "currentRepresentative", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { currentRepresentative: "currentRepresentativeChange" }, host: { classAttribute: "tedi-header-role" }, ngImport: i0, template: "<ng-container *hideAt=\"'lg'\">\n    <div class=\"tedi-header-role__head\">\n        <div tedi-text color=\"secondary\" class=\"tedi-header-role__info\" [attr.data-multiple]=\"representatives().length > 1\">\n            <b>{{ role() }} {{ currentRepresentative().name }}</b>\n            @if (description()) {\n                <span class=\"tedi-header-role__description\">{{ description() }}</span>\n            }\n        </div>\n        @if (representatives().length > 1) {\n            <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n                {{ collapseText() }}\n                <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n            </button>\n        }\n    </div>\n    @if (representatives().length > 1) {\n        <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n            <div class=\"tedi-header-role__collapse__items\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n    @if (role() || description()) {\n        <div tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-role__head\">\n            @if (role()) {\n                <b>{{ role() }}</b>\n            }\n\n            @if (description()) {\n                <span class=\"tedi-header-role__description\">{{ description() }}</span>\n            }\n        </div>\n    }\n\n    <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n        <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n            <tedi-popover-trigger>\n                <button class=\"tedi-link tedi-header__link-button\">\n                    <span>{{ currentRepresentative().name }}</span>\n                    <tedi-icon name=\"expand_more\" />\n                </button>\n            </tedi-popover-trigger>\n            <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </tedi-popover-content>\n        </tedi-popover>\n    </ng-container>\n</ng-container>\n\n<ng-template #content>\n    @if (showInput()) {\n        <div>\n            <label for=\"representative-input\">{{ searchText() }}</label>\n            <input id=\"representative-input\" class=\"tedi-header-role__input\" [value]=\"inputValue()\" (input)=\"handleInputChange($event)\" />\n        </div>\n    }\n    @if (filteredRepresentatives().length === 0) {\n        <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n    }\n    <button \n        *ngFor=\"let r of filteredRepresentatives();\"\n        class=\"tedi-header-role__representative\"\n        [attr.data-selected]=\"r.name === currentRepresentative().name && r.description === currentRepresentative().description\"\n        (click)=\"handleSelectRepresentative(r)\"\n    >\n        @if (r.icon) {\n            <tedi-icon [name]=\"r.icon\" />\n        }\n        <div>\n            <div>{{ r.name }}</div>\n            @if (r.description) {\n                <div>\n                    {{ r.description }}\n                </div>\n            }\n        </div>\n    </button>\n</ng-template>\n\n<ng-template #normalText>\n    <div>{{ currentRepresentative().name }}</div>\n</ng-template>", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--layout-grid-gutters-16)}.tedi-header-role__head .tedi-header-role__info[data-multiple=true]{flex-direction:column;gap:0px}.tedi-header-role__head .tedi-header-role__info[data-multiple=true] .tedi-header-role__description:before{display:none}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description{position:relative}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description:before{content:\"\";height:1rem;width:1px;position:absolute;top:50%;left:calc(-1 * var(--layout-grid-gutters-16) / 2);transform:translateY(-50%);background:var(--general-border-secondary)}.tedi-header-role__head button tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role__head button tedi-icon[data-open=true]{transform:rotate(180deg)}.tedi-header-role tedi-popover-trigger tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-role__dropdown{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16)!important}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}.tedi-header-role__representative{width:100%;display:flex;gap:8px;align-items:center;text-align:start;cursor:pointer;color:var(--general-text-secondary);background:transparent;border:0;font-size:var(--body-regular-size);border-radius:var(--card-radius-rounded);padding:var(--card-padding-xs)}.tedi-header-role__representative:not([data-selected=true]):hover{background:var(--header-popover-item-hover);color:var(--general-text-primary)}.tedi-header-role__representative:not([data-selected=true]):active{background:var(--header-popover-item-active);color:var(--general-text-white)}.tedi-header-role__representative:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-header-role__representative[data-selected=true]{background:var(--header-popover-item-selected);color:var(--general-text-white)}.tedi-header-role__representative tedi-icon{color:inherit}.tedi-header-role__input{width:100%;border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default);border-radius:var(--form-field-radius);gap:var(--form-field-inner-spacing)}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center;padding-top:var(--layout-grid-gutters-08)}.tedi-header-role__collapse{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_header-role-transition-duration) ease}.tedi-header-role__collapse[data-open=true]{visibility:visible;grid-template-rows:1fr}.tedi-header-role__collapse[data-open=true] .tedi-header-role__collapse__items{visibility:visible}.tedi-header-role__collapse__items{min-height:0;display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items>*:not(:first-child){position:relative}.tedi-header-role__collapse__items>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderRoleComponent, isStandalone: true, selector: "tedi-header-role", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showInput: { classPropertyName: "showInput", publicName: "showInput", isSignal: true, isRequired: false, transformFunction: null }, representatives: { classPropertyName: "representatives", publicName: "representatives", isSignal: true, isRequired: true, transformFunction: null }, currentRepresentative: { classPropertyName: "currentRepresentative", publicName: "currentRepresentative", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { currentRepresentative: "currentRepresentativeChange" }, host: { classAttribute: "tedi-header-role" }, ngImport: i0, template: "<ng-container *hideAt=\"'lg'\">\n  <div class=\"tedi-header-role__head\">\n    <div\n      tedi-text\n      color=\"secondary\"\n      class=\"tedi-header-role__info\"\n      [attr.data-multiple]=\"representatives().length > 1\"\n    >\n      <b>{{ role() }} {{ currentRepresentative().name }}</b>\n      @if (description()) {\n        <span class=\"tedi-header-role__description\">{{ description() }}</span>\n      }\n    </div>\n    @if (representatives().length > 1) {\n      <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n        {{ collapseText() }}\n        <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n      </button>\n    }\n  </div>\n  @if (representatives().length > 1) {\n    <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n      <div class=\"tedi-header-role__collapse__items\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </div>\n    </div>\n  }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n  @if (role() || description()) {\n    <div\n      tedi-text\n      color=\"secondary\"\n      modifiers=\"small\"\n      class=\"tedi-header-role__head\"\n    >\n      @if (role()) {\n        <b>{{ role() }}</b>\n      }\n\n      @if (description()) {\n        <span class=\"tedi-header-role__description\">{{ description() }}</span>\n      }\n    </div>\n  }\n\n  <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n    <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n      <button\n        type=\"button\"\n        tedi-popover-trigger\n        class=\"tedi-link tedi-header__link-button\"\n      >\n        <span>{{ currentRepresentative().name }}</span>\n        <tedi-icon name=\"expand_more\" />\n      </button>\n      <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-popover-content>\n    </tedi-popover>\n  </ng-container>\n</ng-container>\n\n<ng-template #content>\n  @if (showInput()) {\n    <div>\n      <label for=\"representative-input\">{{ searchText() }}</label>\n      <input\n        id=\"representative-input\"\n        class=\"tedi-header-role__input\"\n        [value]=\"inputValue()\"\n        (input)=\"handleInputChange($event)\"\n      />\n    </div>\n  }\n  @if (filteredRepresentatives().length === 0) {\n    <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n  }\n  <button\n    *ngFor=\"let r of filteredRepresentatives()\"\n    class=\"tedi-header-role__representative\"\n    [attr.data-selected]=\"\n      r.name === currentRepresentative().name &&\n      r.description === currentRepresentative().description\n    \"\n    (click)=\"handleSelectRepresentative(r)\"\n  >\n    @if (r.icon) {\n      <tedi-icon [name]=\"r.icon\" />\n    }\n    <div>\n      <div>{{ r.name }}</div>\n      @if (r.description) {\n        <div>\n          {{ r.description }}\n        </div>\n      }\n    </div>\n  </button>\n</ng-template>\n\n<ng-template #normalText>\n  <div>{{ currentRepresentative().name }}</div>\n</ng-template>\n", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--layout-grid-gutters-16)}.tedi-header-role__head .tedi-header-role__info[data-multiple=true]{flex-direction:column;gap:0px}.tedi-header-role__head .tedi-header-role__info[data-multiple=true] .tedi-header-role__description:before{display:none}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description{position:relative}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description:before{content:\"\";height:1rem;width:1px;position:absolute;top:50%;left:calc(-1 * var(--layout-grid-gutters-16) / 2);transform:translateY(-50%);background:var(--general-border-secondary)}.tedi-header-role__head button tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role__head button tedi-icon[data-open=true]{transform:rotate(180deg)}.tedi-header-role tedi-popover-trigger tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-role__dropdown{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16)!important}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}.tedi-header-role__representative{width:100%;display:flex;gap:8px;align-items:center;text-align:start;cursor:pointer;color:var(--general-text-secondary);background:transparent;border:0;font-size:var(--body-regular-size);border-radius:var(--card-radius-rounded);padding:var(--card-padding-xs)}.tedi-header-role__representative:not([data-selected=true]):hover{background:var(--header-popover-item-hover);color:var(--general-text-primary)}.tedi-header-role__representative:not([data-selected=true]):active{background:var(--header-popover-item-active);color:var(--general-text-white)}.tedi-header-role__representative:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-header-role__representative[data-selected=true]{background:var(--header-popover-item-selected);color:var(--general-text-white)}.tedi-header-role__representative tedi-icon{color:inherit}.tedi-header-role__input{width:100%;border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default);border-radius:var(--form-field-radius);gap:var(--form-field-inner-spacing)}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center;padding-top:var(--layout-grid-gutters-08)}.tedi-header-role__collapse{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_header-role-transition-duration) ease}.tedi-header-role__collapse[data-open=true]{visibility:visible;grid-template-rows:1fr}.tedi-header-role__collapse[data-open=true] .tedi-header-role__collapse__items{visibility:visible}.tedi-header-role__collapse__items{min-height:0;display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items>*:not(:first-child){position:relative}.tedi-header-role__collapse__items>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll", "timeoutDelay"] }, { kind: "directive", type: PopoverTriggerDirective, selector: "[tedi-popover-trigger]", inputs: ["underline"] }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRoleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tedi-header-role', standalone: true, imports: [
+            args: [{ selector: "tedi-header-role", standalone: true, imports: [
                         NgFor,
                         NgIf,
                         NgTemplateOutlet,
                         PopoverComponent,
-                        PopoverTriggerComponent,
+                        PopoverTriggerDirective,
                         PopoverContentComponent,
                         IconComponent,
                         ButtonComponent,
                         TextComponent,
                         ShowAtDirective,
-                        HideAtDirective
+                        HideAtDirective,
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: "tedi-header-role"
-                    }, template: "<ng-container *hideAt=\"'lg'\">\n    <div class=\"tedi-header-role__head\">\n        <div tedi-text color=\"secondary\" class=\"tedi-header-role__info\" [attr.data-multiple]=\"representatives().length > 1\">\n            <b>{{ role() }} {{ currentRepresentative().name }}</b>\n            @if (description()) {\n                <span class=\"tedi-header-role__description\">{{ description() }}</span>\n            }\n        </div>\n        @if (representatives().length > 1) {\n            <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n                {{ collapseText() }}\n                <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n            </button>\n        }\n    </div>\n    @if (representatives().length > 1) {\n        <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n            <div class=\"tedi-header-role__collapse__items\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n    @if (role() || description()) {\n        <div tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-role__head\">\n            @if (role()) {\n                <b>{{ role() }}</b>\n            }\n\n            @if (description()) {\n                <span class=\"tedi-header-role__description\">{{ description() }}</span>\n            }\n        </div>\n    }\n\n    <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n        <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n            <tedi-popover-trigger>\n                <button class=\"tedi-link tedi-header__link-button\">\n                    <span>{{ currentRepresentative().name }}</span>\n                    <tedi-icon name=\"expand_more\" />\n                </button>\n            </tedi-popover-trigger>\n            <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </tedi-popover-content>\n        </tedi-popover>\n    </ng-container>\n</ng-container>\n\n<ng-template #content>\n    @if (showInput()) {\n        <div>\n            <label for=\"representative-input\">{{ searchText() }}</label>\n            <input id=\"representative-input\" class=\"tedi-header-role__input\" [value]=\"inputValue()\" (input)=\"handleInputChange($event)\" />\n        </div>\n    }\n    @if (filteredRepresentatives().length === 0) {\n        <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n    }\n    <button \n        *ngFor=\"let r of filteredRepresentatives();\"\n        class=\"tedi-header-role__representative\"\n        [attr.data-selected]=\"r.name === currentRepresentative().name && r.description === currentRepresentative().description\"\n        (click)=\"handleSelectRepresentative(r)\"\n    >\n        @if (r.icon) {\n            <tedi-icon [name]=\"r.icon\" />\n        }\n        <div>\n            <div>{{ r.name }}</div>\n            @if (r.description) {\n                <div>\n                    {{ r.description }}\n                </div>\n            }\n        </div>\n    </button>\n</ng-template>\n\n<ng-template #normalText>\n    <div>{{ currentRepresentative().name }}</div>\n</ng-template>", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--layout-grid-gutters-16)}.tedi-header-role__head .tedi-header-role__info[data-multiple=true]{flex-direction:column;gap:0px}.tedi-header-role__head .tedi-header-role__info[data-multiple=true] .tedi-header-role__description:before{display:none}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description{position:relative}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description:before{content:\"\";height:1rem;width:1px;position:absolute;top:50%;left:calc(-1 * var(--layout-grid-gutters-16) / 2);transform:translateY(-50%);background:var(--general-border-secondary)}.tedi-header-role__head button tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role__head button tedi-icon[data-open=true]{transform:rotate(180deg)}.tedi-header-role tedi-popover-trigger tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-role__dropdown{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16)!important}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}.tedi-header-role__representative{width:100%;display:flex;gap:8px;align-items:center;text-align:start;cursor:pointer;color:var(--general-text-secondary);background:transparent;border:0;font-size:var(--body-regular-size);border-radius:var(--card-radius-rounded);padding:var(--card-padding-xs)}.tedi-header-role__representative:not([data-selected=true]):hover{background:var(--header-popover-item-hover);color:var(--general-text-primary)}.tedi-header-role__representative:not([data-selected=true]):active{background:var(--header-popover-item-active);color:var(--general-text-white)}.tedi-header-role__representative:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-header-role__representative[data-selected=true]{background:var(--header-popover-item-selected);color:var(--general-text-white)}.tedi-header-role__representative tedi-icon{color:inherit}.tedi-header-role__input{width:100%;border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default);border-radius:var(--form-field-radius);gap:var(--form-field-inner-spacing)}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center;padding-top:var(--layout-grid-gutters-08)}.tedi-header-role__collapse{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_header-role-transition-duration) ease}.tedi-header-role__collapse[data-open=true]{visibility:visible;grid-template-rows:1fr}.tedi-header-role__collapse[data-open=true] .tedi-header-role__collapse__items{visibility:visible}.tedi-header-role__collapse__items{min-height:0;display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items>*:not(:first-child){position:relative}.tedi-header-role__collapse__items>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}\n"] }]
+                        class: "tedi-header-role",
+                    }, template: "<ng-container *hideAt=\"'lg'\">\n  <div class=\"tedi-header-role__head\">\n    <div\n      tedi-text\n      color=\"secondary\"\n      class=\"tedi-header-role__info\"\n      [attr.data-multiple]=\"representatives().length > 1\"\n    >\n      <b>{{ role() }} {{ currentRepresentative().name }}</b>\n      @if (description()) {\n        <span class=\"tedi-header-role__description\">{{ description() }}</span>\n      }\n    </div>\n    @if (representatives().length > 1) {\n      <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n        {{ collapseText() }}\n        <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n      </button>\n    }\n  </div>\n  @if (representatives().length > 1) {\n    <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n      <div class=\"tedi-header-role__collapse__items\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </div>\n    </div>\n  }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n  @if (role() || description()) {\n    <div\n      tedi-text\n      color=\"secondary\"\n      modifiers=\"small\"\n      class=\"tedi-header-role__head\"\n    >\n      @if (role()) {\n        <b>{{ role() }}</b>\n      }\n\n      @if (description()) {\n        <span class=\"tedi-header-role__description\">{{ description() }}</span>\n      }\n    </div>\n  }\n\n  <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n    <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n      <button\n        type=\"button\"\n        tedi-popover-trigger\n        class=\"tedi-link tedi-header__link-button\"\n      >\n        <span>{{ currentRepresentative().name }}</span>\n        <tedi-icon name=\"expand_more\" />\n      </button>\n      <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-popover-content>\n    </tedi-popover>\n  </ng-container>\n</ng-container>\n\n<ng-template #content>\n  @if (showInput()) {\n    <div>\n      <label for=\"representative-input\">{{ searchText() }}</label>\n      <input\n        id=\"representative-input\"\n        class=\"tedi-header-role__input\"\n        [value]=\"inputValue()\"\n        (input)=\"handleInputChange($event)\"\n      />\n    </div>\n  }\n  @if (filteredRepresentatives().length === 0) {\n    <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n  }\n  <button\n    *ngFor=\"let r of filteredRepresentatives()\"\n    class=\"tedi-header-role__representative\"\n    [attr.data-selected]=\"\n      r.name === currentRepresentative().name &&\n      r.description === currentRepresentative().description\n    \"\n    (click)=\"handleSelectRepresentative(r)\"\n  >\n    @if (r.icon) {\n      <tedi-icon [name]=\"r.icon\" />\n    }\n    <div>\n      <div>{{ r.name }}</div>\n      @if (r.description) {\n        <div>\n          {{ r.description }}\n        </div>\n      }\n    </div>\n  </button>\n</ng-template>\n\n<ng-template #normalText>\n  <div>{{ currentRepresentative().name }}</div>\n</ng-template>\n", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--layout-grid-gutters-16)}.tedi-header-role__head .tedi-header-role__info[data-multiple=true]{flex-direction:column;gap:0px}.tedi-header-role__head .tedi-header-role__info[data-multiple=true] .tedi-header-role__description:before{display:none}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description{position:relative}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description:before{content:\"\";height:1rem;width:1px;position:absolute;top:50%;left:calc(-1 * var(--layout-grid-gutters-16) / 2);transform:translateY(-50%);background:var(--general-border-secondary)}.tedi-header-role__head button tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role__head button tedi-icon[data-open=true]{transform:rotate(180deg)}.tedi-header-role tedi-popover-trigger tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-role__dropdown{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16)!important}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}.tedi-header-role__representative{width:100%;display:flex;gap:8px;align-items:center;text-align:start;cursor:pointer;color:var(--general-text-secondary);background:transparent;border:0;font-size:var(--body-regular-size);border-radius:var(--card-radius-rounded);padding:var(--card-padding-xs)}.tedi-header-role__representative:not([data-selected=true]):hover{background:var(--header-popover-item-hover);color:var(--general-text-primary)}.tedi-header-role__representative:not([data-selected=true]):active{background:var(--header-popover-item-active);color:var(--general-text-white)}.tedi-header-role__representative:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-header-role__representative[data-selected=true]{background:var(--header-popover-item-selected);color:var(--general-text-white)}.tedi-header-role__representative tedi-icon{color:inherit}.tedi-header-role__input{width:100%;border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default);border-radius:var(--form-field-radius);gap:var(--form-field-inner-spacing)}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center;padding-top:var(--layout-grid-gutters-08)}.tedi-header-role__collapse{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_header-role-transition-duration) ease}.tedi-header-role__collapse[data-open=true]{visibility:visible;grid-template-rows:1fr}.tedi-header-role__collapse[data-open=true] .tedi-header-role__collapse__items{visibility:visible}.tedi-header-role__collapse__items{min-height:0;display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items>*:not(:first-child){position:relative}.tedi-header-role__collapse__items>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}\n"] }]
         }] });
 class SideNavService {
@@ -4818,31 +5031,31 @@ class ModalComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (open()) {\n  <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n  <div\n    class=\"tedi-modal__dialog\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"open()\"\n  >\n    <ng-content select=\"tedi-modal-header\" />\n    <ng-content select=\"tedi-modal-content\" />\n    <ng-content select=\"tedi-modal-footer\" />\n  </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (open()) {\n  <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n  <div\n    class=\"tedi-modal__dialog\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"open()\"\n  >\n    <ng-content select=\"tedi-modal-header\" />\n    <ng-content select=\"tedi-modal-content\" />\n    <ng-content select=\"tedi-modal-footer\" />\n  </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: "tedi-modal", imports: [CdkTrapFocus], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         "[class]": "classes()",
-                    }, template: "@if (open()) {\n  <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n  <div\n    class=\"tedi-modal__dialog\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"open()\"\n  >\n    <ng-content select=\"tedi-modal-header\" />\n    <ng-content select=\"tedi-modal-content\" />\n    <ng-content select=\"tedi-modal-footer\" />\n  </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
+                    }, template: "@if (open()) {\n  <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n  <div\n    class=\"tedi-modal__dialog\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"open()\"\n  >\n    <ng-content select=\"tedi-modal-header\" />\n    <ng-content select=\"tedi-modal-content\" />\n    <ng-content select=\"tedi-modal-footer\" />\n  </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
         }], ctorParameters: () => [] });
 class ModalContentComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalContentComponent, isStandalone: true, selector: "tedi-modal-content", ngImport: i0, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalContentComponent, isStandalone: true, selector: "tedi-modal-content", ngImport: i0, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalContentComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: "tedi-modal-content", imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
+            args: [{ standalone: true, selector: "tedi-modal-content", imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
         }] });
 class ModalFooterComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: "tedi-modal-footer", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
+            args: [{ standalone: true, selector: "tedi-modal-footer", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
         }] });
 class ModalHeaderComponent {
@@ -4853,11 +5066,11 @@ class ModalHeaderComponent {
         this.modal.open.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-modal-header__head\">\n  <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n  @if (showClose()) {\n    <button tedi-closing-button (click)=\"closeModal()\"></button>\n  }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-modal-header__head\">\n  <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n  @if (showClose()) {\n    <button tedi-closing-button (click)=\"closeModal()\"></button>\n  }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: "tedi-modal-header", imports: [ClosingButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tedi-modal-header__head\">\n  <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n  @if (showClose()) {\n    <button tedi-closing-button (click)=\"closeModal()\"></button>\n  }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
+            args: [{ standalone: true, selector: "tedi-modal-header", imports: [ClosingButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tedi-modal-header__head\">\n  <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n  @if (showClose()) {\n    <button tedi-closing-button (click)=\"closeModal()\"></button>\n  }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
         }] });
 class AlertComponent {
@@ -5024,5 +5237,5 @@ function provideTedi(config = {}) {
  * Generated bundle index. Do not edit.
  */
-export { AVAILABLE_LANGUAGES, AVAILABLE_THEMES, AlertComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxComponent, ClosingButtonComponent, ColComponent, CollapseComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownTriggerDirective, FeedbackTextComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, NumberFieldComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerComponent, RowComponent, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpinnerComponent, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TediTranslationPipe, TediTranslationService, TextComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTitleComponent, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, generateUUID, provideTedi };
+export { AVAILABLE_LANGUAGES, AVAILABLE_THEMES, AlertComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxComponent, ClosingButtonComponent, ColComponent, CollapseComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownTriggerDirective, FeedbackTextComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, NumberFieldComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, RowComponent, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpinnerComponent, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TediTranslationPipe, TediTranslationService, TextComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTitleComponent, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, generateUUID, provideTedi };
 //# sourceMappingURL=tedi-design-system-angular-tedi.mjs.map