@tedi-design-system/angular 4.1.0-rc.3 → 4.1.0-rc.5

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

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ElementRef, signal, isSignal, Injectable, Pipe, Renderer2, TemplateRef, Directive, viewChild, contentChildren, HostListener, contentChild, model, forwardRef, ViewChild, HostBinding, Attribute, Injector, ViewContainerRef, runInInjectionContext, effect, ContentChildren, output, ContentChild, PLATFORM_ID } from '@angular/core';
+import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ElementRef, signal, InjectionToken, REQUEST, PLATFORM_ID, effect, isSignal, Injectable, Pipe, Renderer2, TemplateRef, Directive, viewChild, contentChildren, HostListener, contentChild, model, forwardRef, ViewChild, HostBinding, Attribute, Injector, ViewContainerRef, runInInjectionContext, ContentChildren, output, ContentChild, makeEnvironmentProviders, provideAppInitializer } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser, isPlatformServer, NgTemplateOutlet, NgClass, NgFor, NgIf } from '@angular/common';
 import * as i1 from '@angular/cdk/layout';
-import { NgTemplateOutlet, NgClass, DOCUMENT, NgFor, NgIf, isPlatformBrowser } from '@angular/common';
+import * as i1$1 from 'ngx-float-ui';
+import { NgxFloatUiContentComponent, NgxFloatUiModule } from 'ngx-float-ui';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { trigger, state, transition, style, animate } from '@angular/animations';
-import * as i1$1 from 'ngx-float-ui';
-import { NgxFloatUiModule, NgxFloatUiContentComponent } from 'ngx-float-ui';
 import { RouterLink } from '@angular/router';
 import { CdkTrapFocus } from '@angular/cdk/a11y';
 
@@ -781,10 +781,418 @@ const translationsMap = {
         en: (slideNumber) => `Show slide ${slideNumber}`,
         ru: (slideNumber) => `Показать слайд ${slideNumber}`,
     },
+    "date-picker.january": {
+        description: "Label for january month",
+        components: ["DatePicker"],
+        et: "Jaanuar",
+        en: "January",
+        ru: "Январь",
+    },
+    "date-picker.february": {
+        description: "Label for february month",
+        components: ["DatePicker"],
+        et: "Veebruar",
+        en: "February",
+        ru: "Февраль",
+    },
+    "date-picker.march": {
+        description: "Label for march month",
+        components: ["DatePicker"],
+        et: "Märts",
+        en: "March",
+        ru: "Март",
+    },
+    "date-picker.april": {
+        description: "Label for april month",
+        components: ["DatePicker"],
+        et: "Aprill",
+        en: "April",
+        ru: "Апрель",
+    },
+    "date-picker.may": {
+        description: "Label for may month",
+        components: ["DatePicker"],
+        et: "Mai",
+        en: "May",
+        ru: "Май",
+    },
+    "date-picker.june": {
+        description: "Label for june month",
+        components: ["DatePicker"],
+        et: "Juuni",
+        en: "June",
+        ru: "Июнь",
+    },
+    "date-picker.july": {
+        description: "Label for july month",
+        components: ["DatePicker"],
+        et: "Juuli",
+        en: "July",
+        ru: "Июль",
+    },
+    "date-picker.august": {
+        description: "Label for august month",
+        components: ["DatePicker"],
+        et: "August",
+        en: "August",
+        ru: "Август",
+    },
+    "date-picker.september": {
+        description: "Label for september month",
+        components: ["DatePicker"],
+        et: "September",
+        en: "September",
+        ru: "Сентябрь",
+    },
+    "date-picker.october": {
+        description: "Label for october month",
+        components: ["DatePicker"],
+        et: "Oktoober",
+        en: "October",
+        ru: "Октябрь",
+    },
+    "date-picker.november": {
+        description: "Label for november month",
+        components: ["DatePicker"],
+        et: "November",
+        en: "November",
+        ru: "Ноябрь",
+    },
+    "date-picker.december": {
+        description: "Label for december month",
+        components: ["DatePicker"],
+        et: "Detsember",
+        en: "December",
+        ru: "Декабрь",
+    },
+    "date-picker.january-short": {
+        description: "Short label for january month",
+        components: ["DatePicker"],
+        et: "Jaan",
+        en: "Jan",
+        ru: "Янв",
+    },
+    "date-picker.february-short": {
+        description: "Short label for february month",
+        components: ["DatePicker"],
+        et: "Veebr",
+        en: "Feb",
+        ru: "Фев",
+    },
+    "date-picker.march-short": {
+        description: "Short label for march month",
+        components: ["DatePicker"],
+        et: "Märts",
+        en: "Mar",
+        ru: "Мар",
+    },
+    "date-picker.april-short": {
+        description: "Short label for april month",
+        components: ["DatePicker"],
+        et: "Apr",
+        en: "Apr",
+        ru: "Апр",
+    },
+    "date-picker.may-short": {
+        description: "Short label for may month",
+        components: ["DatePicker"],
+        et: "Mai",
+        en: "May",
+        ru: "Май",
+    },
+    "date-picker.june-short": {
+        description: "Short label for june month",
+        components: ["DatePicker"],
+        et: "Juuni",
+        en: "Jun",
+        ru: "Июн",
+    },
+    "date-picker.july-short": {
+        description: "Short label for july month",
+        components: ["DatePicker"],
+        et: "Juuli",
+        en: "Jul",
+        ru: "Июл",
+    },
+    "date-picker.august-short": {
+        description: "Short label for august month",
+        components: ["DatePicker"],
+        et: "Aug",
+        en: "Aug",
+        ru: "Авг",
+    },
+    "date-picker.september-short": {
+        description: "Short label for september month",
+        components: ["DatePicker"],
+        et: "Sept",
+        en: "Sep",
+        ru: "Сен",
+    },
+    "date-picker.october-short": {
+        description: "Short label for october month",
+        components: ["DatePicker"],
+        et: "Okt",
+        en: "Oct",
+        ru: "Окт",
+    },
+    "date-picker.november-short": {
+        description: "Short label for november month",
+        components: ["DatePicker"],
+        et: "Nov",
+        en: "Nov",
+        ru: "Ноя",
+    },
+    "date-picker.december-short": {
+        description: "Short label for december month",
+        components: ["DatePicker"],
+        et: "Dets",
+        en: "Dec",
+        ru: "Дек",
+    },
+    "date-picker.monday": {
+        description: "Label for Monday",
+        components: ["DatePicker"],
+        et: "Esmaspäev",
+        en: "Monday",
+        ru: "Понедельник",
+    },
+    "date-picker.tuesday": {
+        description: "Label for Tuesday",
+        components: ["DatePicker"],
+        et: "Teisipäev",
+        en: "Tuesday",
+        ru: "Вторник",
+    },
+    "date-picker.wednesday": {
+        description: "Label for Wednesday",
+        components: ["DatePicker"],
+        et: "Kolmapäev",
+        en: "Wednesday",
+        ru: "Среда",
+    },
+    "date-picker.thursday": {
+        description: "Label for Thursday",
+        components: ["DatePicker"],
+        et: "Neljapäev",
+        en: "Thursday",
+        ru: "Четверг",
+    },
+    "date-picker.friday": {
+        description: "Label for Friday",
+        components: ["DatePicker"],
+        et: "Reede",
+        en: "Friday",
+        ru: "Пятница",
+    },
+    "date-picker.saturday": {
+        description: "Label for Saturday",
+        components: ["DatePicker"],
+        et: "Laupäev",
+        en: "Saturday",
+        ru: "Суббота",
+    },
+    "date-picker.sunday": {
+        description: "Label for Sunday",
+        components: ["DatePicker"],
+        et: "Pühapäev",
+        en: "Sunday",
+        ru: "Воскресенье",
+    },
+    "date-picker.monday-short": {
+        description: "Short label for Monday",
+        components: ["DatePicker"],
+        et: "E",
+        en: "Mon",
+        ru: "Пн",
+    },
+    "date-picker.tuesday-short": {
+        description: "Short label for Tuesday",
+        components: ["DatePicker"],
+        et: "T",
+        en: "Tue",
+        ru: "Вт",
+    },
+    "date-picker.wednesday-short": {
+        description: "Short label for Wednesday",
+        components: ["DatePicker"],
+        et: "K",
+        en: "Wed",
+        ru: "Ср",
+    },
+    "date-picker.thursday-short": {
+        description: "Short label for Thursday",
+        components: ["DatePicker"],
+        et: "N",
+        en: "Thu",
+        ru: "Чт",
+    },
+    "date-picker.friday-short": {
+        description: "Short label for Friday",
+        components: ["DatePicker"],
+        et: "R",
+        en: "Fri",
+        ru: "Пт",
+    },
+    "date-picker.saturday-short": {
+        description: "Short label for Saturday",
+        components: ["DatePicker"],
+        et: "L",
+        en: "Sat",
+        ru: "Сб",
+    },
+    "date-picker.sunday-short": {
+        description: "Short label for Sunday",
+        components: ["DatePicker"],
+        et: "P",
+        en: "Sun",
+        ru: "Вс",
+    },
+    "date-picker.go-next-month": {
+        description: "Label for next month navigation",
+        components: ["DatePicker"],
+        et: "Järgmine kuu",
+        en: "Next month",
+        ru: "Следующий месяц",
+    },
+    "date-picker.go-prev-month": {
+        description: "Label for previous month navigation",
+        components: ["DatePicker"],
+        et: "Eelmine kuu",
+        en: "Previous month",
+        ru: "Предыдущий месяц",
+    },
+    "date-picker.select-month": {
+        description: "Label for month selection dropdown",
+        components: ["DatePicker"],
+        et: "Vali kuu",
+        en: "Select month",
+        ru: "Выберите месяц",
+    },
+    "date-picker.select-year": {
+        description: "Label for year selection dropdown",
+        components: ["DatePicker"],
+        et: "Vali aasta",
+        en: "Select year",
+        ru: "Выберите год",
+    },
+    "date-picker.clear-date": {
+        description: "Label for the button that clears the selected date from the input field.",
+        components: ["DatePicker"],
+        et: "Tühjenda kuupäev",
+        en: "Clear date",
+        ru: "Очистить дату",
+    },
+    "date-picker.open-calendar": {
+        description: "Label for the button that opens the date picker calendar.",
+        components: ["DatePicker"],
+        et: "Ava kalender",
+        en: "Open calendar",
+        ru: "Открыть календарь",
+    },
+    "date-picker.previous-years": {
+        description: "Label for showing previous years in year-grid.",
+        components: ["DatePicker"],
+        et: "Eelnevad aastad",
+        en: "Previous years",
+        ru: "Предыдущие годы",
+    },
+    "date-picker.next-years": {
+        description: "Label for showing next years in year-grid.",
+        components: ["DatePicker"],
+        et: "Järgmised aastad",
+        en: "Next years",
+        ru: "Следующие годы",
+    },
 };
 
+const TEDI_TRANSLATION_DEFAULT_TOKEN = new InjectionToken("TEDI_TRANSLATION_DEFAULT_TOKEN");
+
+function parseCookies(header) {
+    const result = {};
+    if (!header)
+        return result;
+    for (const c of header.split(";")) {
+        const [rawKey, ...rest] = c.split("=");
+        const key = (rawKey ?? "").trim();
+        const rawVal = rest.join("=");
+        try {
+            result[key] = decodeURIComponent(rawVal).trim();
+        }
+        catch {
+            result[key] = rawVal.trim();
+        }
+    }
+    return result;
+}
+function readServerCookie(key) {
+    try {
+        const req = inject(REQUEST, { optional: true });
+        const cookieHeader = req?.headers.get("cookie");
+        if (!cookieHeader)
+            return undefined;
+        return parseCookies(cookieHeader)[key];
+    }
+    catch {
+        return undefined;
+    }
+}
+function readBrowserCookie(key) {
+    const document = inject(DOCUMENT);
+    const cookies = parseCookies(document.cookie);
+    return cookies[key];
+}
+function parseCookieValue(raw, initialValue) {
+    if (!raw)
+        return initialValue;
+    try {
+        const parsed = typeof initialValue === "string" ? raw : JSON.parse(raw);
+        return parsed;
+    }
+    catch {
+        return initialValue;
+    }
+}
+function cookieSignal(key, initialValue) {
+    const platformId = inject(PLATFORM_ID);
+    const document = inject(DOCUMENT);
+    const isBrowser = isPlatformBrowser(platformId);
+    const isServer = isPlatformServer(platformId);
+    let startValue = initialValue;
+    if (isServer) {
+        const raw = readServerCookie(key);
+        startValue = parseCookieValue(raw, initialValue);
+    }
+    if (isBrowser) {
+        const raw = readBrowserCookie(key);
+        startValue = parseCookieValue(raw, initialValue);
+    }
+    const state = signal(startValue);
+    const options = {
+        path: "/",
+        sameSite: "Lax",
+        secure: false,
+        maxAge: 60 * 60 * 24 * 30,
+    };
+    if (isBrowser) {
+        effect(() => {
+            const value = state();
+            if (value === null || value === undefined || value === "") {
+                document.cookie = `${key}=; path=${options.path}; max-age=0`;
+                return;
+            }
+            const stored = typeof value === "string" ? value : JSON.stringify(value);
+            document.cookie = `${key}=${encodeURIComponent(stored)}; path=${options.path}; max-age=${options.maxAge}; samesite=${options.sameSite};`;
+        });
+    }
+    return state;
+}
+
+const LANGUAGE_COOKIE_NAME = "tedi-lang";
+const AVAILABLE_LANGUAGES = ["et", "en", "ru"];
+const LANGUAGE_FALLBACK_VALUE = "et";
 class TediTranslationService {
-    currentLang = signal("et");
+    defaultLang = inject(TEDI_TRANSLATION_DEFAULT_TOKEN);
+    currentLang = cookieSignal(LANGUAGE_COOKIE_NAME, this.defaultLang);
     translations = signal(translationsMap);
     getLanguage = this.currentLang.asReadonly();
     setLanguage(lang) {
@@ -1131,6 +1539,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }] });
 
+const TEDI_THEME_DEFAULT_TOKEN = new InjectionToken("TEDI_THEME_DEFAULT_TOKEN");
+
+const AVAILABLE_THEMES = ["default", "dark", "rit"];
+const THEME_CLASS_PREFIX = "tedi-theme--";
+const THEME_COOKIE_NAME = "tedi-theme";
+const THEME_FALLBACK_VALUE = "default";
+class ThemeService {
+    document = inject(DOCUMENT);
+    defaultTheme = inject(TEDI_THEME_DEFAULT_TOKEN);
+    theme = cookieSignal(THEME_COOKIE_NAME, this.defaultTheme);
+    constructor() {
+        effect(() => {
+            const html = this.document.documentElement;
+            for (const t of AVAILABLE_THEMES) {
+                html.classList.remove(`${THEME_CLASS_PREFIX}${t}`);
+            }
+            html.classList.add(`${THEME_CLASS_PREFIX}${this.theme()}`);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ThemeService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }], ctorParameters: () => [] });
+
 class CarouselContentComponent {
     /** Slides per view (minimum 1, can be fractional, e.g. 1.25 for peeking) */
     slidesPerView = input({ xs: 1 }, { transform: (v) => breakpointInput(v) });
@@ -1526,37 +1961,1109 @@ class CarouselNavigationComponent {
     handleNext() {
         this.carousel.carouselContent().next();
     }
-    handlePrev() {
-        this.carousel.carouselContent().prev();
+    handlePrev() {
+        this.carousel.carouselContent().prev();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselNavigationComponent, isStandalone: true, selector: "tedi-carousel-navigation", ngImport: i0, template: "<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n  (click)=\"handlePrev()\"\n>\n  <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n  (click)=\"handleNext()\"\n>\n  <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center}tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-desktop)}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-carousel-navigation", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ButtonComponent, IconComponent], template: "<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n  (click)=\"handlePrev()\"\n>\n  <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n  (click)=\"handleNext()\"\n>\n  <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center}tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-desktop)}}\n"] }]
+        }] });
+
+class CheckboxComponent {
+    /**
+     * Size of the checkbox.
+     * @default default
+     */
+    size = input("default");
+    /**
+     * Is checkbox invalid?
+     * @default false
+     */
+    invalid = input(false);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CheckboxComponent, isStandalone: true, selector: "input[type=checkbox][tedi-checkbox]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-checkbox--large": "size() === 'large'", "class.tedi-checkbox--invalid": "invalid()" } }, ngImport: i0, template: "", isInline: true, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0}input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-desktop)}}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-desktop)}}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "input[type=checkbox][tedi-checkbox]", template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[class.tedi-checkbox--large]": "size() === 'large'",
+                        "[class.tedi-checkbox--invalid]": "invalid()",
+                    }, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0}input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-desktop)}}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-desktop)}}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-desktop)}}\n"] }]
+        }] });
+
+class DropdownTriggerDirective {
+    /** Defines the aria-haspopup attribute for the trigger, informing assistive technologies whether it opens a menu or listbox. Improves accessibility by describing the type of popup. */
+    ariaHaspopup = input("menu");
+    host = inject(ElementRef);
+    dropdown = inject(DropdownComponent);
+    get isButton() {
+        return this.host.nativeElement.tagName === "BUTTON";
+    }
+    onClick() {
+        this.dropdown.toggleDropdown();
+    }
+    onKeydown(event) {
+        const key = event.key;
+        switch (key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.openAndFocusFirst();
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.openAndFocusLast();
+                break;
+            case "Escape":
+                event.preventDefault();
+                this.dropdown.hideDropdown();
+                this.host.nativeElement.focus();
+                break;
+        }
+    }
+    openAndFocusFirst() {
+        if (!this.dropdown.floatUiComponent().state) {
+            this.dropdown.showDropdown();
+        }
+        this.dropdown.focusFirstItem?.();
+    }
+    openAndFocusLast() {
+        if (!this.dropdown.floatUiComponent().state) {
+            this.dropdown.showDropdown();
+        }
+        this.dropdown.focusLastItem?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: DropdownTriggerDirective, isStandalone: true, selector: "[tedi-dropdown-trigger]", inputs: { ariaHaspopup: { classPropertyName: "ariaHaspopup", publicName: "ariaHaspopup", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.id": "dropdown.containerId() + '_trigger'", "attr.aria-controls": "dropdown.containerId()", "attr.aria-expanded": "dropdown.floatUiComponent().state", "attr.aria-haspopup": "'menu'", "attr.role": "isButton ? null : 'button'", "attr.tabindex": "isButton ? null : '0'" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: "[tedi-dropdown-trigger]",
+                    host: {
+                        "[attr.id]": "dropdown.containerId() + '_trigger'",
+                        "[attr.aria-controls]": "dropdown.containerId()",
+                        "[attr.aria-expanded]": "dropdown.floatUiComponent().state",
+                        "[attr.aria-haspopup]": "'menu'",
+                        "[attr.role]": "isButton ? null : 'button'",
+                        "[attr.tabindex]": "isButton ? null : '0'",
+                    },
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ["keydown", ["$event"]]
+            }] } });
+
+class DropdownItemComponent {
+    /** Item value */
+    value = input();
+    /** Is item disabled? */
+    disabled = input(false);
+    host = inject(ElementRef);
+    dropdown = inject(DropdownComponent);
+    dropdownContent = inject(DropdownContentComponent);
+    isSelected() {
+        return this.dropdown.value() === this.value();
+    }
+    focus() {
+        this.host.nativeElement.focus();
+    }
+    onClick() {
+        if (this.disabled())
+            return;
+        this.onItemSelect();
+    }
+    onKeydown(event) {
+        const key = event.key;
+        if (this.disabled()) {
+            event.preventDefault();
+            return;
+        }
+        switch (key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.dropdown.focusNextItem(this.host.nativeElement);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.dropdown.focusPrevItem(this.host.nativeElement);
+                break;
+            case "Home":
+                event.preventDefault();
+                this.dropdown.focusFirstItem();
+                break;
+            case "End":
+                event.preventDefault();
+                this.dropdown.focusLastItem();
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                this.onItemSelect();
+                break;
+            case "Escape":
+                event.preventDefault();
+                this.dropdown.hideDropdown();
+                this.dropdown.dropdownTrigger()?.host.nativeElement.focus();
+                break;
+        }
+    }
+    onItemSelect() {
+        if (this.dropdownContent.dropdownRole() === "listbox") {
+            this.dropdown.value.set(this.value());
+        }
+        this.dropdown.hideDropdown();
+        this.dropdown.dropdownTrigger()?.host.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: DropdownItemComponent, isStandalone: true, selector: "li[tedi-dropdown-item]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.role": "dropdownContent.dropdownRole() === 'menu' ? 'menuitem' : 'option'", "attr.aria-selected": "dropdownContent.dropdownRole() === 'listbox' ? isSelected() : null", "attr.aria-disabled": "disabled() ? 'true' : null", "tabindex": "dropdownContent.dropdownRole() === 'menu' ? '-1' : (disabled() ? null : '-1')" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["li[tedi-dropdown-item]{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background);padding:var(--dropdown-item-padding-y, 8px) var(--dropdown-item-padding-x);cursor:pointer}li[tedi-dropdown-item]:hover{color:var(--dropdown-item-hover-text);background:var(--dropdown-item-hover-background)}li[tedi-dropdown-item]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}li[tedi-dropdown-item][aria-selected=true]{color:var(--dropdown-item-active-text);background:var(--dropdown-item-active-background)}li[tedi-dropdown-item][aria-selected=true]:focus-visible{color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background)}li[tedi-dropdown-item][aria-disabled=true]{color:var(--general-text-disabled);background:var(--dropdown-item-disabled-background);cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "li[tedi-dropdown-item]", standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[attr.role]": "dropdownContent.dropdownRole() === 'menu' ? 'menuitem' : 'option'",
+                        "[attr.aria-selected]": "dropdownContent.dropdownRole() === 'listbox' ? isSelected() : null",
+                        "[attr.aria-disabled]": "disabled() ? 'true' : null",
+                        "[tabindex]": "dropdownContent.dropdownRole() === 'menu' ? '-1' : (disabled() ? null : '-1')",
+                    }, styles: ["li[tedi-dropdown-item]{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background);padding:var(--dropdown-item-padding-y, 8px) var(--dropdown-item-padding-x);cursor:pointer}li[tedi-dropdown-item]:hover{color:var(--dropdown-item-hover-text);background:var(--dropdown-item-hover-background)}li[tedi-dropdown-item]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}li[tedi-dropdown-item][aria-selected=true]{color:var(--dropdown-item-active-text);background:var(--dropdown-item-active-background)}li[tedi-dropdown-item][aria-selected=true]:focus-visible{color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background)}li[tedi-dropdown-item][aria-disabled=true]{color:var(--general-text-disabled);background:var(--dropdown-item-disabled-background);cursor:not-allowed}\n"] }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ["keydown", ["$event"]]
+            }] } });
+
+class DropdownContentComponent {
+    /**
+     * Role for content, use listbox for list and menu for actions
+     * @default menu
+     */
+    dropdownRole = input("menu");
+    dropdown = inject(DropdownComponent);
+    items = contentChildren(DropdownItemComponent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: DropdownContentComponent, isStandalone: true, selector: "tedi-dropdown-content", inputs: { dropdownRole: { classPropertyName: "dropdownRole", publicName: "dropdownRole", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.aria-labelledby": "dropdown.containerId() + '_trigger'" } }, queries: [{ propertyName: "items", predicate: DropdownItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n<ul [attr.role]=\"dropdownRole()\">\n  <ng-content select=\"li[tedi-dropdown-item]\" />\n</ul>\n", styles: ["tedi-dropdown-content{width:max-content;min-width:var(--_tedi-dropdown-trigger-width);display:flex;flex-direction:column;border-radius:var(--form-select-area-radius);border:1px solid var(--card-border-primary);box-shadow:0 1px 5px #0003;overflow:auto}tedi-dropdown-content ul{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-dropdown-content", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: "presentation",
+                        "[attr.aria-labelledby]": "dropdown.containerId() + '_trigger'",
+                    }, template: "<ng-content />\n<ul [attr.role]=\"dropdownRole()\">\n  <ng-content select=\"li[tedi-dropdown-item]\" />\n</ul>\n", styles: ["tedi-dropdown-content{width:max-content;min-width:var(--_tedi-dropdown-trigger-width);display:flex;flex-direction:column;border-radius:var(--form-select-area-radius);border:1px solid var(--card-border-primary);box-shadow:0 1px 5px #0003;overflow:auto}tedi-dropdown-content ul{margin:0}\n"] }]
+        }] });
+
+class DropdownComponent {
+    /** Current value of dropdown (used with listbox) */
+    value = model();
+    /**
+     * The position of the dropdown relative to the trigger element.
+     * @default bottom-start
+     */
+    position = input("bottom-start");
+    /**
+     * Should position to opposite direction when overflowing screen?
+     * @default true
+     */
+    preventOverflow = input(true);
+    /**
+     * Append floating element to given selector.
+     * Use 'body' to append at the end of DOM or empty string to append next to trigger element.
+     * @default ""
+     */
+    appendTo = input("");
+    dropdownTrigger = contentChild.required(DropdownTriggerDirective);
+    dropdownContent = contentChild.required(DropdownContentComponent);
+    floatUiComponent = viewChild.required(NgxFloatUiContentComponent);
+    activeIndex = signal(null);
+    containerId = signal("");
+    isContentHovered = signal(false);
+    floatUiDisplay = signal("inline");
+    platformId = inject(PLATFORM_ID);
+    constructor() {
+        if (isPlatformBrowser(this.platformId)) {
+            document.addEventListener("pointerdown", this.handleOutsideClick, true);
+        }
+    }
+    ngOnDestroy() {
+        if (isPlatformBrowser(this.platformId)) {
+            document.removeEventListener("pointerdown", this.handleOutsideClick, true);
+        }
+    }
+    ngAfterContentChecked() {
+        const floatUiEl = this.floatUiComponent().elRef
+            .nativeElement;
+        const container = floatUiEl.querySelector(".float-ui-container");
+        if (container) {
+            container.setAttribute("tabindex", "-1");
+            container.setAttribute("aria-labelledby", container.id + "_trigger");
+            this.containerId.set(container.id);
+        }
+    }
+    showDropdown() {
+        if (this.floatUiComponent().state)
+            return;
+        this.floatUiComponent().show();
+        this.floatUiDisplay.set("block");
+        this.setActiveToSelectedOrFirst();
+        const floatUiEl = this.floatUiComponent().elRef
+            .nativeElement;
+        const triggerWidth = this.dropdownTrigger()?.host.nativeElement.offsetWidth;
+        if (triggerWidth) {
+            floatUiEl.style.setProperty("--_tedi-dropdown-trigger-width", `${triggerWidth}px`);
+        }
+        setTimeout(() => this.focusActiveItem());
+    }
+    hideDropdown() {
+        if (this.floatUiComponent().state) {
+            this.floatUiComponent().hide();
+            this.floatUiDisplay.set("inline");
+            this.activeIndex.set(null);
+            this.updateTabindexes();
+        }
+    }
+    toggleDropdown() {
+        if (this.floatUiComponent().state) {
+            this.hideDropdown();
+        }
+        else {
+            this.showDropdown();
+        }
+    }
+    handleOutsideClick = (event) => {
+        if (!this.floatUiComponent().state)
+            return;
+        const target = event.target;
+        const triggerEl = this.dropdownTrigger().host.nativeElement;
+        const contentEl = this.floatUiComponent().elRef
+            .nativeElement;
+        const clickedInside = triggerEl.contains(target) || contentEl.contains(target);
+        if (!clickedInside) {
+            this.hideDropdown();
+            triggerEl.focus();
+        }
+    };
+    focusFirstItem() {
+        const items = this.dropdownContent().items();
+        const index = items.findIndex((item) => !item.disabled());
+        if (index !== -1) {
+            this.activeIndex.set(index);
+            this.updateTabindexes();
+            items[index].focus();
+        }
+    }
+    focusLastItem() {
+        const items = this.dropdownContent().items();
+        for (let i = items.length - 1; i >= 0; i--) {
+            if (!items[i].disabled()) {
+                this.activeIndex.set(i);
+                this.updateTabindexes();
+                items[i].focus();
+                return;
+            }
+        }
+    }
+    setActiveToSelectedOrFirst() {
+        const items = this.dropdownContent().items();
+        const selectedIndex = items.findIndex((item) => item.value() === this.value());
+        if (selectedIndex !== -1 && !items[selectedIndex].disabled()) {
+            this.activeIndex.set(selectedIndex);
+            this.updateTabindexes();
+            return;
+        }
+        const index = items.findIndex((item) => !item.disabled());
+        if (index !== -1) {
+            this.activeIndex.set(index);
+            this.updateTabindexes();
+        }
+    }
+    focusActiveItem() {
+        const index = this.activeIndex();
+        if (index == null)
+            return;
+        const items = this.dropdownContent().items();
+        if (!items[index])
+            return;
+        const el = items[index].host.nativeElement;
+        el.focus();
+        el.scrollIntoView({
+            block: "nearest",
+            inline: "nearest",
+        });
+    }
+    focusNextItem(fromEl) {
+        const fromIndex = this.findIndexByElement(fromEl);
+        if (fromIndex === -1)
+            return;
+        const nextIndex = this.getNextEnabledIndex(fromIndex);
+        if (nextIndex == null)
+            return;
+        const items = this.dropdownContent().items();
+        this.activeIndex.set(nextIndex);
+        this.updateTabindexes();
+        items[nextIndex].focus();
+    }
+    focusPrevItem(fromEl) {
+        const fromIndex = this.findIndexByElement(fromEl);
+        if (fromIndex === -1)
+            return;
+        const prevIndex = this.getPrevEnabledIndex(fromIndex);
+        if (prevIndex == null)
+            return;
+        const items = this.dropdownContent().items();
+        this.activeIndex.set(prevIndex);
+        this.updateTabindexes();
+        items[prevIndex].focus();
+    }
+    updateTabindexes() {
+        const items = this.dropdownContent().items();
+        const role = this.dropdownContent().dropdownRole();
+        const active = this.activeIndex();
+        items.forEach((item, i) => {
+            const el = item.host.nativeElement;
+            if (i === active && !item.disabled()) {
+                el.setAttribute("tabindex", "0");
+            }
+            else {
+                if (role === "listbox" && item.disabled()) {
+                    el.removeAttribute("tabindex");
+                }
+                else {
+                    el.setAttribute("tabindex", "-1");
+                }
+            }
+        });
+    }
+    findIndexByElement(el) {
+        return this.dropdownContent()
+            .items()
+            .findIndex((item) => item.host.nativeElement === el);
+    }
+    getNextEnabledIndex(fromIndex) {
+        const items = this.dropdownContent().items();
+        for (let i = fromIndex + 1; i < items.length; i++) {
+            if (!items[i].disabled())
+                return i;
+        }
+        return null;
+    }
+    getPrevEnabledIndex(fromIndex) {
+        const items = this.dropdownContent().items();
+        for (let i = fromIndex - 1; i >= 0; i--) {
+            if (!items[i].disabled())
+                return i;
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: DropdownComponent, isStandalone: true, selector: "tedi-dropdown", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, preventOverflow: { classPropertyName: "preventOverflow", publicName: "preventOverflow", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, queries: [{ propertyName: "dropdownTrigger", first: true, predicate: DropdownTriggerDirective, descendants: true, isSignal: true }, { propertyName: "dropdownContent", first: true, predicate: DropdownContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  applyClass=\"float-ui-container-dropdown\"\n  style=\"display: contents\"\n  looseTrigger=\"none\"\n  ariaRole=\"presentation\"\n  [hideOnClickOutside]=\"true\"\n  [floatUiLoose]=\"floatUiComponent\"\n  [loosePlacement]=\"position()\"\n  [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n  [disableAnimation]=\"true\"\n  [targetElement]=\"dropdownTrigger().host.nativeElement\"\n  [appendTo]=\"appendTo()\"\n>\n  <ng-content select=\"[tedi-dropdown-trigger]\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n  <ng-content select=\"tedi-dropdown-content\" />\n</float-ui-content>\n", styles: ["tedi-dropdown{display:inline-flex}float-ui-content .float-ui-container-dropdown{padding:0;border:0;border-radius:var(--dropdown-item-radius);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}\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: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-dropdown", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  applyClass=\"float-ui-container-dropdown\"\n  style=\"display: contents\"\n  looseTrigger=\"none\"\n  ariaRole=\"presentation\"\n  [hideOnClickOutside]=\"true\"\n  [floatUiLoose]=\"floatUiComponent\"\n  [loosePlacement]=\"position()\"\n  [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n  [disableAnimation]=\"true\"\n  [targetElement]=\"dropdownTrigger().host.nativeElement\"\n  [appendTo]=\"appendTo()\"\n>\n  <ng-content select=\"[tedi-dropdown-trigger]\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n  <ng-content select=\"tedi-dropdown-content\" />\n</float-ui-content>\n", styles: ["tedi-dropdown{display:inline-flex}float-ui-content .float-ui-container-dropdown{padding:0;border:0;border-radius:var(--dropdown-item-radius);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class SeparatorComponent {
+    /**
+     * Axis of separator.
+     */
+    axis = input("horizontal");
+    /**
+     * Color of separator
+     */
+    color = input("primary");
+    /**
+     * Separator style variant.
+     */
+    variant = input();
+    /**
+     * Dot size. Only used when variant is "dot-only".
+     */
+    dotSize = input();
+    /**
+     * Is dot filled? Only used when variant is "dot-only".
+     */
+    dotFilled = input(true);
+    /**
+     * Thickness in pixels (ignored if variant is used).
+     * @default 1
+     */
+    thickness = input(1);
+    /**
+     * Spacing applied based on the axis:
+     * - For horizontal axis, spacing is applied to top and bottom of the separator.
+     * - For vertical axis, spacing is applied to left and right of the separator.
+     */
+    spacing = input();
+    /**
+     * Size of separator based on the axis:
+     * - For horizontal axis, size defines width.
+     * - For vertical axis, size defines height (when using percentages, then parent container must have height set).
+     * @default 100%
+     */
+    size = input("100%");
+    // eslint-disable-next-line complexity
+    classes = computed(() => {
+        const classList = [
+            "tedi-separator",
+            `tedi-separator--${this.color()}`,
+            `tedi-separator--${this.axis()}`,
+        ];
+        if (this.variant()) {
+            classList.push(`tedi-separator--${this.variant()}`);
+        }
+        if (this.variant() && this.dotSize()) {
+            classList.push(`tedi-separator--${this.variant()}-${this.dotSize()}`);
+        }
+        if (this.variant() === "dot-only" && this.dotFilled()) {
+            classList.push(`tedi-separator--${this.variant()}-filled`);
+        }
+        else {
+            classList.push(`tedi-separator--${this.variant()}-outlined`);
+        }
+        if (this.thickness()) {
+            classList.push(`tedi-separator--thickness-${this.thickness()}`);
+        }
+        const spacing = this.spacing();
+        if (spacing && typeof spacing === "number") {
+            classList.push(`tedi-separator--spacing-${spacing}`.replace(".", "-"));
+        }
+        else if (spacing) {
+            if (this.axis() === "horizontal") {
+                if (spacing.top) {
+                    classList.push(`tedi-separator--top-${spacing.top}`.replace(".", "-"));
+                }
+                if (spacing.bottom) {
+                    classList.push(`tedi-separator--bottom-${spacing.bottom}`.replace(".", "-"));
+                }
+            }
+            else {
+                if (spacing.left) {
+                    classList.push(`tedi-separator--left-${spacing.left}`.replace(".", "-"));
+                }
+                if (spacing.right) {
+                    classList.push(`tedi-separator--right-${spacing.right}`.replace(".", "-"));
+                }
+            }
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: SeparatorComponent, isStandalone: true, selector: "tedi-separator", inputs: { axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dotSize: { classPropertyName: "dotSize", publicName: "dotSize", isSignal: true, isRequired: false, transformFunction: null }, dotFilled: { classPropertyName: "dotFilled", publicName: "dotFilled", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "style.width": "variant() === 'dot-only' ? null : axis() === 'horizontal' ? size() : '0px'", "style.height": "variant() === 'dot-only' ? null : axis() === 'vertical' ? size() : '0px'" } }, ngImport: i0, template: "", isInline: true, 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)}@media print{.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{filter:grayscale(1)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-desktop)}}.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)}.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-desktop)}}.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%}@media print{.tedi-separator--dot-only:before{filter:grayscale(1)}}.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-desktop)}}.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(--_top-dotted) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--horizontal.tedi-separator--dotted-small:before{top:calc(var(--_top-dotted-small) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeparatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-separator", template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[class]": "classes()",
+                        "[style.width]": "variant() === 'dot-only' ? null : axis() === 'horizontal' ? size() : '0px'",
+                        "[style.height]": "variant() === 'dot-only' ? null : axis() === 'vertical' ? size() : '0px'",
+                    }, 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)}@media print{.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{filter:grayscale(1)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-desktop)}}.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)}.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-desktop)}}.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%}@media print{.tedi-separator--dot-only:before{filter:grayscale(1)}}.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-desktop)}}.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(--_top-dotted) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--horizontal.tedi-separator--dotted-small:before{top:calc(var(--_top-dotted-small) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-desktop)}}\n"] }]
+        }] });
+
+class PopoverComponent {
+    /**
+     * * The trigger event that opens the popover.
+     * * @default click
+     * */
+    openWith = input("click");
+    /**
+     * The position of the popover relative to the trigger element.
+     * @default top
+     */
+    position = input("top");
+    /**
+     * Is dismissible by clicking outside of content?
+     * @default true
+     */
+    dismissible = input(true);
+    /**
+     * Does popover content hide on scroll?
+     * @default false
+     */
+    hideOnScroll = input(false);
+    /**
+     * Does popover have illustrative border on the arrow side?
+     * @default false
+     */
+    withBorder = input(false);
+    /**
+     * Should show arrow?
+     */
+    withArrow = input(true);
+    /**
+     * Lock scrolling on rest of the page?
+     * @default false
+     */
+    lockScroll = input(false);
+    floatUiComponent = viewChild.required(NgxFloatUiContentComponent);
+    document = inject(DOCUMENT);
+    renderer = inject(Renderer2);
+    onHide() {
+        if (this.lockScroll()) {
+            this.renderer.removeStyle(this.document.body, "overflow");
+        }
+    }
+    onOpen() {
+        if (this.lockScroll()) {
+            this.renderer.setStyle(this.document.body, "overflow", "hidden");
+        }
+    }
+    floatUiContainerClass = computed(() => {
+        const classList = ["float-ui-container-popover"];
+        if (this.withBorder()) {
+            classList.push("float-ui-container-popover--border");
+        }
+        if (this.withArrow()) {
+            classList.push("float-ui-container-popover--arrow");
+        }
+        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(--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(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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(--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(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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;
+                }
+                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);
+            }
+        }
+    }
+    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(--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(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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(--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(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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();
+    }
+    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(--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(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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()",
+                        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(--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(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"] }]
+        }] });
+
+let datePickerId = 0;
+class DatePickerComponent {
+    today = new Date();
+    uniqueId = `tedi-date-picker-id-${datePickerId++}`;
+    /** Selected date */
+    selected = model(null);
+    /** Currently shown month */
+    month = model(this.today);
+    /** Disabled dates that cannot be selected. */
+    disabled = input(null);
+    /** Shows or hides the calendar navigation controls (previous/next month buttons). */
+    showNavigation = input(true);
+    /** Month selector mode: none | label | grid | dropdown */
+    monthMode = input("dropdown");
+    /** Year selector mode: none | label | grid | dropdown */
+    yearMode = input("dropdown");
+    /** Explicit starting year for the year dropdown list. If null, a dynamic fallback range (current year - 100) is used. */
+    startYear = input(null);
+    /** Explicit ending year for the year dropdown list. If null, a dynamic fallback range (current year + 20) is used. */
+    endYear = input(null);
+    /** Input id */
+    inputId = input();
+    /** Input placeholder */
+    inputPlaceholder = input();
+    /** Input state */
+    inputState = input("default");
+    /** Input size */
+    inputSize = input("default");
+    /** Is input disabled? */
+    inputDisabled = input(false);
+    /** Is manual typing into input allowed? */
+    allowManualInput = input(true);
+    /** Should show week numbers before calendar grid? */
+    showWeekNumbers = input(false);
+    /** Current view of datepicker (months grid, years grid or calendar grid) */
+    currentView = signal("calendar-grid");
+    /** Shown input value */
+    inputValue = signal("");
+    /** Keyboard active date (what receives keyboard focus) */
+    activeDate = signal(null);
+    YEARS_PER_PAGE = 12;
+    yearPageIndex = signal(0);
+    selectedYear = computed(() => this.month().getFullYear());
+    years = computed(() => {
+        const current = this.today.getFullYear();
+        const start = this.startYear() ?? current - 100;
+        const end = this.endYear() ?? current + 20;
+        const safeStart = Math.min(start, end);
+        const safeEnd = Math.max(start, end);
+        return Array.from({ length: safeEnd - safeStart + 1 }, (_, i) => safeStart + i);
+    });
+    pagedYears = computed(() => {
+        const start = this.yearPageIndex() * this.YEARS_PER_PAGE;
+        return this.years().slice(start, start + this.YEARS_PER_PAGE);
+    });
+    hasPrevYearPage = computed(() => {
+        return this.yearPageIndex() > 0;
+    });
+    hasNextYearPage = computed(() => {
+        const all = this.years().length;
+        return (this.yearPageIndex() + 1) * this.YEARS_PER_PAGE < all;
+    });
+    weekRows = computed(() => {
+        const cells = this.days();
+        const rows = [];
+        for (let i = 0; i < cells.length; i += 7) {
+            rows.push(cells.slice(i, i + 7));
+        }
+        return rows;
+    });
+    weekNumbers = computed(() => {
+        return this.weekRows().map((week) => this.getISOWeek(week[0].date));
+    });
+    canGoPrev = computed(() => {
+        const current = this.month();
+        const year = current.getFullYear();
+        const month = current.getMonth();
+        const prevMonth = month - 1;
+        const prevYear = prevMonth < 0 ? year - 1 : year;
+        const finalPrevMonth = (prevMonth + 12) % 12;
+        return this.getFirstEnabledDayOfMonth(prevYear, finalPrevMonth) !== null;
+    });
+    canGoNext = computed(() => {
+        const current = this.month();
+        const year = current.getFullYear();
+        const month = current.getMonth();
+        const nextMonth = month + 1;
+        const nextYear = nextMonth > 11 ? year + 1 : year;
+        const finalNextMonth = nextMonth % 12;
+        return this.getFirstEnabledDayOfMonth(nextYear, finalNextMonth) !== null;
+    });
+    days = computed(() => {
+        const month = this.month();
+        const year = month.getFullYear();
+        const monthIndex = month.getMonth();
+        const firstOfMonth = new Date(year, monthIndex, 1);
+        const daysInMonth = new Date(year, monthIndex + 1, 0).getDate();
+        const firstWeekday = (firstOfMonth.getDay() + 6) % 7;
+        const trailing = (7 - ((firstWeekday + daysInMonth) % 7)) % 7;
+        const cells = [];
+        /** Previous month days */
+        for (let i = 0; i < firstWeekday; i++) {
+            const date = new Date(year, monthIndex, i - firstWeekday + 1);
+            const disabled = this.isDisabled(date);
+            cells.push({
+                date,
+                inCurrentMonth: false,
+                disabled,
+            });
+        }
+        /** Current month days */
+        for (let day = 1; day <= daysInMonth; day++) {
+            const date = new Date(year, monthIndex, day);
+            const disabled = this.isDisabled(date);
+            cells.push({
+                date,
+                inCurrentMonth: true,
+                disabled,
+            });
+        }
+        /** Next month days */
+        const lastDate = new Date(year, monthIndex, daysInMonth);
+        for (let i = 1; i <= trailing; i++) {
+            const date = new Date(lastDate);
+            date.setDate(lastDate.getDate() + i);
+            const disabled = this.isDisabled(date);
+            cells.push({
+                date,
+                inCurrentMonth: false,
+                disabled,
+            });
+        }
+        return cells;
+    });
+    inputElement = viewChild.required("inputElement");
+    gridElement = viewChild.required("gridElement");
+    popover = viewChild.required(PopoverComponent);
+    translationService = inject(TediTranslationService);
+    weekDays = [
+        this.translationService.track("date-picker.monday-short"),
+        this.translationService.track("date-picker.tuesday-short"),
+        this.translationService.track("date-picker.wednesday-short"),
+        this.translationService.track("date-picker.thursday-short"),
+        this.translationService.track("date-picker.friday-short"),
+        this.translationService.track("date-picker.saturday-short"),
+        this.translationService.track("date-picker.sunday-short"),
+    ];
+    monthShortNames = [
+        this.translationService.track("date-picker.january-short"),
+        this.translationService.track("date-picker.february-short"),
+        this.translationService.track("date-picker.march-short"),
+        this.translationService.track("date-picker.april-short"),
+        this.translationService.track("date-picker.may-short"),
+        this.translationService.track("date-picker.june-short"),
+        this.translationService.track("date-picker.july-short"),
+        this.translationService.track("date-picker.august-short"),
+        this.translationService.track("date-picker.september-short"),
+        this.translationService.track("date-picker.october-short"),
+        this.translationService.track("date-picker.november-short"),
+        this.translationService.track("date-picker.december-short"),
+    ];
+    monthNames = [
+        this.translationService.track("date-picker.january"),
+        this.translationService.track("date-picker.february"),
+        this.translationService.track("date-picker.march"),
+        this.translationService.track("date-picker.april"),
+        this.translationService.track("date-picker.may"),
+        this.translationService.track("date-picker.june"),
+        this.translationService.track("date-picker.july"),
+        this.translationService.track("date-picker.august"),
+        this.translationService.track("date-picker.september"),
+        this.translationService.track("date-picker.october"),
+        this.translationService.track("date-picker.november"),
+        this.translationService.track("date-picker.december"),
+    ];
+    ngOnInit() {
+        const selected = this.selected();
+        this.inputValue.set(selected ? this.format(selected) : "");
+        this.activeDate.set(selected ?? this.today);
+    }
+    getTabIndex(date) {
+        const active = this.activeDate();
+        return active && date.toDateString() === active.toDateString() ? 0 : -1;
+    }
+    prevMonth() {
+        const date = new Date(this.month());
+        date.setMonth(date.getMonth() - 1);
+        this.month.set(date);
+    }
+    nextMonth() {
+        const date = new Date(this.month());
+        date.setMonth(date.getMonth() + 1);
+        this.month.set(date);
+    }
+    prevYearPage() {
+        if (this.hasPrevYearPage()) {
+            this.yearPageIndex.set(this.yearPageIndex() - 1);
+        }
+    }
+    nextYearPage() {
+        if (this.hasNextYearPage()) {
+            this.yearPageIndex.set(this.yearPageIndex() + 1);
+        }
+    }
+    selectDay(day) {
+        if (day.disabled)
+            return;
+        this.selected.set(day.date);
+        this.inputValue.set(this.format(day.date));
+    }
+    isSelected(date) {
+        return (!!this.selected() &&
+            date.toDateString() === this.selected().toDateString());
+    }
+    isToday(date) {
+        return date.toDateString() === this.today.toDateString();
+    }
+    isDisabled(date) {
+        const rules = this.disabled();
+        if (!rules)
+            return false;
+        const matchers = Array.isArray(rules) ? rules : [rules];
+        return matchers.some((m) => this.matches(m, date));
+    }
+    onMonthClick() {
+        this.currentView.set("month-grid");
+    }
+    onMonthSelect(index) {
+        if (!index)
+            return;
+        const updated = new Date(this.month());
+        updated.setMonth(Number(index));
+        this.month.set(updated);
+        if (this.currentView() === "month-grid") {
+            this.currentView.set("calendar-grid");
+        }
+    }
+    onYearClick() {
+        const selected = this.month().getFullYear();
+        const index = this.years().indexOf(selected);
+        this.yearPageIndex.set(Math.floor(index / this.YEARS_PER_PAGE));
+        this.currentView.set("year-grid");
+    }
+    onYearSelect(index) {
+        const updated = new Date(this.month());
+        updated.setFullYear(Number(index));
+        this.month.set(updated);
+        if (this.currentView() === "year-grid") {
+            this.currentView.set("calendar-grid");
+        }
+    }
+    onDayKeydown(event, current) {
+        let target = null;
+        switch (event.key) {
+            case "ArrowLeft":
+                target = new Date(current);
+                target.setDate(current.getDate() - 1);
+                break;
+            case "ArrowRight":
+                target = new Date(current);
+                target.setDate(current.getDate() + 1);
+                break;
+            case "ArrowUp":
+                target = new Date(current);
+                target.setDate(current.getDate() - 7);
+                break;
+            case "ArrowDown":
+                target = new Date(current);
+                target.setDate(current.getDate() + 7);
+                break;
+            case "Home":
+                target = new Date(current);
+                target.setDate(current.getDate() - ((current.getDay() + 6) % 7));
+                break;
+            case "End":
+                target = new Date(current);
+                target.setDate(current.getDate() + (6 - ((current.getDay() + 6) % 7)));
+                break;
+            case "PageUp":
+                target = new Date(current);
+                target.setMonth(current.getMonth() - 1);
+                break;
+            case "PageDown":
+                target = new Date(current);
+                target.setMonth(current.getMonth() + 1);
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                this.selectDay({
+                    date: current,
+                    disabled: false,
+                    inCurrentMonth: true,
+                });
+                return;
+            case "Escape":
+                this.popover().floatUiComponent().hide();
+                this.inputElement().nativeElement.focus();
+                return;
+            default:
+                return;
+        }
+        if (target) {
+            event.preventDefault();
+            this.focusDate(target);
+        }
+    }
+    onCalendarKeyDown(event) {
+        if (this.currentView() === "calendar-grid")
+            return;
+        if (event.key === "Escape") {
+            event.preventDefault();
+            event.stopPropagation();
+            this.currentView.set("calendar-grid");
+            const active = this.selected() ?? this.today;
+            setTimeout(() => this.focusDate(active));
+        }
+    }
+    onInput(event) {
+        if (!this.allowManualInput())
+            return;
+        const value = event.target.value;
+        this.inputValue.set(value);
+        if (value === "") {
+            this.selected.set(null);
+        }
+    }
+    onInputBlur() {
+        if (!this.allowManualInput())
+            return;
+        const selected = this.selected();
+        const parsed = this.parseDate(this.inputValue());
+        if (parsed) {
+            this.selected.set(parsed);
+            this.month.set(parsed);
+        }
+        else {
+            this.inputValue.set(selected ? this.format(selected) : "");
+        }
+    }
+    onInputClick() {
+        if (this.allowManualInput())
+            return;
+        if (this.popover().floatUiComponent().state) {
+            this.popover().floatUiComponent().hide();
+            this.inputElement().nativeElement.focus();
+        }
+        else {
+            this.popover().floatUiComponent().show();
+            this.openCalendar();
+        }
+    }
+    clearInput() {
+        this.inputValue.set("");
+        this.selected.set(null);
+    }
+    openCalendar() {
+        const active = this.selected() ?? this.today;
+        this.activeDate.set(active);
+        setTimeout(() => this.focusDate(active));
+    }
+    focusDate(date) {
+        this.activeDate.set(date);
+        const currentMonth = this.month();
+        if (currentMonth.getFullYear() !== date.getFullYear() ||
+            currentMonth.getMonth() !== date.getMonth()) {
+            this.month.set(new Date(date));
+        }
+        setTimeout(() => {
+            const container = this.gridElement().nativeElement;
+            if (!container)
+                return;
+            const key = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+            const btn = container.querySelector(`[data-date-key="${key}"]`);
+            if (btn && document.activeElement !== btn) {
+                btn.focus({ preventScroll: true });
+            }
+        });
+    }
+    parseDate(str) {
+        const parts = str.trim().split(".");
+        if (parts.length !== 3)
+            return null;
+        const [dd, mm, yyyy] = parts.map(Number);
+        if (!dd || !mm || !yyyy)
+            return null;
+        const date = new Date(yyyy, mm - 1, dd);
+        if (date.getFullYear() !== yyyy ||
+            date.getMonth() !== mm - 1 ||
+            date.getDate() !== dd) {
+            return null;
+        }
+        return date;
+    }
+    format(date) {
+        const d = String(date.getDate()).padStart(2, "0");
+        const m = String(date.getMonth() + 1).padStart(2, "0");
+        const y = date.getFullYear();
+        return `${d}.${m}.${y}`;
+    }
+    isSameDay(a, b) {
+        return (a.getDate() === b.getDate() &&
+            a.getMonth() === b.getMonth() &&
+            a.getFullYear() === b.getFullYear());
+    }
+    matches(m, date) {
+        if (m instanceof Date) {
+            return this.isSameDay(m, date);
+        }
+        if (Array.isArray(m)) {
+            return m.some((d) => this.isSameDay(d, date));
+        }
+        if (typeof m === "function") {
+            return m(date);
+        }
+        if ("before" in m) {
+            return date < m.before;
+        }
+        if ("after" in m) {
+            return date > m.after;
+        }
+        if ("from" in m) {
+            const { from, to } = m;
+            if (to)
+                return date >= from && date <= to;
+            return date >= from;
+        }
+        return false;
+    }
+    getFirstEnabledDayOfMonth(year, month) {
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        for (let day = 1; day <= daysInMonth; day++) {
+            const date = new Date(year, month, day);
+            if (!this.isDisabled(date)) {
+                return date;
+            }
+        }
+        return null;
+    }
+    getISOWeek(date) {
+        const target = new Date(date);
+        target.setHours(0, 0, 0, 0);
+        const day = target.getDay();
+        const isoDay = day === 0 ? 7 : day;
+        target.setDate(target.getDate() + (4 - isoDay));
+        const yearStart = new Date(target.getFullYear(), 0, 1);
+        const diffInDays = Math.floor((target.getTime() - yearStart.getTime()) / 86400000);
+        return Math.floor(diffInDays / 7) + 1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselNavigationComponent, isStandalone: true, selector: "tedi-carousel-navigation", ngImport: i0, template: "<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n  (click)=\"handlePrev()\"\n>\n  <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n  (click)=\"handleNext()\"\n>\n  <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center}tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-desktop)}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselNavigationComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: "tedi-carousel-navigation", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ButtonComponent, IconComponent], template: "<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n  (click)=\"handlePrev()\"\n>\n  <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n  tedi-button\n  type=\"button\"\n  variant=\"secondary\"\n  [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n  (click)=\"handleNext()\"\n>\n  <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center}tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-desktop)}}\n"] }]
-        }] });
-
-class CheckboxComponent {
-    /**
-     * Size of the checkbox.
-     * @default default
-     */
-    size = input("default");
-    /**
-     * Is checkbox invalid?
-     * @default false
-     */
-    invalid = input(false);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CheckboxComponent, isStandalone: true, selector: "input[type=checkbox][tedi-checkbox]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-checkbox--large": "size() === 'large'", "class.tedi-checkbox--invalid": "invalid()" } }, ngImport: i0, template: "", isInline: true, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0}input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-desktop)}}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-desktop)}}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    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(--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(--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(--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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: "input[type=checkbox][tedi-checkbox]", template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        "[class.tedi-checkbox--large]": "size() === 'large'",
-                        "[class.tedi-checkbox--invalid]": "invalid()",
-                    }, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0}input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-desktop)}}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-desktop)}}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-desktop)}}\n"] }]
+            args: [{ standalone: true, selector: "tedi-date-picker", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ButtonComponent,
+                        IconComponent,
+                        DropdownComponent,
+                        DropdownTriggerDirective,
+                        DropdownContentComponent,
+                        DropdownItemComponent,
+                        ClosingButtonComponent,
+                        SeparatorComponent,
+                        PopoverComponent,
+                        PopoverTriggerComponent,
+                        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(--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(--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(--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 {
@@ -2010,103 +3517,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     }, template: "<ng-content></ng-content>", styles: [".row{display:grid}.row--cols-auto{--_grid-col-size-calc: calc((100% - var(--_grid-gap) * (12 - 1)) / 12);--_grid-col-min-size-calc: min(100%, max(var(--_grid-col-width), var(--_grid-col-size-calc)));grid-template-columns:repeat(auto-fit,minmax(var(--_grid-col-min-size-calc),1fr))}.row--cols-1{grid-template-columns:repeat(1,1fr)}.row--cols-2{grid-template-columns:repeat(2,1fr)}.row--cols-3{grid-template-columns:repeat(3,1fr)}.row--cols-4{grid-template-columns:repeat(4,1fr)}.row--cols-5{grid-template-columns:repeat(5,1fr)}.row--cols-6{grid-template-columns:repeat(6,1fr)}.row--cols-7{grid-template-columns:repeat(7,1fr)}.row--cols-8{grid-template-columns:repeat(8,1fr)}.row--cols-9{grid-template-columns:repeat(9,1fr)}.row--cols-10{grid-template-columns:repeat(10,1fr)}.row--cols-11{grid-template-columns:repeat(11,1fr)}.row--cols-12{grid-template-columns:repeat(12,1fr)}.row--justify-items-start{justify-items:start}.row--justify-items-end{justify-items:end}.row--justify-items-center{justify-items:center}.row--justify-items-stretch{justify-items:stretch}.row--align-items-start{align-items:start}.row--align-items-end{align-items:end}.row--align-items-center{align-items:center}.row--align-items-stretch{align-items:stretch}.g-0{gap:0}.gx-0{column-gap:0}.gy-0{row-gap:0}.g-1{gap:.25rem}.gx-1{column-gap:.25rem}.gy-1{row-gap:.25rem}.g-2{gap:.5rem}.gx-2{column-gap:.5rem}.gy-2{row-gap:.5rem}.g-3{gap:1rem}.gx-3{column-gap:1rem}.gy-3{row-gap:1rem}.g-4{gap:1.5rem}.gx-4{column-gap:1.5rem}.gy-4{row-gap:1.5rem}.g-5{gap:3rem}.gx-5{column-gap:3rem}.gy-5{row-gap:3rem}\n"] }]
         }] });
 
-class SeparatorComponent {
-    /**
-     * Axis of separator.
-     */
-    axis = input("horizontal");
-    /**
-     * Color of separator
-     */
-    color = input("primary");
-    /**
-     * Separator style variant.
-     */
-    variant = input();
-    /**
-     * Dot size. Only used when variant is "dot-only".
-     */
-    dotSize = input();
-    /**
-     * Is dot filled? Only used when variant is "dot-only".
-     */
-    dotFilled = input(true);
-    /**
-     * Thickness in pixels (ignored if variant is used).
-     * @default 1
-     */
-    thickness = input(1);
-    /**
-     * Spacing applied based on the axis:
-     * - For horizontal axis, spacing is applied to top and bottom of the separator.
-     * - For vertical axis, spacing is applied to left and right of the separator.
-     */
-    spacing = input();
-    /**
-     * Size of separator based on the axis:
-     * - For horizontal axis, size defines width.
-     * - For vertical axis, size defines height (when using percentages, then parent container must have height set).
-     * @default 100%
-     */
-    size = input("100%");
-    // eslint-disable-next-line complexity
-    classes = computed(() => {
-        const classList = [
-            "tedi-separator",
-            `tedi-separator--${this.color()}`,
-            `tedi-separator--${this.axis()}`,
-        ];
-        if (this.variant()) {
-            classList.push(`tedi-separator--${this.variant()}`);
-        }
-        if (this.variant() && this.dotSize()) {
-            classList.push(`tedi-separator--${this.variant()}-${this.dotSize()}`);
-        }
-        if (this.variant() === "dot-only" && this.dotFilled()) {
-            classList.push(`tedi-separator--${this.variant()}-filled`);
-        }
-        else {
-            classList.push(`tedi-separator--${this.variant()}-outlined`);
-        }
-        if (this.thickness()) {
-            classList.push(`tedi-separator--thickness-${this.thickness()}`);
-        }
-        const spacing = this.spacing();
-        if (spacing && typeof spacing === "number") {
-            classList.push(`tedi-separator--spacing-${spacing}`.replace(".", "-"));
-        }
-        else if (spacing) {
-            if (this.axis() === "horizontal") {
-                if (spacing.top) {
-                    classList.push(`tedi-separator--top-${spacing.top}`.replace(".", "-"));
-                }
-                if (spacing.bottom) {
-                    classList.push(`tedi-separator--bottom-${spacing.bottom}`.replace(".", "-"));
-                }
-            }
-            else {
-                if (spacing.left) {
-                    classList.push(`tedi-separator--left-${spacing.left}`.replace(".", "-"));
-                }
-                if (spacing.right) {
-                    classList.push(`tedi-separator--right-${spacing.right}`.replace(".", "-"));
-                }
-            }
-        }
-        return classList.join(" ");
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: SeparatorComponent, isStandalone: true, selector: "tedi-separator", inputs: { axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dotSize: { classPropertyName: "dotSize", publicName: "dotSize", isSignal: true, isRequired: false, transformFunction: null }, dotFilled: { classPropertyName: "dotFilled", publicName: "dotFilled", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "style.width": "variant() === 'dot-only' ? null : axis() === 'horizontal' ? size() : '0px'", "style.height": "variant() === 'dot-only' ? null : axis() === 'vertical' ? size() : '0px'" } }, ngImport: i0, template: "", isInline: true, 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)}@media print{.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{filter:grayscale(1)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-desktop)}}.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)}.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-desktop)}}.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%}@media print{.tedi-separator--dot-only:before{filter:grayscale(1)}}.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-desktop)}}.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(--_top-dotted) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--horizontal.tedi-separator--dotted-small:before{top:calc(var(--_top-dotted-small) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeparatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "tedi-separator", template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        "[class]": "classes()",
-                        "[style.width]": "variant() === 'dot-only' ? null : axis() === 'horizontal' ? size() : '0px'",
-                        "[style.height]": "variant() === 'dot-only' ? null : axis() === 'vertical' ? size() : '0px'",
-                    }, 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)}@media print{.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{filter:grayscale(1)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-lg-desktop)}}.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)}.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dotted-small:before{width:var(--separator-dotted-dot-md-desktop)}}.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%}@media print{.tedi-separator--dot-only:before{filter:grayscale(1)}}.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{height:var(--separator-dotted-dot-xs-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-small:before{height:var(--separator-dotted-dot-sm-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{height:var(--separator-dotted-dot-md-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--dot-only.tedi-separator--dot-only-large:before{height:var(--separator-dotted-dot-lg-desktop)}}.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(--_top-dotted) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted:before{--_top-dotted: var(--separator-dotted-dot-lg-desktop)}}.tedi-separator--horizontal.tedi-separator--dotted-small:before{top:calc(var(--_top-dotted-small) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-mobile)}@media (min-width: 576px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-tablet)}}@media (min-width: 992px){.tedi-separator--horizontal.tedi-separator--dotted-small:before{--_top-dotted-small: var(--separator-dotted-dot-md-desktop)}}\n"] }]
-        }] });
-
 class TimelineComponent {
     /** Index of active item */
     activeIndex = input();
@@ -2503,136 +3913,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             args: [{ selector: 'tedi-header-content', standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tedi-header-content{display:flex;align-items:center}tedi-header-content{gap:var(--layout-header-items-center-gutter-x-mobile)}@media (min-width: 576px){tedi-header-content{gap:var(--layout-header-items-center-gutter-x-tablet)}}@media (min-width: 992px){tedi-header-content{gap:var(--layout-header-items-center-gutter-x-desktop)}}tedi-header-content a,tedi-header-content .tedi-link{color:var(--general-text-primary)}tedi-header-content a:hover,tedi-header-content .tedi-link:hover{color:var(--general-text-secondary)}tedi-header-content a:active,tedi-header-content .tedi-link:active{color:var(--general-text-tertiary)}tedi-header-content a:focus-visible,tedi-header-content .tedi-link:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}\n"] }]
         }] });
 
-class PopoverComponent {
-    /**
-     * * The trigger event that opens the popover.
-     * * @default click
-     * */
-    openWith = input("click");
-    /**
-     * The position of the popover relative to the trigger element.
-     * @default top
-     */
-    position = input("top");
-    /**
-     * Is dismissible by clicking outside of content?
-     * @default true
-     */
-    dismissible = input(true);
-    /**
-     * Does popover content hide on scroll?
-     * @default false
-     */
-    hideOnScroll = input(false);
-    /**
-     * Does popover have illustrative border on the arrow side?
-     * @default false
-     */
-    withBorder = input(false);
-    /**
-     * Lock scrolling on rest of the page?
-     * @default false
-     */
-    lockScroll = input(false);
-    floatUiComponent;
-    document = inject(DOCUMENT);
-    renderer = inject(Renderer2);
-    onHide() {
-        if (this.lockScroll()) {
-            this.renderer.removeStyle(this.document.body, "overflow");
-        }
-    }
-    onOpen() {
-        if (this.lockScroll()) {
-            this.renderer.setStyle(this.document.body, "overflow", "hidden");
-        }
-    }
-    floatUiContainerClass = computed(() => {
-        const classList = ["float-ui-container-popover"];
-        if (this.withBorder()) {
-            classList.push("float-ui-container-popover--border");
-        }
-        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.1.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 }, lockScroll: { classPropertyName: "lockScroll", publicName: "lockScroll", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: ["floatUiComponent"], descendants: 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);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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);z-index:var(--z-index-dropdown)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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);z-index:var(--z-index-dropdown)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"] }]
-        }], propDecorators: { floatUiComponent: [{
-                type: ViewChild,
-                args: ["floatUiComponent"]
-            }] } });
-
-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;
-                }
-                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);
-            }
-        }
-    }
-    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);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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);z-index:var(--z-index-dropdown)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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);z-index:var(--z-index-dropdown)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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();
-    }
-    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);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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);z-index:var(--z-index-dropdown)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.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()",
-                        "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);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--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-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}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);z-index:var(--z-index-dropdown)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-popover-content{border-radius:var(--popover-radius-rounded-desktop)}}.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}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"] }]
-        }] });
-
 class HeaderLanguageComponent {
     /**
      * Languages object.
      * Key is value in 'Language' type.
      * Value should be text shown in the UI.
-    */
+     */
     languages = input.required();
     /**
      * This is event emitter for changing language
@@ -2644,15 +3930,23 @@ class HeaderLanguageComponent {
     handleChangeLang(lang) {
         this.languageChange.emit(lang);
         this.translationService.setLanguage(lang);
-        this.popover?.floatUiComponent.hide();
+        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", "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 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLanguageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tedi-header-language', standalone: true, imports: [NgFor, IconComponent, TextComponent, PopoverComponent, PopoverTriggerComponent, PopoverContentComponent, TediTranslationPipe], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: "tedi-header-language"
+            args: [{ selector: "tedi-header-language", standalone: true, imports: [
+                        NgFor,
+                        IconComponent,
+                        TextComponent,
+                        PopoverComponent,
+                        PopoverTriggerComponent,
+                        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"] }]
         }], propDecorators: { popover: [{
                 type: ViewChild,
@@ -2785,7 +4079,7 @@ 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{--_header-min-height: var(--layout-header-min-height-mobile)}@media (min-width: 576px){tedi-header-profile{--_header-min-height: var(--layout-header-min-height-tablet)}}@media (min-width: 992px){tedi-header-profile{--_header-min-height: var(--layout-header-min-height-desktop)}}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}tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-desktop)}}tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-desktop)}}tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-desktop)}}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-desktop)}}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(--_header-min-height);width:100%;min-height:calc(100dvh - var(--_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(--_header-min-height));max-height:100%;position:absolute;right:0;top:var(--_header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header)}tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-desktop)}}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-desktop)}}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}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-desktop)}}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-desktop)}}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", "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    <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{--_header-min-height: var(--layout-header-min-height-mobile)}@media (min-width: 576px){tedi-header-profile{--_header-min-height: var(--layout-header-min-height-tablet)}}@media (min-width: 992px){tedi-header-profile{--_header-min-height: var(--layout-header-min-height-desktop)}}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}tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-desktop)}}tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-desktop)}}tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-desktop)}}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-desktop)}}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(--_header-min-height);width:100%;min-height:calc(100dvh - var(--_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(--_header-min-height));max-height:100%;position:absolute;right:0;top:var(--_header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header)}tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-desktop)}}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-desktop)}}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}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-desktop)}}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-desktop)}}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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderProfileComponent, decorators: [{
             type: Component,
@@ -2848,7 +4142,7 @@ 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(--_header-role-info-gap)}.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-desktop)}}.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(--_header-role-info-gap) / 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(--_header-role-dropdown-gap)!important}.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-desktop)}}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--_header-role-dropdown-gap) / 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}.tedi-header-role__representative{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-header-role__representative{font-size:var(--body-regular-size-desktop)}}.tedi-header-role__representative{border-radius:var(--card-radius-rounded-mobile)}@media (min-width: 576px){.tedi-header-role__representative{border-radius:var(--card-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-header-role__representative{border-radius:var(--card-radius-rounded-desktop)}}.tedi-header-role__representative{padding:var(--card-padding-xs-mobile)}@media (min-width: 576px){.tedi-header-role__representative{padding:var(--card-padding-xs-tablet)}}@media (min-width: 992px){.tedi-header-role__representative{padding:var(--card-padding-xs-desktop)}}.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(--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)}.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-mobile) var(--form-field-padding-x-md-default-mobile)}@media (min-width: 576px){.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-tablet) var(--form-field-padding-x-md-default-tablet)}}@media (min-width: 992px){.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-desktop) var(--form-field-padding-x-md-default-desktop)}}.tedi-header-role__input{border-radius:var(--form-field-radius-mobile)}@media (min-width: 576px){.tedi-header-role__input{border-radius:var(--form-field-radius-tablet)}}@media (min-width: 992px){.tedi-header-role__input{border-radius:var(--form-field-radius-desktop)}}.tedi-header-role__input{gap:var(--form-field-inner-spacing-mobile)}@media (min-width: 576px){.tedi-header-role__input{gap:var(--form-field-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-header-role__input{gap:var(--form-field-inner-spacing-desktop)}}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center}.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-desktop)}}.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(--_header-role-collapse-gap);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-desktop)}}.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(--_header-role-collapse-gap) / 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", "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 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(--_header-role-info-gap)}.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-desktop)}}.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(--_header-role-info-gap) / 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(--_header-role-dropdown-gap)!important}.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-desktop)}}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--_header-role-dropdown-gap) / 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}.tedi-header-role__representative{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-header-role__representative{font-size:var(--body-regular-size-desktop)}}.tedi-header-role__representative{border-radius:var(--card-radius-rounded-mobile)}@media (min-width: 576px){.tedi-header-role__representative{border-radius:var(--card-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-header-role__representative{border-radius:var(--card-radius-rounded-desktop)}}.tedi-header-role__representative{padding:var(--card-padding-xs-mobile)}@media (min-width: 576px){.tedi-header-role__representative{padding:var(--card-padding-xs-tablet)}}@media (min-width: 992px){.tedi-header-role__representative{padding:var(--card-padding-xs-desktop)}}.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(--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)}.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-mobile) var(--form-field-padding-x-md-default-mobile)}@media (min-width: 576px){.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-tablet) var(--form-field-padding-x-md-default-tablet)}}@media (min-width: 992px){.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-desktop) var(--form-field-padding-x-md-default-desktop)}}.tedi-header-role__input{border-radius:var(--form-field-radius-mobile)}@media (min-width: 576px){.tedi-header-role__input{border-radius:var(--form-field-radius-tablet)}}@media (min-width: 992px){.tedi-header-role__input{border-radius:var(--form-field-radius-desktop)}}.tedi-header-role__input{gap:var(--form-field-inner-spacing-mobile)}@media (min-width: 576px){.tedi-header-role__input{gap:var(--form-field-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-header-role__input{gap:var(--form-field-inner-spacing-desktop)}}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center}.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-desktop)}}.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(--_header-role-collapse-gap);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-desktop)}}.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(--_header-role-collapse-gap) / 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRoleComponent, decorators: [{
             type: Component,
@@ -3674,9 +4968,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
 
+function applyInitialTheme() {
+    return () => {
+        const document = inject(DOCUMENT);
+        const defaultTheme = inject(TEDI_THEME_DEFAULT_TOKEN);
+        const html = document.documentElement;
+        for (const t of AVAILABLE_THEMES) {
+            html.classList.remove(`${THEME_CLASS_PREFIX}${t}`);
+        }
+        html.classList.add(`${THEME_CLASS_PREFIX}${defaultTheme}`);
+    };
+}
+function provideTedi(config = {}) {
+    return makeEnvironmentProviders([
+        {
+            provide: TEDI_THEME_DEFAULT_TOKEN,
+            useValue: config.theme ?? THEME_FALLBACK_VALUE,
+        },
+        {
+            provide: TEDI_TRANSLATION_DEFAULT_TOKEN,
+            useValue: config.language ?? "et",
+        },
+        provideAppInitializer(applyInitialTheme()),
+    ]);
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AlertComponent, BREAKPOINTS, BreakpointService, ButtonComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxComponent, ClosingButtonComponent, ColComponent, CollapseComponent, FeedbackTextComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, IconComponent, InfoButtonComponent, LabelComponent, LinkComponent, ListComponent, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, NumberFieldComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerComponent, RowComponent, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpinnerComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTitleComponent, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, generateUUID };
+export { AVAILABLE_LANGUAGES, AVAILABLE_THEMES, AlertComponent, BREAKPOINTS, 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 };
 //# sourceMappingURL=tedi-design-system-angular-tedi.mjs.map