@tedi-design-system/angular 3.0.0-rc.1

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

@@ -0,0 +1,3135 @@
+import * as i0 from '@angular/core';
+import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ElementRef, signal, isSignal, Injectable, Pipe, Renderer2, model, forwardRef, ViewChild, HostBinding, Attribute, Injector, ViewContainerRef, runInInjectionContext, effect, ContentChildren, output, TemplateRef, Directive, ContentChild, HostListener } from '@angular/core';
+import * as i1 from '@angular/cdk/layout';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgClass, DOCUMENT, NgTemplateOutlet, NgFor, NgIf } from '@angular/common';
+import { trigger, state, transition, style, animate } from '@angular/animations';
+import * as i1$1 from 'ngx-float-ui';
+import { NgxFloatUiModule } from 'ngx-float-ui';
+import { RouterLink } from '@angular/router';
+import { Overlay, OverlayModule } from '@angular/cdk/overlay';
+import * as i1$2 from '@angular/cdk/portal';
+import { PortalModule, CdkPortal } from '@angular/cdk/portal';
+
+const ICON_WITH_BACKGROUND = [16, 24];
+class IconComponent {
+    /**
+     * Name of the Material Icon
+     * https://fonts.google.com/icons
+     */
+    name = input.required();
+    /**
+     * Size of the icon in pixels.
+     * @default 24
+     */
+    size = input(24);
+    /**
+     * Color of the icon.
+     * @default primary
+     */
+    color = input("primary");
+    /**
+     * Background color for the icon (adds a circular background).
+     */
+    background = input();
+    /**
+     * Whether the icon should be filled or outlined.
+     * @default outlined
+     */
+    variant = input("outlined");
+    /**
+     * Type of Material Symbols icon style.
+     * It is recommended to only use one type throughout your app.
+     * @default outlined
+     */
+    type = input("outlined");
+    /**
+     * Accessible label for screen readers.
+     * If omitted then the icon is hidden for screen-readers.
+     */
+    label = input();
+    classes = computed(() => {
+        let size = this.size();
+        if (this.background()) {
+            if (size === "inherit") {
+                size = 24;
+            }
+            else {
+                size = ICON_WITH_BACKGROUND.includes(size) ? size : 24;
+            }
+        }
+        const classes = [
+            "notranslate",
+            "material-symbols",
+            `material-symbols--${this.type()}`,
+            "tedi-icon",
+            `tedi-icon--color-${this.color()}`,
+            `tedi-icon--size-${size}`,
+        ];
+        if (this.background()) {
+            classes.push("tedi-icon--bg", `tedi-icon--bg-${this.background()}`);
+        }
+        if (this.variant() === "filled") {
+            classes.push("tedi-icon--filled");
+        }
+        return classes.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: IconComponent, isStandalone: true, selector: "tedi-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "class": "classes()", "attr.aria-label": "label()", "attr.aria-hidden": "!label()" } }, ngImport: i0, template: "{{ name() }}", styles: [".tedi-icon{display:inline-flex;align-items:center;vertical-align:middle}.tedi-icon--color-primary{color:var(--general-icon-primary)}.tedi-icon--color-secondary{color:var(--general-icon-secondary)}.tedi-icon--color-tertiary{color:var(--general-icon-tertiary)}.tedi-icon--color-brand{color:var(--general-icon-brand)}.tedi-icon--color-brand-dark{color:var(--general-icon-brand-dark)}.tedi-icon--color-success{color:var(--general-icon-success)}.tedi-icon--color-warning{color:var(--general-icon-warning)}.tedi-icon--color-warning-dark{color:var(--general-icon-warning-dark)}.tedi-icon--color-danger{color:var(--general-icon-danger)}.tedi-icon--color-white{color:var(--general-icon-white)}.tedi-icon--size-8{font-size:var(--icon-00-mobile)}@media (min-width: 576px){.tedi-icon--size-8{font-size:var(--icon-00-tablet)}}@media (min-width: 992px){.tedi-icon--size-8{font-size:var(--icon-00-desktop)}}.tedi-icon--size-12{font-size:var(--icon-01-mobile)}@media (min-width: 576px){.tedi-icon--size-12{font-size:var(--icon-01-tablet)}}@media (min-width: 992px){.tedi-icon--size-12{font-size:var(--icon-01-desktop)}}.tedi-icon--size-16{font-size:var(--icon-02-mobile)}@media (min-width: 576px){.tedi-icon--size-16{font-size:var(--icon-02-tablet)}}@media (min-width: 992px){.tedi-icon--size-16{font-size:var(--icon-02-desktop)}}.tedi-icon--size-18{font-size:var(--icon-03-mobile)}@media (min-width: 576px){.tedi-icon--size-18{font-size:var(--icon-03-tablet)}}@media (min-width: 992px){.tedi-icon--size-18{font-size:var(--icon-03-desktop)}}.tedi-icon--size-24{font-size:var(--icon-05-mobile)}@media (min-width: 576px){.tedi-icon--size-24{font-size:var(--icon-05-tablet)}}@media (min-width: 992px){.tedi-icon--size-24{font-size:var(--icon-05-desktop)}}.tedi-icon--size-36{font-size:var(--icon-06-mobile)}@media (min-width: 576px){.tedi-icon--size-36{font-size:var(--icon-06-tablet)}}@media (min-width: 992px){.tedi-icon--size-36{font-size:var(--icon-06-desktop)}}.tedi-icon--size-48{font-size:var(--icon-07-mobile)}@media (min-width: 576px){.tedi-icon--size-48{font-size:var(--icon-07-tablet)}}@media (min-width: 992px){.tedi-icon--size-48{font-size:var(--icon-07-desktop)}}.tedi-icon--size-inherit{font-size:inherit}.tedi-icon--bg{border-radius:100%}.tedi-icon--bg.tedi-icon--size-16{padding:var(--icon-background-padding-sm-mobile)}@media (min-width: 576px){.tedi-icon--bg.tedi-icon--size-16{padding:var(--icon-background-padding-sm-tablet)}}@media (min-width: 992px){.tedi-icon--bg.tedi-icon--size-16{padding:var(--icon-background-padding-sm-desktop)}}.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg-mobile)}@media (min-width: 576px){.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg-tablet)}}@media (min-width: 992px){.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg-desktop)}}.tedi-icon--bg-primary{background-color:var(--general-icon-background-primary)}.tedi-icon--bg-secondary{background-color:var(--general-icon-background-secondary)}.tedi-icon--bg-brand-primary{background-color:var(--general-icon-background-brand-primary)}.tedi-icon--bg-brand-secondary{background-color:var(--general-icon-background-brand-secondary)}.tedi-icon--filled{font-variation-settings:\"FILL\" 1;font-optical-sizing:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-icon", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "role": "img",
+                        "[attr.aria-label]": "label()",
+                        "[attr.aria-hidden]": "!label()"
+                    }, template: "{{ name() }}", styles: [".tedi-icon{display:inline-flex;align-items:center;vertical-align:middle}.tedi-icon--color-primary{color:var(--general-icon-primary)}.tedi-icon--color-secondary{color:var(--general-icon-secondary)}.tedi-icon--color-tertiary{color:var(--general-icon-tertiary)}.tedi-icon--color-brand{color:var(--general-icon-brand)}.tedi-icon--color-brand-dark{color:var(--general-icon-brand-dark)}.tedi-icon--color-success{color:var(--general-icon-success)}.tedi-icon--color-warning{color:var(--general-icon-warning)}.tedi-icon--color-warning-dark{color:var(--general-icon-warning-dark)}.tedi-icon--color-danger{color:var(--general-icon-danger)}.tedi-icon--color-white{color:var(--general-icon-white)}.tedi-icon--size-8{font-size:var(--icon-00-mobile)}@media (min-width: 576px){.tedi-icon--size-8{font-size:var(--icon-00-tablet)}}@media (min-width: 992px){.tedi-icon--size-8{font-size:var(--icon-00-desktop)}}.tedi-icon--size-12{font-size:var(--icon-01-mobile)}@media (min-width: 576px){.tedi-icon--size-12{font-size:var(--icon-01-tablet)}}@media (min-width: 992px){.tedi-icon--size-12{font-size:var(--icon-01-desktop)}}.tedi-icon--size-16{font-size:var(--icon-02-mobile)}@media (min-width: 576px){.tedi-icon--size-16{font-size:var(--icon-02-tablet)}}@media (min-width: 992px){.tedi-icon--size-16{font-size:var(--icon-02-desktop)}}.tedi-icon--size-18{font-size:var(--icon-03-mobile)}@media (min-width: 576px){.tedi-icon--size-18{font-size:var(--icon-03-tablet)}}@media (min-width: 992px){.tedi-icon--size-18{font-size:var(--icon-03-desktop)}}.tedi-icon--size-24{font-size:var(--icon-05-mobile)}@media (min-width: 576px){.tedi-icon--size-24{font-size:var(--icon-05-tablet)}}@media (min-width: 992px){.tedi-icon--size-24{font-size:var(--icon-05-desktop)}}.tedi-icon--size-36{font-size:var(--icon-06-mobile)}@media (min-width: 576px){.tedi-icon--size-36{font-size:var(--icon-06-tablet)}}@media (min-width: 992px){.tedi-icon--size-36{font-size:var(--icon-06-desktop)}}.tedi-icon--size-48{font-size:var(--icon-07-mobile)}@media (min-width: 576px){.tedi-icon--size-48{font-size:var(--icon-07-tablet)}}@media (min-width: 992px){.tedi-icon--size-48{font-size:var(--icon-07-desktop)}}.tedi-icon--size-inherit{font-size:inherit}.tedi-icon--bg{border-radius:100%}.tedi-icon--bg.tedi-icon--size-16{padding:var(--icon-background-padding-sm-mobile)}@media (min-width: 576px){.tedi-icon--bg.tedi-icon--size-16{padding:var(--icon-background-padding-sm-tablet)}}@media (min-width: 992px){.tedi-icon--bg.tedi-icon--size-16{padding:var(--icon-background-padding-sm-desktop)}}.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg-mobile)}@media (min-width: 576px){.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg-tablet)}}@media (min-width: 992px){.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg-desktop)}}.tedi-icon--bg-primary{background-color:var(--general-icon-background-primary)}.tedi-icon--bg-secondary{background-color:var(--general-icon-background-secondary)}.tedi-icon--bg-brand-primary{background-color:var(--general-icon-background-brand-primary)}.tedi-icon--bg-brand-secondary{background-color:var(--general-icon-background-brand-secondary)}.tedi-icon--filled{font-variation-settings:\"FILL\" 1;font-optical-sizing:auto}\n"] }]
+        }] });
+
+class TextComponent {
+    /**
+     * Single or multiple modifiers to change the text behavior
+     */
+    modifiers = input();
+    /**
+     * Color of the text
+     * Use 'success', 'important' or 'warning' with caution, usually they should not be in application UI
+     * @default primary
+     */
+    color = input("primary");
+    isHeadingModifier(modifier) {
+        return /^h[1-6]$/.test(modifier);
+    }
+    classes = computed(() => {
+        const classList = [`tedi-text--${this.color()}`];
+        const modifiersValue = this.modifiers();
+        const modifierClasses = Array.isArray(modifiersValue)
+            ? modifiersValue
+            : modifiersValue
+                ? [modifiersValue]
+                : [];
+        modifierClasses.forEach((modifier) => {
+            if (this.isHeadingModifier(modifier)) {
+                classList.push(`tedi-text--${modifier}`);
+            }
+            else {
+                classList.push(`text-${modifier}`);
+            }
+        });
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TextComponent, isStandalone: true, selector: "[tedi-text]", inputs: { modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "[tedi-text]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[class]": "classes()"
+                    }, template: "<ng-content></ng-content>" }]
+        }] });
+
+class ButtonComponent {
+    /**
+     * Specifies the color theme of the button. The color should meet accessibility standards for color contrast.
+     * @default primary
+     */
+    variant = input("primary");
+    /**
+     * Defines the size of the button.
+     * @default default
+     */
+    size = input("default");
+    host = inject(ElementRef);
+    iconOnly = signal(false);
+    iconFirst = signal(false);
+    iconLast = signal(false);
+    ngAfterContentChecked() {
+        const hostElement = this.host.nativeElement;
+        const nodes = Array.from(hostElement.childNodes).filter(node => node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()));
+        const nodeCount = nodes.length;
+        const iconIndexes = nodes
+            .map((node, index) => ({ node, index }))
+            .filter(x => x.node.nodeType === Node.ELEMENT_NODE && x.node.nodeName === "TEDI-ICON")
+            .map(x => x.index);
+        const iconCount = iconIndexes.length;
+        this.iconOnly.set(nodeCount === 1 && iconCount === 1);
+        this.iconFirst.set(iconIndexes.includes(0));
+        this.iconLast.set(iconIndexes.includes(nodes.length - 1));
+    }
+    classes = computed(() => {
+        const classList = [
+            "tedi-button",
+            `tedi-button--${this.variant()}`,
+            `tedi-button--${this.size()}`,
+        ];
+        if (this.iconOnly()) {
+            classList.push("tedi-button--icon-only");
+        }
+        if (!this.iconFirst()) {
+            classList.push("tedi-button--pl");
+        }
+        if (!this.iconLast()) {
+            classList.push("tedi-button--pr");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: ButtonComponent, isStandalone: true, selector: "[tedi-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-inner-spacing);text-decoration:none;background:var(--_btn-bg);color:var(--_btn-text);border:var(--borders-01) solid var(--_btn-border);padding:var(--_btn-padding);transition:.15s ease;transition-property:background-color,border-color;cursor:pointer}.tedi-button{font-family:var(--family-primary-mobile)}@media (min-width: 992px){.tedi-button{font-family:var(--family-primary-desktop)}}.tedi-button{font-weight:var(--body-regular-weight-mobile)}@media (min-width: 576px){.tedi-button{font-weight:var(--body-regular-weight-tablet)}}@media (min-width: 992px){.tedi-button{font-weight:var(--body-regular-weight-desktop)}}.tedi-button{line-height:var(--body-bold-line-height-mobile)}@media (min-width: 576px){.tedi-button{line-height:var(--body-bold-line-height-tablet)}}@media (min-width: 992px){.tedi-button{line-height:var(--body-bold-line-height-desktop)}}.tedi-button{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-button{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-button{border-radius:var(--button-radius-default-desktop)}}.tedi-button--small{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px)}.tedi-button--small{--_btn-inner-spacing: var(--button-sm-inner-spacing-mobile)}@media (min-width: 576px){.tedi-button--small{--_btn-inner-spacing: var(--button-sm-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-button--small{--_btn-inner-spacing: var(--button-sm-inner-spacing-desktop)}}.tedi-button--small{--_btn-padding-y: var(--button-sm-padding-y-mobile)}@media (min-width: 576px){.tedi-button--small{--_btn-padding-y: var(--button-sm-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--small{--_btn-padding-y: var(--button-sm-padding-y-desktop)}}.tedi-button--small{--_btn-padding-x: var(--button-sm-padding-x-mobile)}@media (min-width: 576px){.tedi-button--small{--_btn-padding-x: var(--button-sm-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--small{--_btn-padding-x: var(--button-sm-padding-x-desktop)}}.tedi-button--small{font-size:var(--button-text-size-sm-mobile)}@media (min-width: 576px){.tedi-button--small{font-size:var(--button-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-button--small{font-size:var(--button-text-size-sm-desktop)}}.tedi-button--default{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px)}.tedi-button--default{--_btn-inner-spacing: var(--button-md-inner-spacing-mobile)}@media (min-width: 576px){.tedi-button--default{--_btn-inner-spacing: var(--button-md-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-button--default{--_btn-inner-spacing: var(--button-md-inner-spacing-desktop)}}.tedi-button--default{--_btn-padding-y: var(--button-md-padding-y-mobile)}@media (min-width: 576px){.tedi-button--default{--_btn-padding-y: var(--button-md-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--default{--_btn-padding-y: var(--button-md-padding-y-desktop)}}.tedi-button--default{--_btn-padding-x: var(--button-md-padding-x-mobile)}@media (min-width: 576px){.tedi-button--default{--_btn-padding-x: var(--button-md-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--default{--_btn-padding-x: var(--button-md-padding-x-desktop)}}.tedi-button--default{font-size:var(--button-text-size-default-mobile)}@media (min-width: 576px){.tedi-button--default{font-size:var(--button-text-size-default-tablet)}}@media (min-width: 992px){.tedi-button--default{font-size:var(--button-text-size-default-desktop)}}.tedi-button--primary{--_btn-bg: var(--button-main-primary-background-default);--_btn-border: var(--button-main-primary-border-default);--_btn-text: var(--button-main-primary-text-default);--_btn-outline: var(--primary-500)}.tedi-button--primary{--_btn-hover-bg: var( --button-main-primary-background-hover, var(--button-main-primary-background-default) );--_btn-hover-border: var( --button-main-primary-border-hover, var(--button-main-primary-border-default) );--_btn-hover-text: var( --button-main-primary-text-hover, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-focus-bg: var( --button-main-primary-background-focus, var(--button-main-primary-background-default) );--_btn-focus-border: var( --button-main-primary-border-focus, var(--button-main-primary-border-default) );--_btn-focus-text: var( --button-main-primary-text-focus, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-active-bg: var( --button-main-primary-background-active, var(--button-main-primary-background-default) );--_btn-active-border: var( --button-main-primary-border-active, var(--button-main-primary-border-default) );--_btn-active-text: var( --button-main-primary-text-active, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary{--_btn-bg: var(--button-main-secondary-background-default);--_btn-border: var(--button-main-secondary-border-default);--_btn-text: var(--button-main-secondary-text-default);--_btn-outline: var(--primary-500)}.tedi-button--secondary{--_btn-hover-bg: var( --button-main-secondary-background-hover, var(--button-main-secondary-background-default) );--_btn-hover-border: var( --button-main-secondary-border-hover, var(--button-main-secondary-border-default) );--_btn-hover-text: var( --button-main-secondary-text-hover, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-focus-bg: var( --button-main-secondary-background-focus, var(--button-main-secondary-background-default) );--_btn-focus-border: var( --button-main-secondary-border-focus, var(--button-main-secondary-border-default) );--_btn-focus-text: var( --button-main-secondary-text-focus, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-active-bg: var( --button-main-secondary-background-active, var(--button-main-secondary-background-default) );--_btn-active-border: var( --button-main-secondary-border-active, var(--button-main-secondary-border-default) );--_btn-active-text: var( --button-main-secondary-text-active, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral{--_btn-bg: var(--button-main-neutral-background-default);--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-background-hover, var(--button-main-neutral-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-background-focus, var(--button-main-neutral-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-background-active, var(--button-main-neutral-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-desktop)}}.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-desktop)}}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-desktop)}}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-desktop)}}.tedi-button--success{--_btn-bg: var(--button-main-success-background-default);--_btn-border: var(--button-main-success-border-default);--_btn-text: var(--button-main-success-text-default);--_btn-outline: var(--primary-500)}.tedi-button--success{--_btn-hover-bg: var( --button-main-success-background-hover, var(--button-main-success-background-default) );--_btn-hover-border: var( --button-main-success-border-hover, var(--button-main-success-border-default) );--_btn-hover-text: var( --button-main-success-text-hover, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-focus-bg: var( --button-main-success-background-focus, var(--button-main-success-background-default) );--_btn-focus-border: var( --button-main-success-border-focus, var(--button-main-success-border-default) );--_btn-focus-text: var( --button-main-success-text-focus, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-active-bg: var( --button-main-success-background-active, var(--button-main-success-background-default) );--_btn-active-border: var( --button-main-success-border-active, var(--button-main-success-border-default) );--_btn-active-text: var( --button-main-success-text-active, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger{--_btn-bg: var(--button-main-danger-background-default);--_btn-border: var(--button-main-danger-border-default);--_btn-text: var(--button-main-danger-text-default);--_btn-outline: var(--primary-500)}.tedi-button--danger{--_btn-hover-bg: var( --button-main-danger-background-hover, var(--button-main-danger-background-default) );--_btn-hover-border: var( --button-main-danger-border-hover, var(--button-main-danger-border-default) );--_btn-hover-text: var( --button-main-danger-text-hover, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-focus-bg: var( --button-main-danger-background-focus, var(--button-main-danger-background-default) );--_btn-focus-border: var( --button-main-danger-border-focus, var(--button-main-danger-border-default) );--_btn-focus-text: var( --button-main-danger-text-focus, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-active-bg: var( --button-main-danger-background-active, var(--button-main-danger-background-default) );--_btn-active-border: var( --button-main-danger-border-active, var(--button-main-danger-border-default) );--_btn-active-text: var( --button-main-danger-text-active, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-desktop)}}.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-desktop)}}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-desktop)}}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-desktop)}}.tedi-button--danger-neutral{--_btn-bg: var(--button-main-danger-neutral-background-default);--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-background-hover, var(--button-main-danger-neutral-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-background-focus, var(--button-main-danger-neutral-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-background-active, var(--button-main-danger-neutral-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--primary-inverted{--_btn-bg: var(--button-main-primary-inverted-background-default);--_btn-border: var(--button-main-primary-inverted-border-default);--_btn-text: var(--button-main-primary-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--primary-inverted{--_btn-hover-bg: var( --button-main-primary-inverted-background-hover, var(--button-main-primary-inverted-background-default) );--_btn-hover-border: var( --button-main-primary-inverted-border-hover, var(--button-main-primary-inverted-border-default) );--_btn-hover-text: var( --button-main-primary-inverted-text-hover, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-focus-bg: var( --button-main-primary-inverted-background-focus, var(--button-main-primary-inverted-background-default) );--_btn-focus-border: var( --button-main-primary-inverted-border-focus, var(--button-main-primary-inverted-border-default) );--_btn-focus-text: var( --button-main-primary-inverted-text-focus, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-active-bg: var( --button-main-primary-inverted-background-active, var(--button-main-primary-inverted-background-default) );--_btn-active-border: var( --button-main-primary-inverted-border-active, var(--button-main-primary-inverted-border-default) );--_btn-active-text: var( --button-main-primary-inverted-text-active, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary-inverted{--_btn-bg: var(--button-main-secondary-inverted-background-default);--_btn-border: var(--button-main-secondary-inverted-border-default);--_btn-text: var(--button-main-secondary-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--secondary-inverted{--_btn-hover-bg: var( --button-main-secondary-inverted-background-hover, var(--button-main-secondary-inverted-background-default) );--_btn-hover-border: var( --button-main-secondary-inverted-border-hover, var(--button-main-secondary-inverted-border-default) );--_btn-hover-text: var( --button-main-secondary-inverted-text-hover, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-focus-bg: var( --button-main-secondary-inverted-background-focus, var(--button-main-secondary-inverted-background-default) );--_btn-focus-border: var( --button-main-secondary-inverted-border-focus, var(--button-main-secondary-inverted-border-default) );--_btn-focus-text: var( --button-main-secondary-inverted-text-focus, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-active-bg: var( --button-main-secondary-inverted-background-active, var(--button-main-secondary-inverted-background-default) );--_btn-active-border: var( --button-main-secondary-inverted-border-active, var(--button-main-secondary-inverted-border-default) );--_btn-active-text: var( --button-main-secondary-inverted-text-active, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral-inverted{--_btn-bg: var(--button-main-neutral-inverted-background-default);--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-background-hover, var(--button-main-neutral-inverted-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-background-focus, var(--button-main-neutral-inverted-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-background-active, var(--button-main-neutral-inverted-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-desktop)}}.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-desktop)}}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-desktop)}}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-desktop)}}.tedi-button--icon-only{width:var(--button-md-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only{width:var(--button-md-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only{width:var(--button-md-icon-size-desktop)}}.tedi-button--icon-only{height:var(--button-md-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only{height:var(--button-md-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only{height:var(--button-md-icon-size-desktop)}}.tedi-button--icon-only{padding:var(--button-md-icon-padding-mobile)}@media (min-width: 576px){.tedi-button--icon-only{padding:var(--button-md-icon-padding-tablet)}}@media (min-width: 992px){.tedi-button--icon-only{padding:var(--button-md-icon-padding-desktop)}}.tedi-button--icon-only.tedi-button--neutral{--_btn-bg: var(--button-main-neutral-icon-only-background-default);--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--icon-only.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-icon-only-background-hover, var(--button-main-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-icon-only-background-focus, var(--button-main-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-icon-only-background-active, var(--button-main-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-bg: var(--button-main-neutral-inverted-icon-only-background-default);--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-icon-only-background-hover, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-icon-only-background-focus, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-icon-only-background-active, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-bg: var(--button-main-danger-neutral-icon-only-background-default);--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-icon-only-background-hover, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-icon-only-background-focus, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-icon-only-background-active, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size-desktop)}}.tedi-button--icon-only.tedi-button--small{height:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only.tedi-button--small{height:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only.tedi-button--small{height:var(--button-sm-icon-size-desktop)}}.tedi-button--icon-only.tedi-button--small{padding:var(--button-sm-icon-padding-mobile)}@media (min-width: 576px){.tedi-button--icon-only.tedi-button--small{padding:var(--button-sm-icon-padding-tablet)}}@media (min-width: 992px){.tedi-button--icon-only.tedi-button--small{padding:var(--button-sm-icon-padding-desktop)}}.tedi-button--pl:not(.tedi-button--neutral):not(.tedi-button--danger-neutral):not(.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button--pr:not(.tedi-button--neutral):not(.tedi-button--danger-neutral):not(.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button:hover{background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border);color:var(--_btn-hover-text)}.tedi-button:active{background:var(--_btn-active-bg);border-color:var(--_btn-active-border);color:var(--_btn-active-text)}.tedi-button:focus-visible{background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border);color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px}.tedi-button:disabled{background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border);color:var(--_btn-disabled-text);cursor:not-allowed}.tedi-button tedi-icon{color:inherit;font-size:inherit}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "[tedi-button]", standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                    }, styles: [".tedi-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-inner-spacing);text-decoration:none;background:var(--_btn-bg);color:var(--_btn-text);border:var(--borders-01) solid var(--_btn-border);padding:var(--_btn-padding);transition:.15s ease;transition-property:background-color,border-color;cursor:pointer}.tedi-button{font-family:var(--family-primary-mobile)}@media (min-width: 992px){.tedi-button{font-family:var(--family-primary-desktop)}}.tedi-button{font-weight:var(--body-regular-weight-mobile)}@media (min-width: 576px){.tedi-button{font-weight:var(--body-regular-weight-tablet)}}@media (min-width: 992px){.tedi-button{font-weight:var(--body-regular-weight-desktop)}}.tedi-button{line-height:var(--body-bold-line-height-mobile)}@media (min-width: 576px){.tedi-button{line-height:var(--body-bold-line-height-tablet)}}@media (min-width: 992px){.tedi-button{line-height:var(--body-bold-line-height-desktop)}}.tedi-button{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-button{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-button{border-radius:var(--button-radius-default-desktop)}}.tedi-button--small{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px)}.tedi-button--small{--_btn-inner-spacing: var(--button-sm-inner-spacing-mobile)}@media (min-width: 576px){.tedi-button--small{--_btn-inner-spacing: var(--button-sm-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-button--small{--_btn-inner-spacing: var(--button-sm-inner-spacing-desktop)}}.tedi-button--small{--_btn-padding-y: var(--button-sm-padding-y-mobile)}@media (min-width: 576px){.tedi-button--small{--_btn-padding-y: var(--button-sm-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--small{--_btn-padding-y: var(--button-sm-padding-y-desktop)}}.tedi-button--small{--_btn-padding-x: var(--button-sm-padding-x-mobile)}@media (min-width: 576px){.tedi-button--small{--_btn-padding-x: var(--button-sm-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--small{--_btn-padding-x: var(--button-sm-padding-x-desktop)}}.tedi-button--small{font-size:var(--button-text-size-sm-mobile)}@media (min-width: 576px){.tedi-button--small{font-size:var(--button-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-button--small{font-size:var(--button-text-size-sm-desktop)}}.tedi-button--default{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px)}.tedi-button--default{--_btn-inner-spacing: var(--button-md-inner-spacing-mobile)}@media (min-width: 576px){.tedi-button--default{--_btn-inner-spacing: var(--button-md-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-button--default{--_btn-inner-spacing: var(--button-md-inner-spacing-desktop)}}.tedi-button--default{--_btn-padding-y: var(--button-md-padding-y-mobile)}@media (min-width: 576px){.tedi-button--default{--_btn-padding-y: var(--button-md-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--default{--_btn-padding-y: var(--button-md-padding-y-desktop)}}.tedi-button--default{--_btn-padding-x: var(--button-md-padding-x-mobile)}@media (min-width: 576px){.tedi-button--default{--_btn-padding-x: var(--button-md-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--default{--_btn-padding-x: var(--button-md-padding-x-desktop)}}.tedi-button--default{font-size:var(--button-text-size-default-mobile)}@media (min-width: 576px){.tedi-button--default{font-size:var(--button-text-size-default-tablet)}}@media (min-width: 992px){.tedi-button--default{font-size:var(--button-text-size-default-desktop)}}.tedi-button--primary{--_btn-bg: var(--button-main-primary-background-default);--_btn-border: var(--button-main-primary-border-default);--_btn-text: var(--button-main-primary-text-default);--_btn-outline: var(--primary-500)}.tedi-button--primary{--_btn-hover-bg: var( --button-main-primary-background-hover, var(--button-main-primary-background-default) );--_btn-hover-border: var( --button-main-primary-border-hover, var(--button-main-primary-border-default) );--_btn-hover-text: var( --button-main-primary-text-hover, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-focus-bg: var( --button-main-primary-background-focus, var(--button-main-primary-background-default) );--_btn-focus-border: var( --button-main-primary-border-focus, var(--button-main-primary-border-default) );--_btn-focus-text: var( --button-main-primary-text-focus, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-active-bg: var( --button-main-primary-background-active, var(--button-main-primary-background-default) );--_btn-active-border: var( --button-main-primary-border-active, var(--button-main-primary-border-default) );--_btn-active-text: var( --button-main-primary-text-active, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary{--_btn-bg: var(--button-main-secondary-background-default);--_btn-border: var(--button-main-secondary-border-default);--_btn-text: var(--button-main-secondary-text-default);--_btn-outline: var(--primary-500)}.tedi-button--secondary{--_btn-hover-bg: var( --button-main-secondary-background-hover, var(--button-main-secondary-background-default) );--_btn-hover-border: var( --button-main-secondary-border-hover, var(--button-main-secondary-border-default) );--_btn-hover-text: var( --button-main-secondary-text-hover, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-focus-bg: var( --button-main-secondary-background-focus, var(--button-main-secondary-background-default) );--_btn-focus-border: var( --button-main-secondary-border-focus, var(--button-main-secondary-border-default) );--_btn-focus-text: var( --button-main-secondary-text-focus, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-active-bg: var( --button-main-secondary-background-active, var(--button-main-secondary-background-default) );--_btn-active-border: var( --button-main-secondary-border-active, var(--button-main-secondary-border-default) );--_btn-active-text: var( --button-main-secondary-text-active, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral{--_btn-bg: var(--button-main-neutral-background-default);--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-background-hover, var(--button-main-neutral-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-background-focus, var(--button-main-neutral-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-background-active, var(--button-main-neutral-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-desktop)}}.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-desktop)}}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-desktop)}}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-desktop)}}.tedi-button--success{--_btn-bg: var(--button-main-success-background-default);--_btn-border: var(--button-main-success-border-default);--_btn-text: var(--button-main-success-text-default);--_btn-outline: var(--primary-500)}.tedi-button--success{--_btn-hover-bg: var( --button-main-success-background-hover, var(--button-main-success-background-default) );--_btn-hover-border: var( --button-main-success-border-hover, var(--button-main-success-border-default) );--_btn-hover-text: var( --button-main-success-text-hover, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-focus-bg: var( --button-main-success-background-focus, var(--button-main-success-background-default) );--_btn-focus-border: var( --button-main-success-border-focus, var(--button-main-success-border-default) );--_btn-focus-text: var( --button-main-success-text-focus, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-active-bg: var( --button-main-success-background-active, var(--button-main-success-background-default) );--_btn-active-border: var( --button-main-success-border-active, var(--button-main-success-border-default) );--_btn-active-text: var( --button-main-success-text-active, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger{--_btn-bg: var(--button-main-danger-background-default);--_btn-border: var(--button-main-danger-border-default);--_btn-text: var(--button-main-danger-text-default);--_btn-outline: var(--primary-500)}.tedi-button--danger{--_btn-hover-bg: var( --button-main-danger-background-hover, var(--button-main-danger-background-default) );--_btn-hover-border: var( --button-main-danger-border-hover, var(--button-main-danger-border-default) );--_btn-hover-text: var( --button-main-danger-text-hover, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-focus-bg: var( --button-main-danger-background-focus, var(--button-main-danger-background-default) );--_btn-focus-border: var( --button-main-danger-border-focus, var(--button-main-danger-border-default) );--_btn-focus-text: var( --button-main-danger-text-focus, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-active-bg: var( --button-main-danger-background-active, var(--button-main-danger-background-default) );--_btn-active-border: var( --button-main-danger-border-active, var(--button-main-danger-border-default) );--_btn-active-text: var( --button-main-danger-text-active, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-desktop)}}.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-desktop)}}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-desktop)}}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-desktop)}}.tedi-button--danger-neutral{--_btn-bg: var(--button-main-danger-neutral-background-default);--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-background-hover, var(--button-main-danger-neutral-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-background-focus, var(--button-main-danger-neutral-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-background-active, var(--button-main-danger-neutral-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--primary-inverted{--_btn-bg: var(--button-main-primary-inverted-background-default);--_btn-border: var(--button-main-primary-inverted-border-default);--_btn-text: var(--button-main-primary-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--primary-inverted{--_btn-hover-bg: var( --button-main-primary-inverted-background-hover, var(--button-main-primary-inverted-background-default) );--_btn-hover-border: var( --button-main-primary-inverted-border-hover, var(--button-main-primary-inverted-border-default) );--_btn-hover-text: var( --button-main-primary-inverted-text-hover, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-focus-bg: var( --button-main-primary-inverted-background-focus, var(--button-main-primary-inverted-background-default) );--_btn-focus-border: var( --button-main-primary-inverted-border-focus, var(--button-main-primary-inverted-border-default) );--_btn-focus-text: var( --button-main-primary-inverted-text-focus, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-active-bg: var( --button-main-primary-inverted-background-active, var(--button-main-primary-inverted-background-default) );--_btn-active-border: var( --button-main-primary-inverted-border-active, var(--button-main-primary-inverted-border-default) );--_btn-active-text: var( --button-main-primary-inverted-text-active, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary-inverted{--_btn-bg: var(--button-main-secondary-inverted-background-default);--_btn-border: var(--button-main-secondary-inverted-border-default);--_btn-text: var(--button-main-secondary-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--secondary-inverted{--_btn-hover-bg: var( --button-main-secondary-inverted-background-hover, var(--button-main-secondary-inverted-background-default) );--_btn-hover-border: var( --button-main-secondary-inverted-border-hover, var(--button-main-secondary-inverted-border-default) );--_btn-hover-text: var( --button-main-secondary-inverted-text-hover, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-focus-bg: var( --button-main-secondary-inverted-background-focus, var(--button-main-secondary-inverted-background-default) );--_btn-focus-border: var( --button-main-secondary-inverted-border-focus, var(--button-main-secondary-inverted-border-default) );--_btn-focus-text: var( --button-main-secondary-inverted-text-focus, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-active-bg: var( --button-main-secondary-inverted-background-active, var(--button-main-secondary-inverted-background-default) );--_btn-active-border: var( --button-main-secondary-inverted-border-active, var(--button-main-secondary-inverted-border-default) );--_btn-active-text: var( --button-main-secondary-inverted-text-active, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral-inverted{--_btn-bg: var(--button-main-neutral-inverted-background-default);--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-background-hover, var(--button-main-neutral-inverted-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-background-focus, var(--button-main-neutral-inverted-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-background-active, var(--button-main-neutral-inverted-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y-desktop)}}.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-x: var(--button-sm-neutral-padding-x-desktop)}}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y-desktop)}}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-mobile)}@media (min-width: 576px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-tablet)}}@media (min-width: 992px){.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-x: var(--button-md-neutral-padding-x-desktop)}}.tedi-button--icon-only{width:var(--button-md-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only{width:var(--button-md-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only{width:var(--button-md-icon-size-desktop)}}.tedi-button--icon-only{height:var(--button-md-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only{height:var(--button-md-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only{height:var(--button-md-icon-size-desktop)}}.tedi-button--icon-only{padding:var(--button-md-icon-padding-mobile)}@media (min-width: 576px){.tedi-button--icon-only{padding:var(--button-md-icon-padding-tablet)}}@media (min-width: 992px){.tedi-button--icon-only{padding:var(--button-md-icon-padding-desktop)}}.tedi-button--icon-only.tedi-button--neutral{--_btn-bg: var(--button-main-neutral-icon-only-background-default);--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--icon-only.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-icon-only-background-hover, var(--button-main-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-icon-only-background-focus, var(--button-main-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-icon-only-background-active, var(--button-main-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-bg: var(--button-main-neutral-inverted-icon-only-background-default);--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--primary-500)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-icon-only-background-hover, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-icon-only-background-focus, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-icon-only-background-active, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-bg: var(--button-main-danger-neutral-icon-only-background-default);--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--primary-500)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-icon-only-background-hover, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-icon-only-background-focus, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-icon-only-background-active, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size-desktop)}}.tedi-button--icon-only.tedi-button--small{height:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-button--icon-only.tedi-button--small{height:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-button--icon-only.tedi-button--small{height:var(--button-sm-icon-size-desktop)}}.tedi-button--icon-only.tedi-button--small{padding:var(--button-sm-icon-padding-mobile)}@media (min-width: 576px){.tedi-button--icon-only.tedi-button--small{padding:var(--button-sm-icon-padding-tablet)}}@media (min-width: 992px){.tedi-button--icon-only.tedi-button--small{padding:var(--button-sm-icon-padding-desktop)}}.tedi-button--pl:not(.tedi-button--neutral):not(.tedi-button--danger-neutral):not(.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button--pr:not(.tedi-button--neutral):not(.tedi-button--danger-neutral):not(.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button:hover{background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border);color:var(--_btn-hover-text)}.tedi-button:active{background:var(--_btn-active-bg);border-color:var(--_btn-active-border);color:var(--_btn-active-text)}.tedi-button:focus-visible{background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border);color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px}.tedi-button:disabled{background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border);color:var(--_btn-disabled-text);cursor:not-allowed}.tedi-button tedi-icon{color:inherit;font-size:inherit}\n"] }]
+        }] });
+
+class InfoButtonComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InfoButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: InfoButtonComponent, isStandalone: true, selector: "button[tedi-info-button]", host: { classAttribute: "tedi-info-button" }, ngImport: i0, template: `<tedi-icon name="info" [size]="18" />`, isInline: true, styles: [".tedi-info-button{display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;color:var(--button-main-neutral-text-default);background:transparent;border:none;cursor:pointer}.tedi-info-button{width:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-info-button{width:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-info-button{width:var(--button-xs-icon-size-desktop)}}.tedi-info-button{height:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-info-button{height:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-info-button{height:var(--button-xs-icon-size-desktop)}}.tedi-info-button{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-info-button{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-info-button{border-radius:var(--button-radius-default-desktop)}}.tedi-info-button:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-info-button:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-info-button:focus-visible{color:var(--button-main-neutral-text-focus);background-color:var(--button-main-neutral-background-focus);outline-offset:var(--borders-01);border-color:var(--button-main-neutral-border-default);outline:var(--borders-02) solid var(--button-main-primary-border-focus)}.tedi-info-button tedi-icon{color:inherit}\n"], dependencies: [{ 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: InfoButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "button[tedi-info-button]", imports: [IconComponent], template: `<tedi-icon name="info" [size]="18" />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "class": "tedi-info-button",
+                    }, styles: [".tedi-info-button{display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;color:var(--button-main-neutral-text-default);background:transparent;border:none;cursor:pointer}.tedi-info-button{width:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-info-button{width:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-info-button{width:var(--button-xs-icon-size-desktop)}}.tedi-info-button{height:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-info-button{height:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-info-button{height:var(--button-xs-icon-size-desktop)}}.tedi-info-button{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-info-button{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-info-button{border-radius:var(--button-radius-default-desktop)}}.tedi-info-button:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-info-button:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-info-button:focus-visible{color:var(--button-main-neutral-text-focus);background-color:var(--button-main-neutral-background-focus);outline-offset:var(--borders-01);border-color:var(--button-main-neutral-border-default);outline:var(--borders-02) solid var(--button-main-primary-border-focus)}.tedi-info-button tedi-icon{color:inherit}\n"] }]
+        }] });
+
+const translationsMap = {
+    close: {
+        description: "Used for closing",
+        components: [
+            "CloseButton",
+            "Collapse",
+            "Notification",
+            "FileUpload",
+            "Dropdown",
+            "Tooltip",
+            "HeaderRole",
+        ],
+        et: "Sulge",
+        en: "Close",
+        ru: "Закрыть",
+    },
+    open: {
+        description: "Used for opening",
+        components: ["Collapse"],
+        et: "Ava",
+        en: "Open",
+        ru: "Открыть",
+    },
+    remove: {
+        description: "Used for removing",
+        components: ["FileUpload", "Tag"],
+        et: "Eemalda",
+        en: "Remove",
+        ru: "Удалить",
+    },
+    cancel: {
+        description: "For canceling an action",
+        components: ["TableFilter"],
+        et: "Tühista",
+        en: "Cancel",
+        ru: "Отмена",
+    },
+    clear: {
+        description: "For clearing a value",
+        components: ["TableFilter", "TextField"],
+        et: "Tühjenda",
+        en: "Clear",
+        ru: "Очистить",
+    },
+    search: {
+        description: "For searching",
+        components: ["TableFilter"],
+        et: "Otsi",
+        en: "Search",
+        ru: "Поиск",
+    },
+    required: {
+        description: "Required field",
+        components: ["TableFilter"],
+        et: "Kohustuslik väli",
+        en: "Required field",
+        ru: "Обязательное поле",
+    },
+    breadcrumbs: {
+        description: "Breadcrumbs navigation label",
+        components: ["Breadcrumbs"],
+        et: "Jäljerida",
+        en: "Breadcrumbs",
+        ru: "Навигационная цепочка",
+    },
+    more: {
+        components: ["Tabs"],
+        et: "Veel",
+        en: "More",
+        ru: "Более",
+    },
+    "anchor.new-tab": {
+        description: "Label for when anchor opens in new tab",
+        components: ["Anchor"],
+        et: "Avaneb uuel vahelehel",
+        en: "Opens in new tab",
+        ru: "Открывается в новой вкладке",
+    },
+    "header.toggle": {
+        description: "Label for header toggle on mobile",
+        components: ["Header"],
+        et: (isOpen) => (isOpen ? "Sulge menüü" : "Ava menüü"),
+        en: (isOpen) => (isOpen ? "Close menu" : "Open menu"),
+        ru: (isOpen) => (isOpen ? "Закрыть меню" : "Открыть меню"),
+    },
+    "header.settings": {
+        description: "Label for HeaderSettings Button",
+        components: ["HeaderSettings"],
+        et: "Seaded",
+        en: "Settings",
+        ru: "Настройки",
+    },
+    "header.select-lang": {
+        description: "Label for HeaderLanguage label and Modal Heading",
+        components: ["HeaderLanguage"],
+        et: "Keel:",
+        en: "Language:",
+        ru: "Язык:",
+    },
+    "header.role-label": {
+        description: "Label for Role selection",
+        components: ["HeaderRole"],
+        et: "Mina esindan:",
+        en: "I represent:",
+        ru: "я представляю:",
+    },
+    "header.role-switch": {
+        description: "Label for role switch button",
+        components: ["HeaderRole"],
+        et: "Vaheta rolli",
+        en: "Switch role",
+        ru: "Сменить роль",
+    },
+    "header.role-search": {
+        description: "Label for role search input",
+        components: ["HeaderRole"],
+        et: "Otsi esindatavat",
+        en: "Search representative",
+        ru: "Найти представителя",
+    },
+    "header.role-no-representatives": {
+        description: "Label for empty representatives search result",
+        components: ["HeaderRole"],
+        et: "Esindatavaid ei leitud!",
+        en: "No representatives found!",
+        ru: "Представители не найдены!",
+    },
+    "header.login": {
+        description: "Label for login button",
+        components: ["HeaderLogin"],
+        et: "Sisene portaali",
+        en: "Log in",
+        ru: "авторизоваться",
+    },
+    "header.login-mobile": {
+        description: "Label for login button in mobile view",
+        components: ["HeaderLogin"],
+        et: "Sisene",
+        en: "Log in",
+        ru: "авторизоваться",
+    },
+    "header.logout": {
+        description: "Label for logout button",
+        components: ["HeaderLogout"],
+        et: "Logi välja",
+        en: "Log out",
+        ru: "Выйти",
+    },
+    "header.logo": {
+        description: "Alt Label for logo",
+        components: ["Header"],
+        et: "Logo",
+        en: "Logo",
+        ru: "Логотип",
+    },
+    "header.profile": {
+        description: "Label for profile button",
+        components: ["HeaderProfile"],
+        et: "Profiil",
+        en: "Profile",
+        ru: "Профиль",
+    },
+    "file-upload.add": {
+        description: "Label for add file button",
+        components: ["FileUpload"],
+        et: "Lisa manus",
+        en: "Add attachment",
+        ru: "Загрузить файл",
+    },
+    "file-upload.accept": {
+        description: "Default label for file extensions",
+        components: ["FileUpload"],
+        et: "Lubatud faililaiendid:",
+        en: "Allowed file extensions:",
+        ru: "Разрешенные расширения файлов:",
+    },
+    "file-upload.max-size": {
+        description: "Default label for file size restriction",
+        components: ["FileUpload"],
+        et: "Maksimaalne suurus:",
+        en: "Maximum size:",
+        ru: "Максимальный размер:",
+    },
+    "file-upload.size-rejected": {
+        description: "Error label for rejected size",
+        components: ["FileUpload"],
+        et: (files) => `Fail(id) ${files} on liiga suured`,
+        en: (files) => `File(s) ${files} are too large`,
+        ru: (files) => `Файл(ы) ${files} слишком велики`,
+    },
+    "file-upload.size-rejected-extended": {
+        description: "Error label for rejected size",
+        components: ["FileUpload"],
+        et: (files, maxSize) => `Fail ${files} on liiga suur. Maksimaalne suurus: ${maxSize}`,
+        en: (files, maxSize) => `File ${files} is too large. Maximum size: ${maxSize}`,
+        ru: (files, maxSize) => `Файл ${files} слишком велик. Максимальный размер: ${maxSize}`,
+    },
+    "file-upload.drag-and-drop": {
+        description: "Text shown when dragging files over the dropzone",
+        components: ["FileUpload"],
+        et: "Fail(id) tuvastatud, lohista üleslaadimiseks",
+        en: "File detected, drop to upload",
+        ru: "Файл обнаружен, отпустите для загрузки",
+    },
+    "file-upload.extension-rejected": {
+        description: "Error label for rejected extension",
+        components: ["FileUpload"],
+        et: (files) => `Fail(id) ${files} on vale laiendiga`,
+        en: (files) => `File(s) ${files} have the wrong extension`,
+        ru: (files) => `Файл(ы) ${files} имеют неправильное расширение`,
+    },
+    "file-upload.extension-rejected-extended": {
+        description: "Error label for rejected extension",
+        components: ["FileUpload"],
+        et: (files, validTypes) => `Fail(id) ${files} on vale laiendiga. Lubatud laiendid: ${validTypes}`,
+        en: (files, validTypes) => `File(s) ${files} have the wrong extension. Allowed extensions: ${validTypes}`,
+        ru: (files, validTypes) => `Файл(ы) ${files} имеют неправильное расширение. Разрешенные расширения: ${validTypes}`,
+    },
+    "file-dropzone.label": {
+        description: "Default label for dropzone",
+        components: ["FileDropzone"],
+        et: "Lohista failid siia või klõpsa, et sirvida",
+        en: "Drop files here, or click to browse",
+        ru: "Перетащите файлы сюда или нажмите, чтобы выбрать",
+    },
+    "file-dropzone.error": {
+        description: "Error label for dropzone",
+        components: ["FileDropzone"],
+        et: "Faili üleslaadimisel tekkis viga",
+        en: "An error occurred while uploading the file",
+        ru: "Произошла ошибка при загрузке файла",
+    },
+    "modal.close": {
+        description: "Label for modals close button",
+        components: ["Modal"],
+        et: "Sulge modaal",
+        en: "Close modal",
+        ru: "Закрыть модальное окно",
+    },
+    "select.loading": {
+        description: "Text when select options are loading",
+        components: ["select"],
+        et: "Laadimine...",
+        en: "Loading...",
+        ru: "Загрузка...",
+    },
+    "select.no-options": {
+        description: "Text when select has no options",
+        components: ["select"],
+        et: "Valikud puuduvad",
+        en: "No options",
+        ru: "Нет вариантов",
+    },
+    "select.select-all": {
+        description: "Text when select has 'select all' option",
+        components: ["select"],
+        et: "Vali kõik",
+        en: "Select all",
+        ru: "Выбрать все",
+    },
+    "stepper.completed": {
+        description: "Label for screen-reader that this step is completed (visually hidden)",
+        components: ["StepperNav"],
+        et: "Lõpetatud",
+        en: "Completed",
+        ru: "Завершено",
+    },
+    "stepper.not-completed": {
+        description: "Label for screen-reader that this step is not completed (visually hidden)",
+        components: ["StepperNav"],
+        et: "Lõpetamata",
+        en: "Not completed",
+        ru: "Не завершено",
+    },
+    "skeleton.loading": {
+        description: "Announced by screen-readers when skeleton is loading",
+        components: ["Skeleton"],
+        et: "Laadimine",
+        en: "Loading",
+        ru: "Загрузка",
+    },
+    "skeleton.loading-completed": {
+        description: "Announced by screen-readers when skeleton has completed loading",
+        components: ["Skeleton"],
+        et: "Laadimine lõpetatud",
+        en: "Loading completed",
+        ru: "Загрузка завершена",
+    },
+    "spinner.loading": {
+        description: "Announced by screen-readers when spinner is loading",
+        components: ["Spinner"],
+        et: "Laadimine",
+        en: "Loading",
+        ru: "Загрузка",
+    },
+    "table.loading": {
+        description: "Shown when table is loading",
+        components: ["Table"],
+        et: "Tabel laeb",
+        en: "Table is loading",
+        ru: "Таблица загружается",
+    },
+    "table.empty": {
+        description: "Shown when table is empty",
+        components: ["Table"],
+        et: "Tulemused puuduvad",
+        en: "No results",
+        ru: "Нет результатов",
+    },
+    "table.error": {
+        description: "Shown when table is in error state",
+        components: ["Table"],
+        et: "Tabeli andmete pärimisel tekkis viga",
+        en: "An error occurred while retrieving table data",
+        ru: "Произошла ошибка при получении данных таблицы",
+    },
+    "table.filter": {
+        description: "Label for filter toggle",
+        components: ["Table", "TableFilter"],
+        et: "Filtreeri",
+        en: "Filter",
+        ru: "Фильтровать",
+    },
+    "table.filter.select-all": {
+        description: "Label for selecting all",
+        components: ["Table", "TableFilter"],
+        et: "Vali kõik",
+        en: "Select all",
+        ru: "Выбрать все",
+    },
+    "table.filter.remove-all": {
+        description: "Label for removing all",
+        components: ["Table", "TableFilter"],
+        et: "Eemalda kõik",
+        en: "Remove all",
+        ru: "Удалить все",
+    },
+    "table.filter.no-options": {
+        description: "When select filter has no options",
+        components: ["Table", "TableFilter"],
+        et: "Valikud puuduvad",
+        en: "No options",
+        ru: "Нет вариантов",
+    },
+    "table.filter.validation.no-spaces": {
+        description: "Filter validation error - Text can not start with spaces",
+        components: ["Table", "TableFilter"],
+        et: "Tekst ei tohi alata tühikutega",
+        en: "Filter text cant start with spaces",
+        ru: "Текст фильтра не может начинаться с пробелов",
+    },
+    "table.filter.validation.min-length": {
+        description: "Filter validation error - Text is too short",
+        components: ["Table", "TableFilter"],
+        et: (count) => count === 1
+            ? `Sisesta vähemalt ${count} tähemärk`
+            : `Sisesta vähemalt ${count} tähemärki`,
+        en: (count) => count === 1
+            ? `Min length is ${count} char`
+            : `Min length is ${count} chars`,
+        ru: (count) => count === 1
+            ? `Минимальная длина ${count} знак`
+            : `Минимальная длина ${count} знаков`,
+    },
+    "table.filter.validation.to-before-from": {
+        description: "Filter validation error - End date is before start date",
+        components: ["Table", "TableFilter"],
+        et: "Lõppkuupäev on enne alguskuupäeva",
+        en: "End date must be after start date",
+        ru: "Дата окончания предшествует дате начала",
+    },
+    "table.filter.from": {
+        description: "Label for date filter from",
+        components: ["Table", "TableFilter"],
+        et: "Kuupäev alates",
+        en: "Date from",
+        ru: "Дата с",
+    },
+    "table.filter.to": {
+        description: "Label for date filter until",
+        components: ["Table", "TableFilter"],
+        et: "Kuupäev kuni",
+        en: "Date until",
+        ru: "Дата до",
+    },
+    "table.toggle-sub-row": {
+        description: "Toggle sub row button (Visually hidden)",
+        components: ["Table"],
+        et: (isExpaned) => (isExpaned ? "Sulge alamrida" : "Ava alamrida"),
+        en: (isExpaned) => (isExpaned ? "Close subrow" : "Open subrow"),
+        ru: (isExpaned) => isExpaned ? "Закрыть подстроку" : "Открыть подстроку",
+    },
+    "table.select-all": {
+        description: "Row selection - Label for check in table header",
+        components: ["Table"],
+        et: (isSelected) => (isSelected ? "Eemalda kõik" : "Vali kõik"),
+        en: (isSelected) => (isSelected ? "Deselect all" : "Select all"),
+        ru: (isSelected) => isSelected ? "Убрать выделение со всего" : "Выбрать все",
+    },
+    "table.select-row": {
+        description: "Row selection - Label for check in table row",
+        components: ["Table"],
+        et: (isSelected) => (isSelected ? "Eemalda rida" : "Vali rida"),
+        en: (isSelected) => (isSelected ? "Deselect row" : "Select row"),
+        ru: (isSelected) => isSelected ? "Отменить выбор строки" : "Выбрать ряд",
+    },
+    "table.sort": {
+        description: "Label for sort button",
+        components: ["Table"],
+        et: (direction) => direction === "asc"
+            ? "Sorteeri kahanevalt"
+            : direction === "desc"
+                ? "Eemalda sorteerimine"
+                : "Sorteeri kasvavalt",
+        en: (direction) => direction === "asc"
+            ? "Sort decending"
+            : direction === "desc"
+                ? "Remove sorting"
+                : "Sort ascending",
+        ru: (direction) => direction === "asc"
+            ? "Сортировать по убыванию"
+            : direction === "desc"
+                ? "Отменить сортировку"
+                : "Сортировать по возрастанию",
+    },
+    "tooltip.icon-trigger": {
+        description: "Label we use for icons that are tooltip triggers",
+        components: ["TooltipTrigger"],
+        et: "Kuva tööriistavihje",
+        en: "Show tooltip",
+        ru: "Показать подсказку",
+    },
+    "pagination.title": {
+        description: "Label of the pagination",
+        components: ["Table", "Pagination"],
+        et: "Pagineerimine",
+        en: "Pagination",
+        ru: "Страницы",
+    },
+    "pagination.page": {
+        description: "Label of individual page numbers",
+        components: ["Table", "Pagination"],
+        et: (page, isCurrent) => isCurrent ? `Aktiivne leht, leht ${page}` : `Mine lehele ${page}`,
+        en: (page, isCurrent) => isCurrent ? `Current page, page ${page}` : `Go to page ${page}`,
+        ru: (page, isCurrent) => isCurrent
+            ? `Текущая страница, страница ${page}`
+            : `Перейти на страницу ${page}`,
+    },
+    "pagination.prev-page": {
+        description: "Previous page button label",
+        components: ["Table", "Pagination"],
+        et: "Eelmine leht",
+        en: "Previous page",
+        ru: "Предыдущая страница",
+    },
+    "pagination.next-page": {
+        description: "Next page button label",
+        components: ["Table", "Pagination"],
+        et: "Järgmine leht",
+        en: "Next page",
+        ru: "Следущая страница",
+    },
+    "pagination.results": {
+        description: "Total results text",
+        components: ["Table", "Pagination"],
+        et: (count) => (count === 1 ? "tulemus" : "tulemust"),
+        en: (count) => (count === 1 ? "result" : "results"),
+        ru: (count) => (count === 1 ? "результат" : "результа"),
+    },
+    "pagination.page-size": {
+        description: "Label of page size select",
+        components: ["Table", "Pagination"],
+        et: "Lehe suurus",
+        en: "Page size",
+        ru: "Размер страницы",
+    },
+    "table-of-contents.title": {
+        description: "Title of the table of contents",
+        components: ["TableOfContents"],
+        et: "Sisukord",
+        en: "Table of contents",
+        ru: "Содержание",
+    },
+    "table-of-contents.valid": {
+        description: "Number of valid steps",
+        components: ["TableOfContents"],
+        et: (count) => `${count} valiidsed`,
+        en: (count) => `${count} valid`,
+        ru: (count) => `${count} действительны`,
+    },
+    "table-of-contents.invalid": {
+        description: "Number of invalid steps",
+        components: ["TableOfContents"],
+        et: (count) => `${count} mitte valiidne`,
+        en: (count) => `${count} invalid`,
+        ru: (count) => `${count} неверный`,
+    },
+    "truncate.see-more": {
+        description: "See more button label",
+        components: ["Truncate"],
+        et: "Näita rohkem",
+        en: "Show more",
+        ru: "Показать больше",
+    },
+    "truncate.see-less": {
+        description: "See less button label",
+        components: ["Truncate"],
+        et: "Näita vähem",
+        en: "Show less",
+        ru: "Скрыть",
+    },
+    "vertical-progress.edit": {
+        description: "Edit button label",
+        components: ["VerticalProgressItem"],
+        et: "Muuda",
+        en: "Edit",
+        ru: "редактировать",
+    },
+    "numberField.decrement": {
+        description: "Label for screen-reader for number field decrease button",
+        components: ["NumberField"],
+        et: (count) => `Vähenda ${count} võrra`,
+        en: (count) => `Decrease by ${count}`,
+        ru: (count) => `Уменьшить на ${count}`,
+    },
+    "numberField.increment": {
+        description: "Label for screen-reader for number field increase button",
+        components: ["NumberField"],
+        et: (count) => `Suurenda ${count} võrra`,
+        en: (count) => `Increase by ${count}`,
+        ru: (count) => `Увеличить на ${count}`,
+    },
+    "numberField.quantityUpdated": {
+        description: "Label for screen-reader when quantity get updated by button click",
+        components: ["NumberField"],
+        et: (count) => `Uuendatud. Uus väärtus ${count}`,
+        en: (count) => `Updated. New value ${count}`,
+        ru: (count) => `Ууэндатуд. Уус вяэртус ${count}`,
+    },
+    "sidenav.backToMainMenu": {
+        description: "Side navigation label",
+        components: ["Sidenav"],
+        et: "Tagasi peamenüüsse",
+        en: "Back to main menu",
+        ru: "Назад в главное меню",
+    },
+    "sidenav.toggle": {
+        description: "Label for sidenav toggle on mobile",
+        components: ["Sidenav"],
+        et: (isOpen) => (isOpen ? "Sulge menüü" : "Ava menüü"),
+        en: (isOpen) => (isOpen ? "Close menu" : "Open menu"),
+        ru: (isOpen) => (isOpen ? "Закрыть меню" : "Открыть меню"),
+    },
+};
+
+class TediTranslationService {
+    currentLang = signal("et");
+    translations = signal(translationsMap);
+    getLanguage = this.currentLang.asReadonly();
+    setLanguage(lang) {
+        this.currentLang.set(lang);
+    }
+    translate(key, ...args) {
+        const lang = this.currentLang();
+        const entry = this.translations()[key];
+        if (!entry || !(lang in entry)) {
+            return key;
+        }
+        const value = entry[lang];
+        if (typeof value === "function") {
+            return value(...args);
+        }
+        return value;
+    }
+    track(key, ...args) {
+        return computed(() => {
+            const resolvedArgs = args.map(arg => isSignal(arg) ? arg() : arg);
+            return this.translate(key, ...resolvedArgs);
+        });
+    }
+    addTranslations(newTranslations) {
+        this.translations.update(prev => ({ ...prev, ...newTranslations }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TediTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TediTranslationService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TediTranslationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+class TediTranslationPipe {
+    translationService = inject(TediTranslationService);
+    transform(key, ...args) {
+        return this.translationService.translate(key, ...args);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TediTranslationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: TediTranslationPipe, isStandalone: true, name: "tediTranslate", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TediTranslationPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "tediTranslate",
+                    standalone: true,
+                    pure: false
+                }]
+        }] });
+
+/**
+ * Generates a random UUID (Universally Unique Identifier).
+ * This function uses the `crypto` API if available, otherwise falls back to a custom implementation.
+ *
+ * @returns {string} A randomly generated UUID.
+ */
+function generateUUID() {
+    if (typeof crypto !== "undefined" &&
+        typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID();
+    }
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (char) => {
+        const r = (Math.random() * 16) | 0;
+        const v = char === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+
+class CollapseComponent {
+    /**
+     * The title/header element for the collapsible section.
+     * Rendered inside the toggle button.
+     */
+    openText = input();
+    /**
+     * Text shown on the toggle button when the content is expanded.
+     */
+    closeText = input();
+    /**
+     * Whether the collapse should be initially open.
+     * @default false
+     */
+    defaultOpen = input(false);
+    /**
+     * To show or hide the openText and closeText.
+     * @default "false"
+     */
+    hideCollapseText = input(false);
+    /**
+     * Option for toggling different arrow styles.
+     * @default "default"
+     */
+    arrowType = input("default");
+    renderer = inject(Renderer2);
+    collapseContentId = `collapse-content-${generateUUID()}`;
+    isOpen = signal(false);
+    toggleCollapse() {
+        this.isOpen.update((prev) => !prev);
+    }
+    ngAfterViewInit() {
+        if (this.defaultOpen()) {
+            this.isOpen.set(true);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CollapseComponent, isStandalone: true, selector: "tedi-collapse", inputs: { openText: { classPropertyName: "openText", publicName: "openText", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, hideCollapseText: { classPropertyName: "hideCollapseText", publicName: "hideCollapseText", isSignal: true, isRequired: false, transformFunction: null }, arrowType: { classPropertyName: "arrowType", publicName: "arrowType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"collapse\" [class.collapse--open]=\"isOpen() === true\">\n  <button\n    class=\"collapse__button\"\n    (click)=\"toggleCollapse()\"\n    [attr.aria-expanded]=\"isOpen() ? true : false\"\n    [attr.aria-controls]=\"collapseContentId\"\n  >\n    @if (hideCollapseText() === false) {\n      <p tedi-text color=\"brand\" class=\"collapse__button--text\">\n        {{\n          isOpen()\n            ? (closeText() ?? (\"close\" | tediTranslate))\n            : (openText() ?? (\"open\" | tediTranslate))\n        }}\n      </p>\n    }\n    @if (arrowType() === \"default\") {\n      <tedi-icon class=\"collapse__icon\" name=\"expand_more\" color=\"brand\" />\n    } @else if (arrowType() === \"secondary\") {\n      <div class=\"collapse__icon--wrapper\">\n        <tedi-icon class=\"collapse__icon\" name=\"expand_more\" color=\"brand\" />\n      </div>\n    }\n  </button>\n  <div class=\"collapse__content\" [id]=\"collapseContentId\">\n    <div class=\"collapse__extender\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.collapse__button{display:flex;align-items:center;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background-color:var(--color-transparent);border:none}.collapse__button:disabled{cursor:default}.collapse__button{gap:var(--link-inner-spacing-x-mobile)}@media (min-width: 576px){.collapse__button{gap:var(--link-inner-spacing-x-tablet)}}@media (min-width: 992px){.collapse__button{gap:var(--link-inner-spacing-x-desktop)}}.collapse__button--text{text-decoration:underline}.collapse__button:focus-visible{outline:2px solid var(--button-main-neutral-text-default);outline-offset:var(--global-outline-offset)}.collapse__icon--wrapper{display:flex;align-items:center;justify-content:center;border:var(--borders-01) solid var(--button-main-secondary-border-default);border-radius:100%}.collapse__icon--wrapper{width:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.collapse__icon--wrapper{width:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.collapse__icon--wrapper{width:var(--button-sm-icon-size-desktop)}}.collapse__icon--wrapper{height:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.collapse__icon--wrapper{height:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.collapse__icon--wrapper{height:var(--button-sm-icon-size-desktop)}}.collapse__icon{transition:transform .3s ease;color:var(--button-main-neutral-text-default)}.collapse--open>.collapse__button .collapse__icon{transform:rotate(180deg)}.collapse__content{margin-top:var(--dimensions-05);display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s}.collapse__extender{min-height:0;transition:visibility .3s;visibility:hidden}.collapse--open>.collapse__content{grid-template-rows:1fr}.collapse--open>.collapse__content .collapse__extender{visibility:visible}\n"], dependencies: [{ 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: "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: CollapseComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-collapse", imports: [IconComponent, TextComponent, TediTranslationPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"collapse\" [class.collapse--open]=\"isOpen() === true\">\n  <button\n    class=\"collapse__button\"\n    (click)=\"toggleCollapse()\"\n    [attr.aria-expanded]=\"isOpen() ? true : false\"\n    [attr.aria-controls]=\"collapseContentId\"\n  >\n    @if (hideCollapseText() === false) {\n      <p tedi-text color=\"brand\" class=\"collapse__button--text\">\n        {{\n          isOpen()\n            ? (closeText() ?? (\"close\" | tediTranslate))\n            : (openText() ?? (\"open\" | tediTranslate))\n        }}\n      </p>\n    }\n    @if (arrowType() === \"default\") {\n      <tedi-icon class=\"collapse__icon\" name=\"expand_more\" color=\"brand\" />\n    } @else if (arrowType() === \"secondary\") {\n      <div class=\"collapse__icon--wrapper\">\n        <tedi-icon class=\"collapse__icon\" name=\"expand_more\" color=\"brand\" />\n      </div>\n    }\n  </button>\n  <div class=\"collapse__content\" [id]=\"collapseContentId\">\n    <div class=\"collapse__extender\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.collapse__button{display:flex;align-items:center;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background-color:var(--color-transparent);border:none}.collapse__button:disabled{cursor:default}.collapse__button{gap:var(--link-inner-spacing-x-mobile)}@media (min-width: 576px){.collapse__button{gap:var(--link-inner-spacing-x-tablet)}}@media (min-width: 992px){.collapse__button{gap:var(--link-inner-spacing-x-desktop)}}.collapse__button--text{text-decoration:underline}.collapse__button:focus-visible{outline:2px solid var(--button-main-neutral-text-default);outline-offset:var(--global-outline-offset)}.collapse__icon--wrapper{display:flex;align-items:center;justify-content:center;border:var(--borders-01) solid var(--button-main-secondary-border-default);border-radius:100%}.collapse__icon--wrapper{width:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.collapse__icon--wrapper{width:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.collapse__icon--wrapper{width:var(--button-sm-icon-size-desktop)}}.collapse__icon--wrapper{height:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.collapse__icon--wrapper{height:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.collapse__icon--wrapper{height:var(--button-sm-icon-size-desktop)}}.collapse__icon{transition:transform .3s ease;color:var(--button-main-neutral-text-default)}.collapse--open>.collapse__button .collapse__icon{transform:rotate(180deg)}.collapse__content{margin-top:var(--dimensions-05);display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s}.collapse__extender{min-height:0;transition:visibility .3s;visibility:hidden}.collapse--open>.collapse__content{grid-template-rows:1fr}.collapse--open>.collapse__content .collapse__extender{visibility:visible}\n"] }]
+        }] });
+
+class ClosingButtonComponent {
+    /**
+     * Overall button size.
+     * - `default` - The default size, typically larger.
+     * - `small` - A smaller version of the button, often used in compact layouts.
+     * @default default
+     */
+    size = input("default");
+    /**
+     * The size of the icon inside the button in pixels.
+     * - `24` - A standard icon size, commonly used in most interfaces.
+     * - `18` - A smaller icon size, suitable for compact designs.
+     * @default 24
+     */
+    iconSize = input(24);
+    translationService = inject(TediTranslationService);
+    title = this.translationService.track("close");
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClosingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: ClosingButtonComponent, isStandalone: true, selector: "button[tedi-closing-button]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "title": "title()", "attr.aria-label": "title()", "class.tedi-closing-button": "true", "class.tedi-closing-button--small": "size() === 'small'" } }, ngImport: i0, template: "<tedi-icon name=\"close\" [size]=\"iconSize()\" aria-hidden=\"true\" />\n", styles: [".tedi-closing-button{--general-icon-primary: var(--button-close-text-default);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background-color:var(--button-close-background-default);border:1px solid var(--button-close-background-default);transition:background .5s ease}.tedi-closing-button{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-closing-button{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-closing-button{border-radius:var(--button-radius-default-desktop)}}.tedi-closing-button{width:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button{width:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button{width:var(--button-sm-icon-size-desktop)}}.tedi-closing-button{height:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button{height:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button{height:var(--button-sm-icon-size-desktop)}}.tedi-closing-button:hover{--general-icon-primary: var(--button-close-text-hover);background-color:var(--button-close-background-hover)}.tedi-closing-button:active{--general-icon-primary: var(--button-close-text-active);background-color:var(--button-close-background-active)}.tedi-closing-button:focus-visible{outline:2px solid var(--button-main-primary-border-focus);outline-offset:-2px}.tedi-closing-button--small{width:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button--small{width:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button--small{width:var(--button-xs-icon-size-desktop)}}.tedi-closing-button--small{height:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button--small{height:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button--small{height:var(--button-xs-icon-size-desktop)}}\n"], dependencies: [{ 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: ClosingButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "button[tedi-closing-button]", imports: [IconComponent], standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[title]": "title()",
+                        "[attr.aria-label]": "title()",
+                        "[class.tedi-closing-button]": "true",
+                        "[class.tedi-closing-button--small]": "size() === 'small'",
+                    }, template: "<tedi-icon name=\"close\" [size]=\"iconSize()\" aria-hidden=\"true\" />\n", styles: [".tedi-closing-button{--general-icon-primary: var(--button-close-text-default);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background-color:var(--button-close-background-default);border:1px solid var(--button-close-background-default);transition:background .5s ease}.tedi-closing-button{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-closing-button{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-closing-button{border-radius:var(--button-radius-default-desktop)}}.tedi-closing-button{width:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button{width:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button{width:var(--button-sm-icon-size-desktop)}}.tedi-closing-button{height:var(--button-sm-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button{height:var(--button-sm-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button{height:var(--button-sm-icon-size-desktop)}}.tedi-closing-button:hover{--general-icon-primary: var(--button-close-text-hover);background-color:var(--button-close-background-hover)}.tedi-closing-button:active{--general-icon-primary: var(--button-close-text-active);background-color:var(--button-close-background-active)}.tedi-closing-button:focus-visible{outline:2px solid var(--button-main-primary-border-focus);outline-offset:-2px}.tedi-closing-button--small{width:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button--small{width:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button--small{width:var(--button-xs-icon-size-desktop)}}.tedi-closing-button--small{height:var(--button-xs-icon-size-mobile)}@media (min-width: 576px){.tedi-closing-button--small{height:var(--button-xs-icon-size-tablet)}}@media (min-width: 992px){.tedi-closing-button--small{height:var(--button-xs-icon-size-desktop)}}\n"] }]
+        }] });
+
+class ListComponent {
+    /**
+     * Is list styled?
+     * @default true
+     */
+    styled = input(true);
+    /**
+     * Color of the list bullet.
+     * @default brand
+     */
+    color = input("brand");
+    classes = computed(() => {
+        const classList = ["tedi-list", `tedi-list--bullet-color-${this.color()}`];
+        if (!this.styled()) {
+            classList.push("tedi-list--unstyled");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: ListComponent, isStandalone: true, selector: "ul[tedi-list], ol[tedi-list]", inputs: { styled: { classPropertyName: "styled", publicName: "styled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [".tedi-list li{margin-top:var(--list-list-item-margin-y-mobile)}@media (min-width: 576px){.tedi-list li{margin-top:var(--list-list-item-margin-y-tablet)}}@media (min-width: 992px){.tedi-list li{margin-top:var(--list-list-item-margin-y-desktop)}}.tedi-list li{margin-bottom:var(--list-list-item-margin-y-mobile)}@media (min-width: 576px){.tedi-list li{margin-bottom:var(--list-list-item-margin-y-tablet)}}@media (min-width: 992px){.tedi-list li{margin-bottom:var(--list-list-item-margin-y-desktop)}}ul.tedi-list{list-style:none}ul.tedi-list{padding-left:var(--list-padding-left-level-1-mobile)}@media (min-width: 576px){ul.tedi-list{padding-left:var(--list-padding-left-level-1-tablet)}}@media (min-width: 992px){ul.tedi-list{padding-left:var(--list-padding-left-level-1-desktop)}}ul.tedi-list li{position:relative;padding-left:calc(var(--_inner-padding-left) + var(--_icon-padding-left))}ul.tedi-list li{--_inner-padding-left: var(--list-inner-spacing-x-mobile)}@media (min-width: 576px){ul.tedi-list li{--_inner-padding-left: var(--list-inner-spacing-x-tablet)}}@media (min-width: 992px){ul.tedi-list li{--_inner-padding-left: var(--list-inner-spacing-x-desktop)}}ul.tedi-list li{--_icon-padding-left: var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li{--_icon-padding-left: var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li{--_icon-padding-left: var(--list-icon-size-desktop)}}ul.tedi-list li:before{position:absolute;top:.5em;left:0;content:\"\";border:2px solid var(--general-icon-brand);border-radius:50%}ul.tedi-list li:before{width:var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li:before{width:var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li:before{width:var(--list-icon-size-desktop)}}ul.tedi-list li:before{height:var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li:before{height:var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li:before{height:var(--list-icon-size-desktop)}}ul.tedi-list li ul.tedi-list li:before{border-width:1px}ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{width:calc(var(--_width) * .9);height:calc(var(--_height) * .9)}ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_width: var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_width: var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_width: var(--list-icon-size-desktop)}}ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_height: var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_height: var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_height: var(--list-icon-size-desktop)}}ul.tedi-list--bullet-color-primary li:before{border-color:var(--general-icon-primary)}ul.tedi-list--bullet-color-secondary li:before{border-color:var(--general-icon-secondary)}ul.tedi-list--bullet-color-tertiary li:before{border-color:var(--general-icon-tertiary)}ul.tedi-list--bullet-color-brand li:before{border-color:var(--general-icon-brand)}ul.tedi-list--bullet-color-brand-dark li:before{border-color:var(--general-icon-brand-dark)}ul.tedi-list--bullet-color-success li:before{border-color:var(--general-icon-success)}ul.tedi-list--bullet-color-warning li:before{border-color:var(--general-icon-warning)}ul.tedi-list--bullet-color-warning-dark li:before{border-color:var(--general-icon-warning-dark)}ul.tedi-list--bullet-color-danger li:before{border-color:var(--general-icon-danger)}ul.tedi-list--bullet-color-white li:before{border-color:var(--general-icon-white)}ul.tedi-list ul.tedi-list{padding-left:0}ul.tedi-list--unstyled{padding-left:0;list-style:none}ul.tedi-list--unstyled li:before{display:none}ol.tedi-list{list-style:none;counter-reset:item}ol.tedi-list li{counter-increment:item}ol.tedi-list li{padding-left:var(--list-padding-left-level-1-mobile)}@media (min-width: 576px){ol.tedi-list li{padding-left:var(--list-padding-left-level-1-tablet)}}@media (min-width: 992px){ol.tedi-list li{padding-left:var(--list-padding-left-level-1-desktop)}}ol.tedi-list li:before{content:counters(item,\".\") \". \"}ol.tedi-list--unstyled{padding-left:0;list-style:none}ol.tedi-list--unstyled li:before{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ul[tedi-list], ol[tedi-list]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                    }, template: "<ng-content></ng-content>", styles: [".tedi-list li{margin-top:var(--list-list-item-margin-y-mobile)}@media (min-width: 576px){.tedi-list li{margin-top:var(--list-list-item-margin-y-tablet)}}@media (min-width: 992px){.tedi-list li{margin-top:var(--list-list-item-margin-y-desktop)}}.tedi-list li{margin-bottom:var(--list-list-item-margin-y-mobile)}@media (min-width: 576px){.tedi-list li{margin-bottom:var(--list-list-item-margin-y-tablet)}}@media (min-width: 992px){.tedi-list li{margin-bottom:var(--list-list-item-margin-y-desktop)}}ul.tedi-list{list-style:none}ul.tedi-list{padding-left:var(--list-padding-left-level-1-mobile)}@media (min-width: 576px){ul.tedi-list{padding-left:var(--list-padding-left-level-1-tablet)}}@media (min-width: 992px){ul.tedi-list{padding-left:var(--list-padding-left-level-1-desktop)}}ul.tedi-list li{position:relative;padding-left:calc(var(--_inner-padding-left) + var(--_icon-padding-left))}ul.tedi-list li{--_inner-padding-left: var(--list-inner-spacing-x-mobile)}@media (min-width: 576px){ul.tedi-list li{--_inner-padding-left: var(--list-inner-spacing-x-tablet)}}@media (min-width: 992px){ul.tedi-list li{--_inner-padding-left: var(--list-inner-spacing-x-desktop)}}ul.tedi-list li{--_icon-padding-left: var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li{--_icon-padding-left: var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li{--_icon-padding-left: var(--list-icon-size-desktop)}}ul.tedi-list li:before{position:absolute;top:.5em;left:0;content:\"\";border:2px solid var(--general-icon-brand);border-radius:50%}ul.tedi-list li:before{width:var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li:before{width:var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li:before{width:var(--list-icon-size-desktop)}}ul.tedi-list li:before{height:var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li:before{height:var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li:before{height:var(--list-icon-size-desktop)}}ul.tedi-list li ul.tedi-list li:before{border-width:1px}ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{width:calc(var(--_width) * .9);height:calc(var(--_height) * .9)}ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_width: var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_width: var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_width: var(--list-icon-size-desktop)}}ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_height: var(--list-icon-size-mobile)}@media (min-width: 576px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_height: var(--list-icon-size-tablet)}}@media (min-width: 992px){ul.tedi-list li ul.tedi-list li ul.tedi-list li:before{--_height: var(--list-icon-size-desktop)}}ul.tedi-list--bullet-color-primary li:before{border-color:var(--general-icon-primary)}ul.tedi-list--bullet-color-secondary li:before{border-color:var(--general-icon-secondary)}ul.tedi-list--bullet-color-tertiary li:before{border-color:var(--general-icon-tertiary)}ul.tedi-list--bullet-color-brand li:before{border-color:var(--general-icon-brand)}ul.tedi-list--bullet-color-brand-dark li:before{border-color:var(--general-icon-brand-dark)}ul.tedi-list--bullet-color-success li:before{border-color:var(--general-icon-success)}ul.tedi-list--bullet-color-warning li:before{border-color:var(--general-icon-warning)}ul.tedi-list--bullet-color-warning-dark li:before{border-color:var(--general-icon-warning-dark)}ul.tedi-list--bullet-color-danger li:before{border-color:var(--general-icon-danger)}ul.tedi-list--bullet-color-white li:before{border-color:var(--general-icon-white)}ul.tedi-list ul.tedi-list{padding-left:0}ul.tedi-list--unstyled{padding-left:0;list-style:none}ul.tedi-list--unstyled li:before{display:none}ol.tedi-list{list-style:none;counter-reset:item}ol.tedi-list li{counter-increment:item}ol.tedi-list li{padding-left:var(--list-padding-left-level-1-mobile)}@media (min-width: 576px){ol.tedi-list li{padding-left:var(--list-padding-left-level-1-tablet)}}@media (min-width: 992px){ol.tedi-list li{padding-left:var(--list-padding-left-level-1-desktop)}}ol.tedi-list li:before{content:counters(item,\".\") \". \"}ol.tedi-list--unstyled{padding-left:0;list-style:none}ol.tedi-list--unstyled li:before{display:none}\n"] }]
+        }] });
+
+const BREAKPOINTS = {
+    xs: 0,
+    sm: 576,
+    md: 768,
+    lg: 992,
+    xl: 1200,
+    xxl: 1400,
+};
+const breakpointsOrder = ["xs", "sm", "md", "lg", "xl", "xxl"];
+class BreakpointService {
+    breakpointObserver;
+    _currentBreakpoint = signal(undefined);
+    constructor(breakpointObserver) {
+        this.breakpointObserver = breakpointObserver;
+        this.breakpointObserver
+            .observe(Object.values(BREAKPOINTS).map((value) => `(min-width: ${value}px)`))
+            .subscribe((state) => {
+            if (state.breakpoints[`(min-width: ${BREAKPOINTS.xxl}px)`]) {
+                this._currentBreakpoint.set("xxl");
+            }
+            else if (state.breakpoints[`(min-width: ${BREAKPOINTS.xl}px)`]) {
+                this._currentBreakpoint.set("xl");
+            }
+            else if (state.breakpoints[`(min-width: ${BREAKPOINTS.lg}px)`]) {
+                this._currentBreakpoint.set("lg");
+            }
+            else if (state.breakpoints[`(min-width: ${BREAKPOINTS.md}px)`]) {
+                this._currentBreakpoint.set("md");
+            }
+            else if (state.breakpoints[`(min-width: ${BREAKPOINTS.sm}px)`]) {
+                this._currentBreakpoint.set("sm");
+            }
+            else if (state.breakpoints[`(min-width: ${BREAKPOINTS.xs}px)`]) {
+                this._currentBreakpoint.set("xs");
+            }
+            else {
+                this._currentBreakpoint.set(undefined);
+            }
+        });
+    }
+    currentBreakpoint() {
+        return computed(() => {
+            return this._currentBreakpoint();
+        });
+    }
+    getBreakpointInputs(inputs) {
+        let resolvedInputs = {};
+        Object.keys(inputs).forEach((key) => {
+            if (!breakpointsOrder.includes(key)) {
+                const baseInput = inputs[key];
+                resolvedInputs[key] = baseInput;
+            }
+        });
+        const currentBreakpoint = this._currentBreakpoint();
+        if (!currentBreakpoint) {
+            return resolvedInputs;
+        }
+        for (let i = 0; i <= breakpointsOrder.indexOf(currentBreakpoint); i++) {
+            const breakpoint = breakpointsOrder[i];
+            const breakpointInputs = inputs[breakpoint];
+            if (breakpointInputs) {
+                resolvedInputs = { ...resolvedInputs, ...breakpointInputs };
+            }
+        }
+        return resolvedInputs;
+    }
+    isBelowBreakpoint(breakpoint) {
+        return computed(() => {
+            const current = this._currentBreakpoint();
+            if (!current)
+                return false;
+            const bp = typeof breakpoint === "function" ? breakpoint() : breakpoint;
+            const currentIndex = breakpointsOrder.indexOf(current);
+            const targetIndex = breakpointsOrder.indexOf(bp);
+            return currentIndex < targetIndex;
+        });
+    }
+    isAboveBreakpoint(breakpoint) {
+        return computed(() => {
+            const current = this._currentBreakpoint();
+            if (!current)
+                return false;
+            const bp = typeof breakpoint === "function" ? breakpoint() : breakpoint;
+            const currentIndex = breakpointsOrder.indexOf(current);
+            const targetIndex = breakpointsOrder.indexOf(bp);
+            return currentIndex >= targetIndex;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreakpointService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreakpointService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreakpointService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
+
+class TextGroupComponent {
+    type = input("horizontal");
+    labelWidth = input();
+    breakpointService = inject(BreakpointService);
+    xs = input();
+    sm = input();
+    md = input();
+    lg = input();
+    xl = input();
+    xxl = input();
+    breakpointInputs = computed(() => {
+        return this.breakpointService.getBreakpointInputs({
+            type: this.type(),
+            labelWidth: this.labelWidth(),
+            xs: this.xs(),
+            sm: this.sm(),
+            md: this.md(),
+            lg: this.lg(),
+            xl: this.xl(),
+            xxl: this.xxl(),
+        });
+    });
+    classes = computed(() => {
+        const classList = [`tedi-text-group--${this.breakpointInputs().type}`];
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TextGroupComponent, isStandalone: true, selector: "tedi-text-group", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<dl [class]=\"classes()\" [style.--_label-width]=\"labelWidth()\" role=\"group\">\n  <dt>\n    <label>\n      <ng-content select=\"tedi-text-group-label\"></ng-content>\n    </label>\n  </dt>\n  <dd>\n    <ng-content select=\"tedi-text-group-value\"></ng-content>\n  </dd>\n</dl>\n", styles: ["tedi-text-group{display:block}.tedi-text-group--horizontal{display:flex;gap:1rem;align-items:flex-start}tedi-text-group-label{display:flex;width:var(--_label-width);flex-shrink:0}tedi-text-group-value{display:flex;align-items:center}tedi-text-group-value{gap:var(--text-group-value-inner-spacing-mobile)}@media (min-width: 576px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-tablet)}}@media (min-width: 992px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-text-group", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<dl [class]=\"classes()\" [style.--_label-width]=\"labelWidth()\" role=\"group\">\n  <dt>\n    <label>\n      <ng-content select=\"tedi-text-group-label\"></ng-content>\n    </label>\n  </dt>\n  <dd>\n    <ng-content select=\"tedi-text-group-value\"></ng-content>\n  </dd>\n</dl>\n", styles: ["tedi-text-group{display:block}.tedi-text-group--horizontal{display:flex;gap:1rem;align-items:flex-start}tedi-text-group-label{display:flex;width:var(--_label-width);flex-shrink:0}tedi-text-group-value{display:flex;align-items:center}tedi-text-group-value{gap:var(--text-group-value-inner-spacing-mobile)}@media (min-width: 576px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-tablet)}}@media (min-width: 992px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-desktop)}}\n"] }]
+        }] });
+
+class TextGroupLabelComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextGroupLabelComponent, isStandalone: true, selector: "tedi-text-group-label", ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "tedi-text-group-label",
+                    template: `<ng-content />`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
+
+class TextGroupValueComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextGroupValueComponent, isStandalone: true, selector: "tedi-text-group-value", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["tedi-text-group{display:block}.tedi-text-group--horizontal{display:flex;gap:1rem;align-items:flex-start}tedi-text-group-label{display:flex;width:var(--_label-width);flex-shrink:0}tedi-text-group-value{display:flex;align-items:center}tedi-text-group-value{gap:var(--text-group-value-inner-spacing-mobile)}@media (min-width: 576px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-tablet)}}@media (min-width: 992px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupValueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-text-group-value", template: `<ng-content />`, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["tedi-text-group{display:block}.tedi-text-group--horizontal{display:flex;gap:1rem;align-items:flex-start}tedi-text-group-label{display:flex;width:var(--_label-width);flex-shrink:0}tedi-text-group-value{display:flex;align-items:center}tedi-text-group-value{gap:var(--text-group-value-inner-spacing-mobile)}@media (min-width: 576px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-tablet)}}@media (min-width: 992px){tedi-text-group-value{gap:var(--text-group-value-inner-spacing-desktop)}}\n"] }]
+        }] });
+
+class FeedbackTextComponent {
+    /**
+     * Helper text
+     */
+    text = input.required();
+    /**
+     * Type of form-helper.
+     * @default hint
+     */
+    type = input("hint");
+    /**
+     * Position of the helper.
+     * @default left
+     */
+    position = input("left");
+    role = computed(() => {
+        if (this.type() === "valid" || this.type() === "error") {
+            return "alert";
+        }
+        return undefined;
+    });
+    ariaLive = computed(() => {
+        if (this.type() === "error" || this.type() === "valid") {
+            return "assertive";
+        }
+        return "polite";
+    });
+    classes = computed(() => {
+        return `tedi-feedback-text tedi-feedback-text--${this.type()} tedi-feedback-text--${this.position()}`;
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FeedbackTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: FeedbackTextComponent, isStandalone: true, selector: "tedi-feedback-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.role": "role()", "attr.aria-live": "ariaLive()" } }, ngImport: i0, template: "{{ text() }}\n", styles: [".tedi-feedback-text{display:block;color:var(--general-text-tertiary)}.tedi-feedback-text{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){.tedi-feedback-text{font-size:var(--body-small-regular-size-desktop)}}.tedi-feedback-text--valid{color:var(--general-status-success-text)}.tedi-feedback-text--error{color:var(--general-status-danger-text)}.tedi-feedback-text--left{flex-grow:1;text-align:left}.tedi-feedback-text--right{flex-grow:0;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FeedbackTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-feedback-text", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "[attr.role]": "role()",
+                        "[attr.aria-live]": "ariaLive()",
+                    }, template: "{{ text() }}\n", styles: [".tedi-feedback-text{display:block;color:var(--general-text-tertiary)}.tedi-feedback-text{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){.tedi-feedback-text{font-size:var(--body-small-regular-size-desktop)}}.tedi-feedback-text--valid{color:var(--general-status-success-text)}.tedi-feedback-text--error{color:var(--general-status-danger-text)}.tedi-feedback-text--left{flex-grow:1;text-align:left}.tedi-feedback-text--right{flex-grow:0;text-align:right}\n"] }]
+        }] });
+
+class LabelComponent {
+    /**
+     * Size of the label.
+     * @default default
+     */
+    size = input("default");
+    /**
+     * Whether label is required.
+     * @default false
+     */
+    required = input(false);
+    classes = computed(() => {
+        const classList = ["tedi-label"];
+        if (this.size() === "small") {
+            classList.push("tedi-label--small");
+        }
+        if (this.required()) {
+            classList.push("tedi-label--required");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: LabelComponent, isStandalone: true, selector: "label[tedi-label]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-label{color:var(--general-text-secondary)}.tedi-label{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-label{font-size:var(--body-regular-size-desktop)}}.tedi-label{font-family:var(--family-primary-mobile)}@media (min-width: 992px){.tedi-label{font-family:var(--family-primary-desktop)}}.tedi-label--small{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){.tedi-label--small{font-size:var(--body-small-regular-size-desktop)}}.tedi-label--required:after{content:\" *\";color:var(--form-general-feedback-error-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "label[tedi-label]", template: "<ng-content />", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[class]": "classes()",
+                    }, styles: [".tedi-label{color:var(--general-text-secondary)}.tedi-label{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-label{font-size:var(--body-regular-size-desktop)}}.tedi-label{font-family:var(--family-primary-mobile)}@media (min-width: 992px){.tedi-label{font-family:var(--family-primary-desktop)}}.tedi-label--small{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){.tedi-label--small{font-size:var(--body-small-regular-size-desktop)}}.tedi-label--required:after{content:\" *\";color:var(--form-general-feedback-error-border)}\n"] }]
+        }] });
+
+class NumberFieldComponent {
+    /**
+     * The unique identifier for the input element that this label is associated with. This ID should match the input element's id attribute to ensure accessibility.
+     */
+    id = input.required();
+    /**
+     * The text content of the label that describes the input field.
+     */
+    label = input();
+    /**
+     * Value of the input field. Supports two-way binding, use with form controls.
+     */
+    value = model(0);
+    /**
+     * Is input disabled?
+     * @default false
+     */
+    disabled = input(false);
+    /**
+     * Indicates whether the input field is required. If set to true, the required indicator will be displayed next to the label.
+     * @default false
+     */
+    required = input(false);
+    /**
+     * Minimum allowed value. Disables decrementing below this value and restricts manual input.
+     */
+    min = input();
+    /**
+     * Maximum allowed value. Disables incrementing above this value and restricts manual input.
+     */
+    max = input();
+    /**
+     * Step size for incrementing or decrementing the value.
+     * @default 1
+     */
+    step = input(1);
+    /**
+     * Size of the number field.
+     * @default default
+     */
+    size = input("default");
+    /**
+     * Marks the field as invalid for validation purposes.
+     * @default false
+     */
+    invalid = input(false);
+    /**
+     * Text displayed after the input value, typically a unit.
+     */
+    suffix = input();
+    /**
+     * FeedbackText component inputs.
+     */
+    feedbackText = input();
+    /**
+     * Is input full width?
+     * @default false
+     */
+    fullWidth = input(false);
+    inputRef;
+    formDisabled = signal(false);
+    onChange = () => { };
+    onTouched = () => { };
+    isInvalid = computed(() => {
+        const min = this.min();
+        const max = this.max();
+        return (this.invalid() ||
+            Boolean(min !== undefined && this.value() < min) ||
+            Boolean(max !== undefined && this.value() > max));
+    });
+    isDisabled = computed(() => this.disabled() || this.formDisabled());
+    decrementDisabled = computed(() => {
+        const min = this.min();
+        return this.isDisabled() || (min !== undefined && this.value() <= min);
+    });
+    incrementDisabled = computed(() => {
+        const max = this.max();
+        return this.isDisabled() || (max !== undefined && this.value() >= max);
+    });
+    writeValue(value) {
+        this.value.set(value ? (isNaN(value) ? 0 : value) : 0);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.formDisabled.set(disabled);
+    }
+    focus() {
+        this.inputRef.nativeElement.focus();
+    }
+    blur() {
+        this.inputRef.nativeElement.blur();
+        this.onTouched();
+    }
+    handleButtonClick(action) {
+        const delta = action === "decrement" ? -1 : 1;
+        const nextValue = this.value() + this.step() * delta;
+        this.value.set(nextValue);
+        this.onChange(nextValue);
+        this.onTouched();
+    }
+    handleInputChange(event) {
+        const input = event.target;
+        const value = isNaN(input.valueAsNumber) ? 0 : input.valueAsNumber;
+        this.value.set(value);
+        this.onChange(value);
+    }
+    handleBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: NumberFieldComponent, isStandalone: true, selector: "tedi-number-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NumberFieldComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "@if (label()) {\n  <label tedi-label [for]=\"id()\" [required]=\"required()\" [size]=\"size()\">\n    {{ label() }}\n  </label>\n}\n<div\n  [class]=\"{\n    'tedi-number-field': true,\n    'tedi-number-field--invalid': isInvalid(),\n    'tedi-number-field--disabled': isDisabled(),\n  }\"\n>\n  <button\n    tedi-button\n    type=\"button\"\n    variant=\"secondary\"\n    [class]=\"{\n      'tedi-number-field__button': true,\n      'tedi-number-field__button--decrement': true,\n      'tedi-number-field__button--small': size() === 'small',\n    }\"\n    [disabled]=\"decrementDisabled()\"\n    (click)=\"handleButtonClick('decrement')\"\n  >\n    <tedi-icon\n      name=\"remove\"\n      [size]=\"18\"\n      [label]=\"'numberField.decrement' | tediTranslate: step()\"\n    />\n  </button>\n  <div\n    [class]=\"{\n      'tedi-number-field__input-wrapper': true,\n      'tedi-number-field__input-wrapper--small': size() === 'small',\n      'tedi-number-field__input-wrapper--disabled': isDisabled(),\n      'tedi-number-field__input-wrapper--with-suffix': suffix(),\n      'tedi-number-field__input-wrapper--full-width': fullWidth(),\n    }\"\n    (click)=\"focus()\"\n  >\n    <input\n      #inputElement\n      [id]=\"id()\"\n      type=\"number\"\n      inputmode=\"numeric\"\n      class=\"tedi-number-field__input\"\n      [value]=\"value()\"\n      [disabled]=\"isDisabled()\"\n      [required]=\"required()\"\n      [attr.min]=\"min()\"\n      [attr.max]=\"max()\"\n      [attr.step]=\"step()\"\n      [attr.aria-invalid]=\"isInvalid()\"\n      (input)=\"handleInputChange($event)\"\n      (blur)=\"handleBlur()\"\n    />\n    @if (suffix()) {\n      <small tedi-text color=\"tertiary\" class=\"tedi-number-field__suffix\">\n        {{ suffix() }}\n      </small>\n    }\n  </div>\n  <button\n    tedi-button\n    type=\"button\"\n    variant=\"secondary\"\n    [class]=\"{\n      'tedi-number-field__button': true,\n      'tedi-number-field__button--increment': true,\n      'tedi-number-field__button--small': size() === 'small',\n    }\"\n    [disabled]=\"incrementDisabled()\"\n    (click)=\"handleButtonClick('increment')\"\n  >\n    <tedi-icon\n      name=\"add\"\n      [size]=\"18\"\n      [label]=\"'numberField.increment' | tediTranslate: step()\"\n    />\n  </button>\n</div>\n@if (feedbackText(); as feedback) {\n  <tedi-feedback-text\n    [text]=\"feedback.text\"\n    [type]=\"feedback.type\"\n    [position]=\"feedback.position\"\n  />\n}\n", styles: [".tedi-number-field{display:flex}.tedi-number-field:hover:not(.tedi-number-field--disabled) .tedi-number-field__button:not(:disabled),.tedi-number-field:hover:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper:not(:disabled){border-color:var(--form-input-border-hover)}.tedi-number-field .tedi-number-field__button{--general-icon-primary: currentcolor;border:var(--borders-01) solid var(--form-input-border-default)}.tedi-number-field .tedi-number-field__button{height:var(--form-field-height-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button{height:var(--form-field-height-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button{height:var(--form-field-height-desktop)}}.tedi-number-field .tedi-number-field__button{width:var(--form-field-height-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button{width:var(--form-field-height-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button{width:var(--form-field-height-desktop)}}.tedi-number-field .tedi-number-field__button:disabled{background-color:var(--form-input-background-disabled);border:var(--borders-01) solid var(--form-input-border-disabled);opacity:.5}.tedi-number-field .tedi-number-field__button--decrement{z-index:2;margin-right:calc(-1 * var(--borders-01));border-radius:0}.tedi-number-field .tedi-number-field__button--decrement{border-top-left-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--decrement{border-top-left-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--decrement{border-top-left-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--decrement{border-bottom-left-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--decrement{border-bottom-left-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--decrement{border-bottom-left-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--increment{margin-left:calc(-1 * var(--borders-01));border-radius:0}.tedi-number-field .tedi-number-field__button--increment{border-top-right-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--increment{border-top-right-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--increment{border-top-right-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--increment{border-bottom-right-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--increment{border-bottom-right-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--increment{border-bottom-right-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--small{height:var(--form-field-height-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--small{height:var(--form-field-height-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--small{height:var(--form-field-height-sm-desktop)}}.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm-desktop)}}.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__button,.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__button:disabled,.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__button:hover,.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper{border-color:var(--form-general-feedback-error-border)}.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper:focus-within{outline-color:var(--form-general-feedback-error-border)}.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper:active{z-index:2;border-color:var(--form-general-feedback-error-border);border-radius:0;outline:none}.tedi-number-field--disabled .tedi-number-field__button,.tedi-number-field--disabled .tedi-number-field__button:disabled,.tedi-number-field--disabled .tedi-number-field__input-wrapper{background-color:var(--form-input-background-disabled);border-color:var(--form-input-border-disabled)}.tedi-number-field--disabled .tedi-number-field__input-wrapper{background-color:var(--form-input-background-disabled);opacity:.5}.tedi-number-field--disabled .tedi-number-field__input-wrapper .tedi-number-field__input{background-color:var(--form-input-background-disabled)}.tedi-number-field__input-wrapper{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;background-color:var(--form-input-background-default);border:var(--borders-01) solid var(--form-input-border-default)}.tedi-number-field__input-wrapper{width:var(--form-number-input-min-width-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{width:var(--form-number-input-min-width-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{width:var(--form-number-input-min-width-desktop)}}.tedi-number-field__input-wrapper{height:var(--form-field-height-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{height:var(--form-field-height-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{height:var(--form-field-height-desktop)}}.tedi-number-field__input-wrapper{padding-left:var(--form-field-padding-y-3-default-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{padding-left:var(--form-field-padding-y-3-default-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{padding-left:var(--form-field-padding-y-3-default-desktop)}}.tedi-number-field__input-wrapper{padding-right:var(--form-field-padding-y-3-default-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{padding-right:var(--form-field-padding-y-3-default-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{padding-right:var(--form-field-padding-y-3-default-desktop)}}.tedi-number-field__input-wrapper{gap:var(--form-field-inner-spacing-sm-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{gap:var(--form-field-inner-spacing-sm-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{gap:var(--form-field-inner-spacing-sm-desktop)}}.tedi-number-field__input-wrapper:focus-within{z-index:2;border-color:var(--form-input-border-active);outline:calc(2 * var(--borders-01)) solid var(--form-input-border-active);outline-offset:var(--borders-01)}.tedi-number-field__input-wrapper:focus-within{border-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper:focus-within{border-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper:focus-within{border-radius:var(--button-radius-sm-desktop)}}.tedi-number-field__input-wrapper:active:not(.tedi-number-field__input-wrapper--disabled){z-index:2;border-color:var(--form-input-border-active);border-radius:0;outline:none}.tedi-number-field__input-wrapper--small{height:var(--form-field-height-sm-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper--small{height:var(--form-field-height-sm-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper--small{height:var(--form-field-height-sm-desktop)}}.tedi-number-field__input-wrapper--with-suffix .tedi-number-field__input{grid-column:span 1;text-align:right}.tedi-number-field__input-wrapper--with-suffix .tedi-number-field__suffix{align-self:center;text-align:left;-webkit-user-select:none;user-select:none}.tedi-number-field__input-wrapper--full-width{width:100%}.tedi-number-field__input{width:100%;grid-column:span 2;text-align:center;background-color:var(--form-input-background-default);border:0;border-radius:0;outline:none}.tedi-number-field__input{font-size:var(--heading-h6-size-mobile)}@media (min-width: 576px){.tedi-number-field__input{font-size:var(--heading-h6-size-tablet)}}@media (min-width: 992px){.tedi-number-field__input{font-size:var(--heading-h6-size-desktop)}}.tedi-number-field__input::-webkit-outer-spin-button,.tedi-number-field__input::-webkit-inner-spin-button{appearance:none}.tedi-number-field__input[type=number]{appearance:textfield}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "label[tedi-label]", inputs: ["size", "required"] }, { 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: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { 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: NumberFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-number-field", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        LabelComponent,
+                        ButtonComponent,
+                        IconComponent,
+                        TextComponent,
+                        FeedbackTextComponent,
+                        TediTranslationPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NumberFieldComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label()) {\n  <label tedi-label [for]=\"id()\" [required]=\"required()\" [size]=\"size()\">\n    {{ label() }}\n  </label>\n}\n<div\n  [class]=\"{\n    'tedi-number-field': true,\n    'tedi-number-field--invalid': isInvalid(),\n    'tedi-number-field--disabled': isDisabled(),\n  }\"\n>\n  <button\n    tedi-button\n    type=\"button\"\n    variant=\"secondary\"\n    [class]=\"{\n      'tedi-number-field__button': true,\n      'tedi-number-field__button--decrement': true,\n      'tedi-number-field__button--small': size() === 'small',\n    }\"\n    [disabled]=\"decrementDisabled()\"\n    (click)=\"handleButtonClick('decrement')\"\n  >\n    <tedi-icon\n      name=\"remove\"\n      [size]=\"18\"\n      [label]=\"'numberField.decrement' | tediTranslate: step()\"\n    />\n  </button>\n  <div\n    [class]=\"{\n      'tedi-number-field__input-wrapper': true,\n      'tedi-number-field__input-wrapper--small': size() === 'small',\n      'tedi-number-field__input-wrapper--disabled': isDisabled(),\n      'tedi-number-field__input-wrapper--with-suffix': suffix(),\n      'tedi-number-field__input-wrapper--full-width': fullWidth(),\n    }\"\n    (click)=\"focus()\"\n  >\n    <input\n      #inputElement\n      [id]=\"id()\"\n      type=\"number\"\n      inputmode=\"numeric\"\n      class=\"tedi-number-field__input\"\n      [value]=\"value()\"\n      [disabled]=\"isDisabled()\"\n      [required]=\"required()\"\n      [attr.min]=\"min()\"\n      [attr.max]=\"max()\"\n      [attr.step]=\"step()\"\n      [attr.aria-invalid]=\"isInvalid()\"\n      (input)=\"handleInputChange($event)\"\n      (blur)=\"handleBlur()\"\n    />\n    @if (suffix()) {\n      <small tedi-text color=\"tertiary\" class=\"tedi-number-field__suffix\">\n        {{ suffix() }}\n      </small>\n    }\n  </div>\n  <button\n    tedi-button\n    type=\"button\"\n    variant=\"secondary\"\n    [class]=\"{\n      'tedi-number-field__button': true,\n      'tedi-number-field__button--increment': true,\n      'tedi-number-field__button--small': size() === 'small',\n    }\"\n    [disabled]=\"incrementDisabled()\"\n    (click)=\"handleButtonClick('increment')\"\n  >\n    <tedi-icon\n      name=\"add\"\n      [size]=\"18\"\n      [label]=\"'numberField.increment' | tediTranslate: step()\"\n    />\n  </button>\n</div>\n@if (feedbackText(); as feedback) {\n  <tedi-feedback-text\n    [text]=\"feedback.text\"\n    [type]=\"feedback.type\"\n    [position]=\"feedback.position\"\n  />\n}\n", styles: [".tedi-number-field{display:flex}.tedi-number-field:hover:not(.tedi-number-field--disabled) .tedi-number-field__button:not(:disabled),.tedi-number-field:hover:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper:not(:disabled){border-color:var(--form-input-border-hover)}.tedi-number-field .tedi-number-field__button{--general-icon-primary: currentcolor;border:var(--borders-01) solid var(--form-input-border-default)}.tedi-number-field .tedi-number-field__button{height:var(--form-field-height-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button{height:var(--form-field-height-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button{height:var(--form-field-height-desktop)}}.tedi-number-field .tedi-number-field__button{width:var(--form-field-height-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button{width:var(--form-field-height-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button{width:var(--form-field-height-desktop)}}.tedi-number-field .tedi-number-field__button:disabled{background-color:var(--form-input-background-disabled);border:var(--borders-01) solid var(--form-input-border-disabled);opacity:.5}.tedi-number-field .tedi-number-field__button--decrement{z-index:2;margin-right:calc(-1 * var(--borders-01));border-radius:0}.tedi-number-field .tedi-number-field__button--decrement{border-top-left-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--decrement{border-top-left-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--decrement{border-top-left-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--decrement{border-bottom-left-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--decrement{border-bottom-left-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--decrement{border-bottom-left-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--increment{margin-left:calc(-1 * var(--borders-01));border-radius:0}.tedi-number-field .tedi-number-field__button--increment{border-top-right-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--increment{border-top-right-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--increment{border-top-right-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--increment{border-bottom-right-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--increment{border-bottom-right-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--increment{border-bottom-right-radius:var(--button-radius-sm-desktop)}}.tedi-number-field .tedi-number-field__button--small{height:var(--form-field-height-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--small{height:var(--form-field-height-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--small{height:var(--form-field-height-sm-desktop)}}.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm-mobile)}@media (min-width: 576px){.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm-tablet)}}@media (min-width: 992px){.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm-desktop)}}.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__button,.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__button:disabled,.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__button:hover,.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper{border-color:var(--form-general-feedback-error-border)}.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper:focus-within{outline-color:var(--form-general-feedback-error-border)}.tedi-number-field--invalid:not(.tedi-number-field--disabled) .tedi-number-field__input-wrapper:active{z-index:2;border-color:var(--form-general-feedback-error-border);border-radius:0;outline:none}.tedi-number-field--disabled .tedi-number-field__button,.tedi-number-field--disabled .tedi-number-field__button:disabled,.tedi-number-field--disabled .tedi-number-field__input-wrapper{background-color:var(--form-input-background-disabled);border-color:var(--form-input-border-disabled)}.tedi-number-field--disabled .tedi-number-field__input-wrapper{background-color:var(--form-input-background-disabled);opacity:.5}.tedi-number-field--disabled .tedi-number-field__input-wrapper .tedi-number-field__input{background-color:var(--form-input-background-disabled)}.tedi-number-field__input-wrapper{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;background-color:var(--form-input-background-default);border:var(--borders-01) solid var(--form-input-border-default)}.tedi-number-field__input-wrapper{width:var(--form-number-input-min-width-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{width:var(--form-number-input-min-width-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{width:var(--form-number-input-min-width-desktop)}}.tedi-number-field__input-wrapper{height:var(--form-field-height-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{height:var(--form-field-height-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{height:var(--form-field-height-desktop)}}.tedi-number-field__input-wrapper{padding-left:var(--form-field-padding-y-3-default-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{padding-left:var(--form-field-padding-y-3-default-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{padding-left:var(--form-field-padding-y-3-default-desktop)}}.tedi-number-field__input-wrapper{padding-right:var(--form-field-padding-y-3-default-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{padding-right:var(--form-field-padding-y-3-default-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{padding-right:var(--form-field-padding-y-3-default-desktop)}}.tedi-number-field__input-wrapper{gap:var(--form-field-inner-spacing-sm-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper{gap:var(--form-field-inner-spacing-sm-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper{gap:var(--form-field-inner-spacing-sm-desktop)}}.tedi-number-field__input-wrapper:focus-within{z-index:2;border-color:var(--form-input-border-active);outline:calc(2 * var(--borders-01)) solid var(--form-input-border-active);outline-offset:var(--borders-01)}.tedi-number-field__input-wrapper:focus-within{border-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper:focus-within{border-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper:focus-within{border-radius:var(--button-radius-sm-desktop)}}.tedi-number-field__input-wrapper:active:not(.tedi-number-field__input-wrapper--disabled){z-index:2;border-color:var(--form-input-border-active);border-radius:0;outline:none}.tedi-number-field__input-wrapper--small{height:var(--form-field-height-sm-mobile)}@media (min-width: 576px){.tedi-number-field__input-wrapper--small{height:var(--form-field-height-sm-tablet)}}@media (min-width: 992px){.tedi-number-field__input-wrapper--small{height:var(--form-field-height-sm-desktop)}}.tedi-number-field__input-wrapper--with-suffix .tedi-number-field__input{grid-column:span 1;text-align:right}.tedi-number-field__input-wrapper--with-suffix .tedi-number-field__suffix{align-self:center;text-align:left;-webkit-user-select:none;user-select:none}.tedi-number-field__input-wrapper--full-width{width:100%}.tedi-number-field__input{width:100%;grid-column:span 2;text-align:center;background-color:var(--form-input-background-default);border:0;border-radius:0;outline:none}.tedi-number-field__input{font-size:var(--heading-h6-size-mobile)}@media (min-width: 576px){.tedi-number-field__input{font-size:var(--heading-h6-size-tablet)}}@media (min-width: 992px){.tedi-number-field__input{font-size:var(--heading-h6-size-desktop)}}.tedi-number-field__input::-webkit-outer-spin-button,.tedi-number-field__input::-webkit-inner-spin-button{appearance:none}.tedi-number-field__input[type=number]{appearance:textfield}\n"] }]
+        }], propDecorators: { inputRef: [{
+                type: ViewChild,
+                args: ["inputElement"]
+            }] } });
+
+class ToggleComponent {
+    /**
+     * The unique identifier for the input element that is associated with label.
+     */
+    id = input.required();
+    /**
+     * Is toggle checked? Supports two-way binding, use with form controls.
+     */
+    checked = model(false);
+    /**
+     * Is input disabled?
+     * @default false
+     */
+    disabled = input(false);
+    /**
+     * Indicates whether the input field is required.
+     * @default false
+     */
+    required = input(false);
+    /**
+     * Color variant of the toggle
+     * @default primary
+     */
+    variant = input("primary");
+    /**
+     * Type of the toggle
+     * @default filled
+     */
+    type = input("filled");
+    /**
+     * Size of the toggle
+     * @default default
+     */
+    size = input("default");
+    /**
+     * Should the toggle show lock icon. Works only with large toggle.
+     * @default false
+     */
+    icon = input(false);
+    inputRef;
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(checked) {
+        this.checked.set(checked);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    focus() {
+        this.inputRef.nativeElement.focus();
+    }
+    blur() {
+        this.inputRef.nativeElement.blur();
+        this.onTouched();
+    }
+    handleChange = (event) => {
+        const target = event.target;
+        this.checked.set(target.checked);
+        this.onChange(target.checked);
+    };
+    classes = computed(() => {
+        return [
+            "tedi-toggle",
+            `tedi-toggle--${this.variant()}-${this.type()}`,
+            `tedi-toggle--size-${this.size()}`,
+        ].join(" ");
+    });
+    iconColor = computed(() => {
+        if (this.type() === "outlined") {
+            return 'white';
+        }
+        switch (this.variant()) {
+            case "primary":
+                return this.checked() ? "brand" : "tertiary";
+            case "colored":
+                return this.checked() ? "success" : "danger";
+        }
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ToggleComponent, isStandalone: true, selector: "tedi-toggle", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "class": "classes()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ToggleComponent),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<input\n  #inputElement\n  [id]=\"id()\"\n  [checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  [required]=\"required()\"\n  [attr.aria-checked]=\"checked()\"\n  type=\"checkbox\"\n  class=\"tedi-toggle__input\"\n  role=\"switch\"\n  (change)=\"handleChange($event)\"\n/>\n<span class=\"tedi-toggle__slider\" aria-hidden=\"true\">\n  @if (icon() && size() === 'large') {\n    <tedi-icon \n      [name]=\"checked() ? 'lock_open_right' : 'lock'\" \n      [color]=\"iconColor()\" \n      [size]=\"16\"\n      class=\"tedi-toggle__icon\"\n    />\n  }\n</span>", styles: [".tedi-toggle{position:relative;display:block}.tedi-toggle{--_toggle-padding: var(--form-toggl-padding-mobile)}@media (min-width: 576px){.tedi-toggle{--_toggle-padding: var(--form-toggl-padding-tablet)}}@media (min-width: 992px){.tedi-toggle{--_toggle-padding: var(--form-toggl-padding-desktop)}}.tedi-toggle--size-default{width:var(--form-toggl-default-width-mobile)}@media (min-width: 576px){.tedi-toggle--size-default{width:var(--form-toggl-default-width-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default{width:var(--form-toggl-default-width-desktop)}}.tedi-toggle--size-default{height:var(--form-toggl-default-height-mobile)}@media (min-width: 576px){.tedi-toggle--size-default{height:var(--form-toggl-default-height-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default{height:var(--form-toggl-default-height-desktop)}}.tedi-toggle--size-default{--_toggle-indicator: var(--form-toggl-default-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-default{--_toggle-indicator: var(--form-toggl-default-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default{--_toggle-indicator: var(--form-toggl-default-indicator-desktop)}}.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator-desktop)}}.tedi-toggle--size-default .tedi-toggle__slider{height:var(--form-toggl-default-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-default .tedi-toggle__slider{height:var(--form-toggl-default-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default .tedi-toggle__slider{height:var(--form-toggl-default-indicator-desktop)}}.tedi-toggle--size-large{width:var(--form-toggl-large-width-mobile)}@media (min-width: 576px){.tedi-toggle--size-large{width:var(--form-toggl-large-width-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large{width:var(--form-toggl-large-width-desktop)}}.tedi-toggle--size-large{height:var(--form-toggl-large-height-mobile)}@media (min-width: 576px){.tedi-toggle--size-large{height:var(--form-toggl-large-height-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large{height:var(--form-toggl-large-height-desktop)}}.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator-desktop)}}.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator-desktop)}}.tedi-toggle--size-large .tedi-toggle__slider{height:var(--form-toggl-large-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-large .tedi-toggle__slider{height:var(--form-toggl-large-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large .tedi-toggle__slider{height:var(--form-toggl-large-indicator-desktop)}}.tedi-toggle--primary-filled .tedi-toggle__input{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-filled .tedi-toggle__input:hover{background-color:var(--form-toggl-primary-inactive-hover)}.tedi-toggle--primary-filled .tedi-toggle__input:active{background-color:var(--form-toggl-primary-inactive-active)}.tedi-toggle--primary-filled .tedi-toggle__input:focus-visible{background-color:var(--form-toggl-primary-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-filled .tedi-toggle__input:disabled{opacity:.5;background-color:var(--form-toggl-primary-inactive-default);cursor:not-allowed}.tedi-toggle--primary-filled .tedi-toggle__input:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--primary-filled .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-indicator)}.tedi-toggle--primary-filled .tedi-toggle__input:checked{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:hover{background-color:var(--form-toggl-primary-active-hover)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:active{background-color:var(--form-toggl-primary-active-active)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:focus-visible{background-color:var(--form-toggl-primary-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:disabled{opacity:.5;background-color:var(--form-toggl-primary-active-default);cursor:not-allowed}.tedi-toggle--primary-filled .tedi-toggle__input:checked:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--primary-filled .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-indicator)}.tedi-toggle--primary-outlined .tedi-toggle__input{border:var(--borders-01) solid var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:hover{border:var(--borders-01) solid var(--form-toggl-primary-inactive-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:hover+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:active{border:var(--borders-01) solid var(--form-toggl-primary-inactive-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:active+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:focus-visible{border:var(--borders-01) solid var(--form-toggl-primary-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-outlined .tedi-toggle__input:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle--primary-outlined .tedi-toggle__input:checked{border:var(--borders-01) solid var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:hover{border:var(--borders-01) solid var(--form-toggl-primary-active-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:hover+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:active{border:var(--borders-01) solid var(--form-toggl-primary-active-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:active+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:focus-visible{border:var(--borders-01) solid var(--form-toggl-primary-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle--colored-filled .tedi-toggle__input{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-filled .tedi-toggle__input:hover{background-color:var(--form-toggl-colored-inactive-hover)}.tedi-toggle--colored-filled .tedi-toggle__input:active{background-color:var(--form-toggl-colored-inactive-active)}.tedi-toggle--colored-filled .tedi-toggle__input:focus-visible{background-color:var(--form-toggl-colored-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-filled .tedi-toggle__input:disabled{opacity:.5;background-color:var(--form-toggl-colored-inactive-default);cursor:not-allowed}.tedi-toggle--colored-filled .tedi-toggle__input:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--colored-filled .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-indicator)}.tedi-toggle--colored-filled .tedi-toggle__input:checked{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:hover{background-color:var(--form-toggl-colored-active-hover)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:active{background-color:var(--form-toggl-colored-active-active)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:focus-visible{background-color:var(--form-toggl-colored-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:disabled{opacity:.5;background-color:var(--form-toggl-colored-active-default);cursor:not-allowed}.tedi-toggle--colored-filled .tedi-toggle__input:checked:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--colored-filled .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-indicator)}.tedi-toggle--colored-outlined .tedi-toggle__input{border:var(--borders-01) solid var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:hover{border:var(--borders-01) solid var(--form-toggl-colored-inactive-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:hover+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:active{border:var(--borders-01) solid var(--form-toggl-colored-inactive-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:active+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:focus-visible{border:var(--borders-01) solid var(--form-toggl-colored-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-outlined .tedi-toggle__input:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle--colored-outlined .tedi-toggle__input:checked{border:var(--borders-01) solid var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:hover{border:var(--borders-01) solid var(--form-toggl-colored-active-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:hover+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:active{border:var(--borders-01) solid var(--form-toggl-colored-active-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:active+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:focus-visible{border:var(--borders-01) solid var(--form-toggl-colored-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle__input{width:100%;height:100%;appearance:none;cursor:pointer;margin:0}.tedi-toggle__input{border-radius:var(--form-toggl-radius-mobile)}@media (min-width: 576px){.tedi-toggle__input{border-radius:var(--form-toggl-radius-tablet)}}@media (min-width: 992px){.tedi-toggle__input{border-radius:var(--form-toggl-radius-desktop)}}.tedi-toggle__input:checked+.tedi-toggle__slider{transform:translateY(-50%);left:calc(100% - var(--_toggle-indicator) - var(--_toggle-padding))}.tedi-toggle__slider{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);border-radius:50%;transition:left .17s ease-out;pointer-events:none}.tedi-toggle__slider{left:var(--form-toggl-padding-mobile)}@media (min-width: 576px){.tedi-toggle__slider{left:var(--form-toggl-padding-tablet)}}@media (min-width: 992px){.tedi-toggle__slider{left:var(--form-toggl-padding-desktop)}}\n"], dependencies: [{ 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: ToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-toggle", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ToggleComponent),
+                            multi: true
+                        }
+                    ], host: {
+                        "[class]": "classes()"
+                    }, template: "<input\n  #inputElement\n  [id]=\"id()\"\n  [checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  [required]=\"required()\"\n  [attr.aria-checked]=\"checked()\"\n  type=\"checkbox\"\n  class=\"tedi-toggle__input\"\n  role=\"switch\"\n  (change)=\"handleChange($event)\"\n/>\n<span class=\"tedi-toggle__slider\" aria-hidden=\"true\">\n  @if (icon() && size() === 'large') {\n    <tedi-icon \n      [name]=\"checked() ? 'lock_open_right' : 'lock'\" \n      [color]=\"iconColor()\" \n      [size]=\"16\"\n      class=\"tedi-toggle__icon\"\n    />\n  }\n</span>", styles: [".tedi-toggle{position:relative;display:block}.tedi-toggle{--_toggle-padding: var(--form-toggl-padding-mobile)}@media (min-width: 576px){.tedi-toggle{--_toggle-padding: var(--form-toggl-padding-tablet)}}@media (min-width: 992px){.tedi-toggle{--_toggle-padding: var(--form-toggl-padding-desktop)}}.tedi-toggle--size-default{width:var(--form-toggl-default-width-mobile)}@media (min-width: 576px){.tedi-toggle--size-default{width:var(--form-toggl-default-width-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default{width:var(--form-toggl-default-width-desktop)}}.tedi-toggle--size-default{height:var(--form-toggl-default-height-mobile)}@media (min-width: 576px){.tedi-toggle--size-default{height:var(--form-toggl-default-height-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default{height:var(--form-toggl-default-height-desktop)}}.tedi-toggle--size-default{--_toggle-indicator: var(--form-toggl-default-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-default{--_toggle-indicator: var(--form-toggl-default-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default{--_toggle-indicator: var(--form-toggl-default-indicator-desktop)}}.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator-desktop)}}.tedi-toggle--size-default .tedi-toggle__slider{height:var(--form-toggl-default-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-default .tedi-toggle__slider{height:var(--form-toggl-default-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-default .tedi-toggle__slider{height:var(--form-toggl-default-indicator-desktop)}}.tedi-toggle--size-large{width:var(--form-toggl-large-width-mobile)}@media (min-width: 576px){.tedi-toggle--size-large{width:var(--form-toggl-large-width-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large{width:var(--form-toggl-large-width-desktop)}}.tedi-toggle--size-large{height:var(--form-toggl-large-height-mobile)}@media (min-width: 576px){.tedi-toggle--size-large{height:var(--form-toggl-large-height-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large{height:var(--form-toggl-large-height-desktop)}}.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator-desktop)}}.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator-desktop)}}.tedi-toggle--size-large .tedi-toggle__slider{height:var(--form-toggl-large-indicator-mobile)}@media (min-width: 576px){.tedi-toggle--size-large .tedi-toggle__slider{height:var(--form-toggl-large-indicator-tablet)}}@media (min-width: 992px){.tedi-toggle--size-large .tedi-toggle__slider{height:var(--form-toggl-large-indicator-desktop)}}.tedi-toggle--primary-filled .tedi-toggle__input{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-filled .tedi-toggle__input:hover{background-color:var(--form-toggl-primary-inactive-hover)}.tedi-toggle--primary-filled .tedi-toggle__input:active{background-color:var(--form-toggl-primary-inactive-active)}.tedi-toggle--primary-filled .tedi-toggle__input:focus-visible{background-color:var(--form-toggl-primary-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-filled .tedi-toggle__input:disabled{opacity:.5;background-color:var(--form-toggl-primary-inactive-default);cursor:not-allowed}.tedi-toggle--primary-filled .tedi-toggle__input:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--primary-filled .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-indicator)}.tedi-toggle--primary-filled .tedi-toggle__input:checked{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:hover{background-color:var(--form-toggl-primary-active-hover)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:active{background-color:var(--form-toggl-primary-active-active)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:focus-visible{background-color:var(--form-toggl-primary-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-filled .tedi-toggle__input:checked:disabled{opacity:.5;background-color:var(--form-toggl-primary-active-default);cursor:not-allowed}.tedi-toggle--primary-filled .tedi-toggle__input:checked:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--primary-filled .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-indicator)}.tedi-toggle--primary-outlined .tedi-toggle__input{border:var(--borders-01) solid var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:hover{border:var(--borders-01) solid var(--form-toggl-primary-inactive-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:hover+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:active{border:var(--borders-01) solid var(--form-toggl-primary-inactive-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:active+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:focus-visible{border:var(--borders-01) solid var(--form-toggl-primary-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-outlined .tedi-toggle__input:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-primary-inactive-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle--primary-outlined .tedi-toggle__input:checked{border:var(--borders-01) solid var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:hover{border:var(--borders-01) solid var(--form-toggl-primary-active-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:hover+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-hover)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:active{border:var(--borders-01) solid var(--form-toggl-primary-active-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:active+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-active)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:focus-visible{border:var(--borders-01) solid var(--form-toggl-primary-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-primary-active-default)}.tedi-toggle--primary-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle--colored-filled .tedi-toggle__input{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-filled .tedi-toggle__input:hover{background-color:var(--form-toggl-colored-inactive-hover)}.tedi-toggle--colored-filled .tedi-toggle__input:active{background-color:var(--form-toggl-colored-inactive-active)}.tedi-toggle--colored-filled .tedi-toggle__input:focus-visible{background-color:var(--form-toggl-colored-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-filled .tedi-toggle__input:disabled{opacity:.5;background-color:var(--form-toggl-colored-inactive-default);cursor:not-allowed}.tedi-toggle--colored-filled .tedi-toggle__input:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--colored-filled .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-indicator)}.tedi-toggle--colored-filled .tedi-toggle__input:checked{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:hover{background-color:var(--form-toggl-colored-active-hover)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:active{background-color:var(--form-toggl-colored-active-active)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:focus-visible{background-color:var(--form-toggl-colored-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-filled .tedi-toggle__input:checked:disabled{opacity:.5;background-color:var(--form-toggl-colored-active-default);cursor:not-allowed}.tedi-toggle--colored-filled .tedi-toggle__input:checked:disabled+.tedi-toggle__slider .tedi-toggle__icon{opacity:.5}.tedi-toggle--colored-filled .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-indicator)}.tedi-toggle--colored-outlined .tedi-toggle__input{border:var(--borders-01) solid var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:hover{border:var(--borders-01) solid var(--form-toggl-colored-inactive-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:hover+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:active{border:var(--borders-01) solid var(--form-toggl-colored-inactive-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:active+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:focus-visible{border:var(--borders-01) solid var(--form-toggl-colored-inactive-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-outlined .tedi-toggle__input:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-colored-inactive-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle--colored-outlined .tedi-toggle__input:checked{border:var(--borders-01) solid var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:hover{border:var(--borders-01) solid var(--form-toggl-colored-active-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:hover+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-hover)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:active{border:var(--borders-01) solid var(--form-toggl-colored-active-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:active+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-active)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:focus-visible{border:var(--borders-01) solid var(--form-toggl-colored-active-default);outline:calc(2 * var(--borders-01)) solid var(--form-toggl-primary-active-default);outline-offset:var(--borders-01)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:focus-visible+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:disabled{opacity:.5;cursor:not-allowed;border:var(--borders-01) solid var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{background-color:var(--form-toggl-colored-active-default)}.tedi-toggle--colored-outlined .tedi-toggle__input:checked:disabled+.tedi-toggle__slider{opacity:.5}.tedi-toggle__input{width:100%;height:100%;appearance:none;cursor:pointer;margin:0}.tedi-toggle__input{border-radius:var(--form-toggl-radius-mobile)}@media (min-width: 576px){.tedi-toggle__input{border-radius:var(--form-toggl-radius-tablet)}}@media (min-width: 992px){.tedi-toggle__input{border-radius:var(--form-toggl-radius-desktop)}}.tedi-toggle__input:checked+.tedi-toggle__slider{transform:translateY(-50%);left:calc(100% - var(--_toggle-indicator) - var(--_toggle-padding))}.tedi-toggle__slider{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);border-radius:50%;transition:left .17s ease-out;pointer-events:none}.tedi-toggle__slider{left:var(--form-toggl-padding-mobile)}@media (min-width: 576px){.tedi-toggle__slider{left:var(--form-toggl-padding-tablet)}}@media (min-width: 992px){.tedi-toggle__slider{left:var(--form-toggl-padding-desktop)}}\n"] }]
+        }], propDecorators: { inputRef: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }] } });
+
+class ColComponent {
+    width = input(1);
+    justifySelf = input();
+    alignSelf = input();
+    xs = input();
+    sm = input();
+    md = input();
+    lg = input();
+    xl = input();
+    xxl = input();
+    breakpointService = inject(BreakpointService);
+    breakpointInputs = computed(() => {
+        return this.breakpointService.getBreakpointInputs({
+            width: this.width(),
+            justifySelf: this.justifySelf(),
+            alignSelf: this.alignSelf(),
+            xs: this.xs(),
+            sm: this.sm(),
+            md: this.md(),
+            lg: this.lg(),
+            xl: this.xl(),
+            xxl: this.xxl(),
+        });
+    });
+    classes = computed(() => {
+        const classList = ["col", `col--width-${this.breakpointInputs().width}`];
+        if (this.breakpointInputs().justifySelf) {
+            classList.push(`col--justify-self-${this.breakpointInputs().justifySelf}`);
+        }
+        if (this.breakpointInputs().alignSelf) {
+            classList.push(`col--align-self-${this.breakpointInputs().alignSelf}`);
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: ColComponent, isStandalone: true, selector: "tedi-col", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, justifySelf: { classPropertyName: "justifySelf", publicName: "justifySelf", isSignal: true, isRequired: false, transformFunction: null }, alignSelf: { classPropertyName: "alignSelf", publicName: "alignSelf", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [".col{display:block}.col--width-1{grid-column:span 1}.col--width-2{grid-column:span 2}.col--width-3{grid-column:span 3}.col--width-4{grid-column:span 4}.col--width-5{grid-column:span 5}.col--width-6{grid-column:span 6}.col--width-7{grid-column:span 7}.col--width-8{grid-column:span 8}.col--width-9{grid-column:span 9}.col--width-10{grid-column:span 10}.col--width-11{grid-column:span 11}.col--width-12{grid-column:span 12}.col--justify-self-start{justify-self:start}.col--justify-self-end{justify-self:end}.col--justify-self-center{justify-self:center}.col--justify-self-stretch{justify-self:stretch}.col--align-self-start{align-self:start}.col--align-self-end{align-self:end}.col--align-self-center{align-self:center}.col--align-self-stretch{align-self:stretch}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-col", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "role": "presentation",
+                    }, template: "<ng-content></ng-content>", styles: [".col{display:block}.col--width-1{grid-column:span 1}.col--width-2{grid-column:span 2}.col--width-3{grid-column:span 3}.col--width-4{grid-column:span 4}.col--width-5{grid-column:span 5}.col--width-6{grid-column:span 6}.col--width-7{grid-column:span 7}.col--width-8{grid-column:span 8}.col--width-9{grid-column:span 9}.col--width-10{grid-column:span 10}.col--width-11{grid-column:span 11}.col--width-12{grid-column:span 12}.col--justify-self-start{justify-self:start}.col--justify-self-end{justify-self:end}.col--justify-self-center{justify-self:center}.col--justify-self-stretch{justify-self:stretch}.col--align-self-start{align-self:start}.col--align-self-end{align-self:end}.col--align-self-center{align-self:center}.col--align-self-stretch{align-self:stretch}\n"] }]
+        }] });
+
+const GAP_MAP = {
+    0: "0rem",
+    1: "0.25rem",
+    2: "0.5rem",
+    3: "1rem",
+    4: "1.5rem",
+    5: "3rem",
+};
+class RowComponent {
+    cols = input("auto");
+    minColWidth = input(200);
+    justifyItems = input();
+    alignItems = input();
+    gap = input();
+    gapX = input();
+    gapY = input();
+    xs = input();
+    sm = input();
+    md = input();
+    lg = input();
+    xl = input();
+    xxl = input();
+    breakpointService = inject(BreakpointService);
+    breakpointInputs = computed(() => {
+        return this.breakpointService.getBreakpointInputs({
+            cols: this.cols(),
+            minColWidth: this.minColWidth(),
+            justifyItems: this.justifyItems(),
+            alignItems: this.alignItems(),
+            gap: this.gap(),
+            gapX: this.gapX(),
+            gapY: this.gapY(),
+            xs: this.xs(),
+            sm: this.sm(),
+            md: this.md(),
+            lg: this.lg(),
+            xl: this.xl(),
+            xxl: this.xxl(),
+        });
+    });
+    gridGap = computed(() => {
+        const gap = this.breakpointInputs().gap;
+        const gapX = this.breakpointInputs().gapX;
+        const gapValue = gap ?? gapX;
+        return GAP_MAP[gapValue ?? 0];
+    });
+    classes = computed(() => {
+        const classList = ["row", `row--cols-${this.breakpointInputs().cols}`];
+        if (this.breakpointInputs().justifyItems) {
+            classList.push(`row--justify-items-${this.breakpointInputs().justifyItems}`);
+        }
+        if (this.breakpointInputs().alignItems) {
+            classList.push(`row--align-items-${this.breakpointInputs().alignItems}`);
+        }
+        if (this.breakpointInputs().gap !== undefined) {
+            classList.push(`g-${this.breakpointInputs().gap}`);
+        }
+        if (this.breakpointInputs().gapX !== undefined) {
+            classList.push(`gx-${this.breakpointInputs().gapX}`);
+        }
+        if (this.breakpointInputs().gapY !== undefined) {
+            classList.push(`gy-${this.breakpointInputs().gapY}`);
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: RowComponent, isStandalone: true, selector: "tedi-row", inputs: { cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, minColWidth: { classPropertyName: "minColWidth", publicName: "minColWidth", isSignal: true, isRequired: false, transformFunction: null }, justifyItems: { classPropertyName: "justifyItems", publicName: "justifyItems", isSignal: true, isRequired: false, transformFunction: null }, alignItems: { classPropertyName: "alignItems", publicName: "alignItems", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, gapX: { classPropertyName: "gapX", publicName: "gapX", isSignal: true, isRequired: false, transformFunction: null }, gapY: { classPropertyName: "gapY", publicName: "gapY", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "class": "classes()", "style.--_grid-gap": "breakpointInputs().cols === 'auto' ? gridGap() : null", "style.--_grid-col-width": "breakpointInputs().cols === 'auto' ? breakpointInputs().minColWidth + 'px' : null" } }, ngImport: i0, 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-row", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "[style.--_grid-gap]": "breakpointInputs().cols === 'auto' ? gridGap() : null",
+                        "[style.--_grid-col-width]": "breakpointInputs().cols === 'auto' ? breakpointInputs().minColWidth + 'px' : null",
+                        "role": "presentation"
+                    }, 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();
+    items = signal([]);
+    registerItem(item) {
+        this.items.update((list) => [...list, item]);
+    }
+    unregisterItem(item) {
+        this.items.update((list) => list.filter((i) => i !== item));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TimelineComponent, isStandalone: true, selector: "tedi-timeline", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-timeline{display:grid;grid-template-columns:max-content 1fr;grid-auto-flow:row dense;grid-auto-rows:auto}tedi-timeline{column-gap:var(--layout-grid-gutters-12-mobile)}@media (min-width: 576px){tedi-timeline{column-gap:var(--layout-grid-gutters-12-tablet)}}@media (min-width: 992px){tedi-timeline{column-gap:var(--layout-grid-gutters-12-desktop)}}@media (min-width: 992px){tedi-timeline{grid-template-columns:max-content max-content 1fr;row-gap:0;grid-auto-flow:row}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-timeline", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tedi-timeline{display:grid;grid-template-columns:max-content 1fr;grid-auto-flow:row dense;grid-auto-rows:auto}tedi-timeline{column-gap:var(--layout-grid-gutters-12-mobile)}@media (min-width: 576px){tedi-timeline{column-gap:var(--layout-grid-gutters-12-tablet)}}@media (min-width: 992px){tedi-timeline{column-gap:var(--layout-grid-gutters-12-desktop)}}@media (min-width: 992px){tedi-timeline{grid-template-columns:max-content max-content 1fr;row-gap:0;grid-auto-flow:row}}\n"] }]
+        }] });
+
+class TimelineItemComponent {
+    /** Item timings */
+    timings = input([]);
+    timeline = inject(TimelineComponent, { optional: true });
+    ngOnInit() {
+        if (!this.timeline) {
+            return;
+        }
+        this.timeline.registerItem(this);
+    }
+    ngOnDestroy() {
+        if (!this.timeline) {
+            return;
+        }
+        this.timeline.unregisterItem(this);
+    }
+    isLast = computed(() => {
+        const timeline = this.timeline;
+        if (!timeline) {
+            return false;
+        }
+        const currentIndex = timeline.items().findIndex((t) => t === this);
+        if (currentIndex === timeline.items().length - 1) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    });
+    state = computed(() => {
+        const timeline = this.timeline;
+        const activeItemIndex = timeline?.activeIndex();
+        if (!timeline || activeItemIndex === undefined) {
+            return "future";
+        }
+        const currentIndex = timeline.items().findIndex((t) => t === this);
+        if (activeItemIndex === currentIndex) {
+            return "current";
+        }
+        else if (activeItemIndex > currentIndex) {
+            return "past";
+        }
+        else {
+            return "future";
+        }
+    });
+    color = computed(() => {
+        if (this.state() === "current" || this.state() === "past") {
+            return "accent";
+        }
+        return "secondary";
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TimelineItemComponent, isStandalone: true, selector: "tedi-timeline-item", inputs: { timings: { classPropertyName: "timings", publicName: "timings", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-timeline__timings\">\n  @for (timing of timings(); track timing; let index = $index) {\n    <div tedi-text color=\"tertiary\" class=\"tedi-timeline__time\">\n      {{ timing }}\n    </div>\n  }\n</div>\n<div\n  class=\"tedi-timeline__marker\"\n  [ngClass]=\"{ 'tedi-timeline__marker--large': state() === 'current' }\"\n>\n  <tedi-separator\n    [color]=\"color()\"\n    variant=\"dot-only\"\n    [dotSize]=\"state() === 'current' ? 'large' : 'medium'\"\n    [dotFilled]=\"state() !== 'future'\"\n  />\n  @if (!isLast()) {\n    <tedi-separator\n      axis=\"vertical\"\n      [color]=\"state() === 'past' ? 'accent' : 'secondary'\"\n    />\n  }\n</div>\n<div class=\"tedi-timeline__info\">\n  <div>\n    <ng-content select=\"tedi-timeline-title\" />\n    <ng-content select=\"tedi-timeline-description\" />\n  </div>\n  <div class=\"tedi-timeline__content\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":root{--timeline-padding-y: 8px;--timeline-text-min-height: 24px}tedi-timeline-item{display:contents}tedi-timeline-item .tedi-timeline__timings{grid-column:2;grid-row:auto;display:flex;align-items:center}tedi-timeline-item .tedi-timeline__timings{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-timeline-item .tedi-timeline__timings{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings{gap:var(--layout-grid-gutters-04-desktop)}}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings{grid-column:1;flex-direction:column;align-items:end;gap:0;padding-bottom:var(--timeline-padding-y)}}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{position:relative;display:flex;align-items:center}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{font-size:var(--body-small-regular-size-desktop)}}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{min-height:var(--timeline-text-min-height)}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:first-child{font-size:var(--body-regular-size-mobile)}}@media (min-width: 992px) and (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:first-child{font-size:var(--body-regular-size-desktop)}}@media (max-width: 991.98px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{content:\"\";display:none;width:4px;height:4px;border-radius:50%;background-color:currentColor}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{margin-inline:var(--layout-grid-gutters-04-mobile)}}@media (max-width: 991.98px) and (min-width: 576px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{margin-inline:var(--layout-grid-gutters-04-tablet)}}@media (max-width: 991.98px) and (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{margin-inline:var(--layout-grid-gutters-04-desktop)}}@media (max-width: 991.98px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:not(:first-child):before{display:inline-block}}tedi-timeline-item .tedi-timeline__marker{grid-column:1;grid-row:span 2;align-self:stretch;padding-top:6px;display:flex;flex-direction:column;align-items:center}tedi-timeline-item .tedi-timeline__marker:not(:last-child){margin-bottom:-6px}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__marker{grid-column:2;grid-row:auto}}tedi-timeline-item .tedi-timeline__marker--large{padding-top:3px}tedi-timeline-item .tedi-timeline__info{grid-column:2;grid-row:auto;display:flex;flex-direction:column;gap:var(--timeline-padding-y);padding-bottom:var(--timeline-padding-y)}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__info{grid-column:3}}tedi-timeline-item .tedi-timeline__content{display:flex;flex-direction:column;gap:var(--timeline-padding-y)}\n"], dependencies: [{ kind: "component", type: SeparatorComponent, selector: "tedi-separator", inputs: ["axis", "color", "variant", "dotSize", "dotFilled", "thickness", "spacing", "size"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineItemComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-timeline-item", imports: [SeparatorComponent, TextComponent, NgClass], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tedi-timeline__timings\">\n  @for (timing of timings(); track timing; let index = $index) {\n    <div tedi-text color=\"tertiary\" class=\"tedi-timeline__time\">\n      {{ timing }}\n    </div>\n  }\n</div>\n<div\n  class=\"tedi-timeline__marker\"\n  [ngClass]=\"{ 'tedi-timeline__marker--large': state() === 'current' }\"\n>\n  <tedi-separator\n    [color]=\"color()\"\n    variant=\"dot-only\"\n    [dotSize]=\"state() === 'current' ? 'large' : 'medium'\"\n    [dotFilled]=\"state() !== 'future'\"\n  />\n  @if (!isLast()) {\n    <tedi-separator\n      axis=\"vertical\"\n      [color]=\"state() === 'past' ? 'accent' : 'secondary'\"\n    />\n  }\n</div>\n<div class=\"tedi-timeline__info\">\n  <div>\n    <ng-content select=\"tedi-timeline-title\" />\n    <ng-content select=\"tedi-timeline-description\" />\n  </div>\n  <div class=\"tedi-timeline__content\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":root{--timeline-padding-y: 8px;--timeline-text-min-height: 24px}tedi-timeline-item{display:contents}tedi-timeline-item .tedi-timeline__timings{grid-column:2;grid-row:auto;display:flex;align-items:center}tedi-timeline-item .tedi-timeline__timings{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-timeline-item .tedi-timeline__timings{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings{gap:var(--layout-grid-gutters-04-desktop)}}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings{grid-column:1;flex-direction:column;align-items:end;gap:0;padding-bottom:var(--timeline-padding-y)}}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{position:relative;display:flex;align-items:center}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{font-size:var(--body-small-regular-size-desktop)}}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time{min-height:var(--timeline-text-min-height)}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:first-child{font-size:var(--body-regular-size-mobile)}}@media (min-width: 992px) and (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:first-child{font-size:var(--body-regular-size-desktop)}}@media (max-width: 991.98px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{content:\"\";display:none;width:4px;height:4px;border-radius:50%;background-color:currentColor}tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{margin-inline:var(--layout-grid-gutters-04-mobile)}}@media (max-width: 991.98px) and (min-width: 576px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{margin-inline:var(--layout-grid-gutters-04-tablet)}}@media (max-width: 991.98px) and (min-width: 992px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:before{margin-inline:var(--layout-grid-gutters-04-desktop)}}@media (max-width: 991.98px){tedi-timeline-item .tedi-timeline__timings .tedi-timeline__time:not(:first-child):before{display:inline-block}}tedi-timeline-item .tedi-timeline__marker{grid-column:1;grid-row:span 2;align-self:stretch;padding-top:6px;display:flex;flex-direction:column;align-items:center}tedi-timeline-item .tedi-timeline__marker:not(:last-child){margin-bottom:-6px}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__marker{grid-column:2;grid-row:auto}}tedi-timeline-item .tedi-timeline__marker--large{padding-top:3px}tedi-timeline-item .tedi-timeline__info{grid-column:2;grid-row:auto;display:flex;flex-direction:column;gap:var(--timeline-padding-y);padding-bottom:var(--timeline-padding-y)}@media (min-width: 992px){tedi-timeline-item .tedi-timeline__info{grid-column:3}}tedi-timeline-item .tedi-timeline__content{display:flex;flex-direction:column;gap:var(--timeline-padding-y)}\n"] }]
+        }] });
+
+class TimelineDescriptionComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TimelineDescriptionComponent, isStandalone: true, selector: "tedi-timeline-description", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-timeline-description{display:flex;align-items:center;color:var(--general-text-tertiary);min-height:var(--timeline-text-min-height)}tedi-timeline-description{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-timeline-description{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-timeline-description{gap:var(--layout-grid-gutters-04-desktop)}}tedi-timeline-description{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){tedi-timeline-description{font-size:var(--body-small-regular-size-desktop)}}tedi-timeline-description{font-weight:var(--body-small-regular-weight-mobile)}@media (min-width: 992px){tedi-timeline-description{font-weight:var(--body-small-regular-weight-desktop)}}tedi-timeline-description{line-height:var(--body-small-regular-line-height-mobile)}@media (min-width: 992px){tedi-timeline-description{line-height:var(--body-small-regular-line-height-desktop)}}tedi-timeline-description>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-timeline-description", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tedi-timeline-description{display:flex;align-items:center;color:var(--general-text-tertiary);min-height:var(--timeline-text-min-height)}tedi-timeline-description{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-timeline-description{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-timeline-description{gap:var(--layout-grid-gutters-04-desktop)}}tedi-timeline-description{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){tedi-timeline-description{font-size:var(--body-small-regular-size-desktop)}}tedi-timeline-description{font-weight:var(--body-small-regular-weight-mobile)}@media (min-width: 992px){tedi-timeline-description{font-weight:var(--body-small-regular-weight-desktop)}}tedi-timeline-description{line-height:var(--body-small-regular-line-height-mobile)}@media (min-width: 992px){tedi-timeline-description{line-height:var(--body-small-regular-line-height-desktop)}}tedi-timeline-description>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"] }]
+        }] });
+
+class TimelineTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TimelineTitleComponent, isStandalone: true, selector: "tedi-timeline-title", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-timeline-title{display:flex;align-items:center;color:var(--general-text-secondary);min-height:var(--timeline-text-min-height)}tedi-timeline-title{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-timeline-title{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-timeline-title{gap:var(--layout-grid-gutters-04-desktop)}}tedi-timeline-title{font-size:var(--body-small-bold-size-mobile)}@media (min-width: 992px){tedi-timeline-title{font-size:var(--body-small-bold-size-desktop)}}tedi-timeline-title{font-weight:var(--body-bold-weight-mobile)}@media (min-width: 992px){tedi-timeline-title{font-weight:var(--body-bold-weight-desktop)}}tedi-timeline-title{line-height:var(--body-small-bold-line-height-mobile)}@media (min-width: 992px){tedi-timeline-title{line-height:var(--body-small-bold-line-height-desktop)}}tedi-timeline-title>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineTitleComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-timeline-title", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tedi-timeline-title{display:flex;align-items:center;color:var(--general-text-secondary);min-height:var(--timeline-text-min-height)}tedi-timeline-title{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-timeline-title{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-timeline-title{gap:var(--layout-grid-gutters-04-desktop)}}tedi-timeline-title{font-size:var(--body-small-bold-size-mobile)}@media (min-width: 992px){tedi-timeline-title{font-size:var(--body-small-bold-size-desktop)}}tedi-timeline-title{font-weight:var(--body-bold-weight-mobile)}@media (min-width: 992px){tedi-timeline-title{font-weight:var(--body-bold-weight-desktop)}}tedi-timeline-title{line-height:var(--body-small-bold-line-height-mobile)}@media (min-width: 992px){tedi-timeline-title{line-height:var(--body-small-bold-line-height-desktop)}}tedi-timeline-title>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"] }]
+        }] });
+
+class FooterComponent {
+    breakpointService = inject(BreakpointService);
+    mobileLayout = this.breakpointService.isBelowBreakpoint("sm");
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FooterComponent, isStandalone: true, selector: "tedi-footer", ngImport: i0, template: "<footer class=\"tedi-footer\">\n  <div\n    class=\"tedi-footer__container\"\n    [class.tedi-footer--mobile]=\"mobileLayout()\"\n  >\n    <ng-content select=\"[tedi-footer-start]\" />\n    <div class=\"tedi-footer__center\">\n      <ng-content select=\"tedi-footer-body\" />\n    </div>\n    <ng-content select=\"[tedi-footer-end]\" />\n  </div>\n  <ng-content select=\"tedi-footer-bottom\" />\n</footer>\n", styles: [".tedi-footer{background-color:var(--footer-background)}.tedi-footer__container{display:flex}.tedi-footer__center{width:100%}.tedi-footer--mobile{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: "tedi-footer", template: "<footer class=\"tedi-footer\">\n  <div\n    class=\"tedi-footer__container\"\n    [class.tedi-footer--mobile]=\"mobileLayout()\"\n  >\n    <ng-content select=\"[tedi-footer-start]\" />\n    <div class=\"tedi-footer__center\">\n      <ng-content select=\"tedi-footer-body\" />\n    </div>\n    <ng-content select=\"[tedi-footer-end]\" />\n  </div>\n  <ng-content select=\"tedi-footer-bottom\" />\n</footer>\n", styles: [".tedi-footer{background-color:var(--footer-background)}.tedi-footer__container{display:flex}.tedi-footer__center{width:100%}.tedi-footer--mobile{display:flex;flex-direction:column}\n"] }]
+        }] });
+
+class FooterBodyComponent {
+    breakpointService = inject(BreakpointService);
+    mobileLayout = this.breakpointService.isBelowBreakpoint("sm");
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FooterBodyComponent, isStandalone: true, selector: "tedi-footer-body", host: { properties: { "class.tedi-footer-body--mobile": "this.mobileLayout()" }, classAttribute: "tedi-footer-body" }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-footer-body{display:flex;align-items:flex-start;justify-content:space-around;width:100%;flex-wrap:wrap}.tedi-footer-body{gap:var(--layout-grid-gutters-24-mobile)}@media (min-width: 576px){.tedi-footer-body{gap:var(--layout-grid-gutters-24-tablet)}}@media (min-width: 992px){.tedi-footer-body{gap:var(--layout-grid-gutters-24-desktop)}}.tedi-footer-body{padding:var(--footer-padding-y-mobile) var(--footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-body{padding:var(--footer-padding-y-tablet) var(--footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-body{padding:var(--footer-padding-y-desktop) var(--footer-padding-x-desktop)}}.tedi-footer-body--mobile{gap:.75rem;flex-direction:column}.tedi-footer-body--mobile{padding:var(--layout-footer-padding-y-mobile) var(--layout-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-body--mobile{padding:var(--layout-footer-padding-y-tablet) var(--layout-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-body--mobile{padding:var(--layout-footer-padding-y-desktop) var(--layout-footer-padding-x-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBodyComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: "tedi-footer-body", template: "<ng-content />", host: {
+                        class: "tedi-footer-body",
+                        "[class.tedi-footer-body--mobile]": "this.mobileLayout()",
+                    }, styles: [".tedi-footer-body{display:flex;align-items:flex-start;justify-content:space-around;width:100%;flex-wrap:wrap}.tedi-footer-body{gap:var(--layout-grid-gutters-24-mobile)}@media (min-width: 576px){.tedi-footer-body{gap:var(--layout-grid-gutters-24-tablet)}}@media (min-width: 992px){.tedi-footer-body{gap:var(--layout-grid-gutters-24-desktop)}}.tedi-footer-body{padding:var(--footer-padding-y-mobile) var(--footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-body{padding:var(--footer-padding-y-tablet) var(--footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-body{padding:var(--footer-padding-y-desktop) var(--footer-padding-x-desktop)}}.tedi-footer-body--mobile{gap:.75rem;flex-direction:column}.tedi-footer-body--mobile{padding:var(--layout-footer-padding-y-mobile) var(--layout-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-body--mobile{padding:var(--layout-footer-padding-y-tablet) var(--layout-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-body--mobile{padding:var(--layout-footer-padding-y-desktop) var(--layout-footer-padding-x-desktop)}}\n"] }]
+        }] });
+
+class FooterSectionComponent {
+    /**
+     * Specifies the icon to be displayed in the footer links.
+     */
+    icon = input();
+    /**
+     * Specifies the heading text for the footer links.
+     */
+    heading = input();
+    /**
+     * Enables the collapse functionality for the footer links.
+     * When set to true, the footer links will be collapsible on mobile devices.
+     * @default "false"
+     */
+    collapse = input(false);
+    collapseOpen = signal(false);
+    breakpointService = inject(BreakpointService);
+    applyCollapse = computed(() => {
+        return this.collapse() && this.mobileLayout();
+    });
+    hideIcon = this.breakpointService.isBelowBreakpoint("lg");
+    mobileLayout = this.breakpointService.isBelowBreakpoint("sm");
+    toggleCollapse() {
+        if (this.collapse()) {
+            this.collapseOpen.update((value) => !value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FooterSectionComponent, isStandalone: true, selector: "tedi-footer-section", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, collapse: { classPropertyName: "collapse", publicName: "collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-footer-section--collapse": "applyCollapse()" }, classAttribute: "tedi-footer-section" }, ngImport: i0, template: "@if (icon() && !hideIcon()) {\n  <tedi-icon class=\"tedi-footer-section__icon\" [name]=\"icon()!\" color=\"white\" />\n}\n\n<div\n  class=\"tedi-footer-section__container\"\n  [class.tedi-footer-section__container--mobile]=\"mobileLayout()\"\n>\n  @if (applyCollapse()) {\n    <button class=\"tedi-footer-section__button\" (click)=\"toggleCollapse()\">\n      {{ heading() }}\n      <tedi-icon\n        class=\"collapse__icon\"\n        color=\"white\"\n        [name]=\"collapseOpen() ? 'expand_less' : 'expand_more'\"\n      />\n    </button>\n  } @else {\n    <strong tedi-text class=\"tedi-footer-section__heading\" color=\"white\">\n      {{ heading() }}\n    </strong>\n  }\n  <div\n    [class.tedi-footer-section__content-hidden]=\"\n      applyCollapse() && !collapseOpen()\n    \"\n    [@collapseContent]=\"\n      applyCollapse() ? (collapseOpen() ? 'expanded' : 'collapsed') : 'expanded'\n    \"\n    class=\"tedi-footer-section__content\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".tedi-footer-section{display:flex;align-items:flex-start}.tedi-footer-section{gap:var(--footer-col-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-section{gap:var(--footer-col-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-section{gap:var(--footer-col-padding-x-desktop)}}.tedi-footer-section--collapse{border-bottom:1px solid var(--alpha-white-10);width:100%}.tedi-footer-section__icon{background:var(--footer-icon-background)}.tedi-footer-section__icon{padding:var(--icon-background-padding-lg-mobile)}@media (min-width: 576px){.tedi-footer-section__icon{padding:var(--icon-background-padding-lg-tablet)}}@media (min-width: 992px){.tedi-footer-section__icon{padding:var(--icon-background-padding-lg-desktop)}}.tedi-footer-section__icon{border-radius:var(--icon-background-radius-mobile)}@media (min-width: 576px){.tedi-footer-section__icon{border-radius:var(--icon-background-radius-tablet)}}@media (min-width: 992px){.tedi-footer-section__icon{border-radius:var(--icon-background-radius-desktop)}}.tedi-footer-section__icon{gap:var(--footer-item-vertical-spacing-mobile)}@media (min-width: 576px){.tedi-footer-section__icon{gap:var(--footer-item-vertical-spacing-tablet)}}@media (min-width: 992px){.tedi-footer-section__icon{gap:var(--footer-item-vertical-spacing-desktop)}}.tedi-footer-section__container{padding-bottom:.75rem;display:flex;flex-direction:column;align-items:flex-start}.tedi-footer-section__container{gap:var(--footer-item-vertical-spacing-mobile)}@media (min-width: 576px){.tedi-footer-section__container{gap:var(--footer-item-vertical-spacing-tablet)}}@media (min-width: 992px){.tedi-footer-section__container{gap:var(--footer-item-vertical-spacing-desktop)}}.tedi-footer-section__content{display:flex;flex-direction:column;align-items:flex-start}.tedi-footer-section__content{gap:var(--footer-item-vertical-spacing-mobile)}@media (min-width: 576px){.tedi-footer-section__content{gap:var(--footer-item-vertical-spacing-tablet)}}@media (min-width: 992px){.tedi-footer-section__content{gap:var(--footer-item-vertical-spacing-desktop)}}.tedi-footer-section__content-hidden{display:none}.tedi-footer-section__button{padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background-color:var(--color-transparent);border:none}.tedi-footer-section__button:disabled{cursor:default}.tedi-footer-section__button{font-weight:700;color:var(--general-text-white)}.tedi-footer-section__button:focus-visible{color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}\n"], dependencies: [{ 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"] }], animations: [
+            trigger("collapseContent", [
+                state("collapsed", style({
+                    height: "0",
+                    opacity: 0,
+                    visibility: "hidden",
+                })),
+                state("expanded", style({
+                    height: "*",
+                    opacity: 1,
+                    visibility: "visible",
+                })),
+                transition("collapsed <=> expanded", [animate("300ms ease")]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterSectionComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: "tedi-footer-section", imports: [IconComponent, TextComponent], host: {
+                        class: "tedi-footer-section",
+                        "[class.tedi-footer-section--collapse]": "applyCollapse()",
+                    }, animations: [
+                        trigger("collapseContent", [
+                            state("collapsed", style({
+                                height: "0",
+                                opacity: 0,
+                                visibility: "hidden",
+                            })),
+                            state("expanded", style({
+                                height: "*",
+                                opacity: 1,
+                                visibility: "visible",
+                            })),
+                            transition("collapsed <=> expanded", [animate("300ms ease")]),
+                        ]),
+                    ], template: "@if (icon() && !hideIcon()) {\n  <tedi-icon class=\"tedi-footer-section__icon\" [name]=\"icon()!\" color=\"white\" />\n}\n\n<div\n  class=\"tedi-footer-section__container\"\n  [class.tedi-footer-section__container--mobile]=\"mobileLayout()\"\n>\n  @if (applyCollapse()) {\n    <button class=\"tedi-footer-section__button\" (click)=\"toggleCollapse()\">\n      {{ heading() }}\n      <tedi-icon\n        class=\"collapse__icon\"\n        color=\"white\"\n        [name]=\"collapseOpen() ? 'expand_less' : 'expand_more'\"\n      />\n    </button>\n  } @else {\n    <strong tedi-text class=\"tedi-footer-section__heading\" color=\"white\">\n      {{ heading() }}\n    </strong>\n  }\n  <div\n    [class.tedi-footer-section__content-hidden]=\"\n      applyCollapse() && !collapseOpen()\n    \"\n    [@collapseContent]=\"\n      applyCollapse() ? (collapseOpen() ? 'expanded' : 'collapsed') : 'expanded'\n    \"\n    class=\"tedi-footer-section__content\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".tedi-footer-section{display:flex;align-items:flex-start}.tedi-footer-section{gap:var(--footer-col-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-section{gap:var(--footer-col-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-section{gap:var(--footer-col-padding-x-desktop)}}.tedi-footer-section--collapse{border-bottom:1px solid var(--alpha-white-10);width:100%}.tedi-footer-section__icon{background:var(--footer-icon-background)}.tedi-footer-section__icon{padding:var(--icon-background-padding-lg-mobile)}@media (min-width: 576px){.tedi-footer-section__icon{padding:var(--icon-background-padding-lg-tablet)}}@media (min-width: 992px){.tedi-footer-section__icon{padding:var(--icon-background-padding-lg-desktop)}}.tedi-footer-section__icon{border-radius:var(--icon-background-radius-mobile)}@media (min-width: 576px){.tedi-footer-section__icon{border-radius:var(--icon-background-radius-tablet)}}@media (min-width: 992px){.tedi-footer-section__icon{border-radius:var(--icon-background-radius-desktop)}}.tedi-footer-section__icon{gap:var(--footer-item-vertical-spacing-mobile)}@media (min-width: 576px){.tedi-footer-section__icon{gap:var(--footer-item-vertical-spacing-tablet)}}@media (min-width: 992px){.tedi-footer-section__icon{gap:var(--footer-item-vertical-spacing-desktop)}}.tedi-footer-section__container{padding-bottom:.75rem;display:flex;flex-direction:column;align-items:flex-start}.tedi-footer-section__container{gap:var(--footer-item-vertical-spacing-mobile)}@media (min-width: 576px){.tedi-footer-section__container{gap:var(--footer-item-vertical-spacing-tablet)}}@media (min-width: 992px){.tedi-footer-section__container{gap:var(--footer-item-vertical-spacing-desktop)}}.tedi-footer-section__content{display:flex;flex-direction:column;align-items:flex-start}.tedi-footer-section__content{gap:var(--footer-item-vertical-spacing-mobile)}@media (min-width: 576px){.tedi-footer-section__content{gap:var(--footer-item-vertical-spacing-tablet)}}@media (min-width: 992px){.tedi-footer-section__content{gap:var(--footer-item-vertical-spacing-desktop)}}.tedi-footer-section__content-hidden{display:none}.tedi-footer-section__button{padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background-color:var(--color-transparent);border:none}.tedi-footer-section__button:disabled{cursor:default}.tedi-footer-section__button{font-weight:700;color:var(--general-text-white)}.tedi-footer-section__button:focus-visible{color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}\n"] }]
+        }] });
+
+class FooterSideComponent {
+    isStart;
+    isEnd;
+    /**
+     * Specifies the position of the footer internal content.
+     * @default center
+     */
+    position = input("center");
+    placement = signal(null);
+    breakpointService = inject(BreakpointService);
+    mobileLayout = this.breakpointService.isBelowBreakpoint("sm");
+    constructor(isStart, isEnd) {
+        this.isStart = isStart;
+        this.isEnd = isEnd;
+        const side = this.isStart !== null ? "start" : this.isEnd !== null ? "end" : null;
+        if (side)
+            this.placement.set(side);
+        else
+            console.warn('[TediFooterSide] No placement detected. Use "tedi-footer-start" or "tedi-footer-end" attribute to define where this component should be rendered.');
+    }
+    get hostClasses() {
+        const classes = ["tedi-footer-side"];
+        if (this.mobileLayout())
+            classes.push("tedi-footer-side--mobile");
+        classes.push(`tedi-footer-side--${this.placement()}`);
+        classes.push(`tedi-footer-side--vertical-${this.position()}`);
+        return classes.join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterSideComponent, deps: [{ token: "tedi-footer-start", attribute: true }, { token: "tedi-footer-end", attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: FooterSideComponent, isStandalone: true, selector: "tedi-footer-side", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".tedi-footer-side{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tedi-footer-side--vertical-start{justify-content:flex-start}.tedi-footer-side--vertical-end{justify-content:flex-end}.tedi-footer-side--mobile{width:100%;padding:16px}.tedi-footer-side--start{padding-left:var(--layout-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-side--start{padding-left:var(--layout-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-side--start{padding-left:var(--layout-footer-padding-x-desktop)}}.tedi-footer-side--start.tedi-footer-side--mobile{padding-bottom:0}.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x-desktop)}}.tedi-footer-side--end.tedi-footer-side--mobile{padding-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterSideComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-footer-side", template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".tedi-footer-side{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tedi-footer-side--vertical-start{justify-content:flex-start}.tedi-footer-side--vertical-end{justify-content:flex-end}.tedi-footer-side--mobile{width:100%;padding:16px}.tedi-footer-side--start{padding-left:var(--layout-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-side--start{padding-left:var(--layout-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-side--start{padding-left:var(--layout-footer-padding-x-desktop)}}.tedi-footer-side--start.tedi-footer-side--mobile{padding-bottom:0}.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x-desktop)}}.tedi-footer-side--end.tedi-footer-side--mobile{padding-top:0}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ["tedi-footer-start"]
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ["tedi-footer-end"]
+                }] }], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ["class"]
+            }] } });
+
+class LinkComponent {
+    variant = input("default");
+    size = input("default");
+    underline = input(true);
+    xs = input();
+    sm = input();
+    md = input();
+    lg = input();
+    xl = input();
+    xxl = input();
+    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.insertBefore(this.host.nativeElement, span, node);
+                this.renderer.appendChild(span, node);
+            }
+        }
+    }
+    breakpointService = inject(BreakpointService);
+    breakpointInputs = computed(() => {
+        return this.breakpointService.getBreakpointInputs({
+            variant: this.variant(),
+            size: this.size(),
+            underline: this.underline(),
+            xs: this.xs(),
+            sm: this.sm(),
+            md: this.md(),
+            lg: this.lg(),
+            xl: this.xl(),
+            xxl: this.xxl(),
+        });
+    });
+    classes = computed(() => {
+        const classList = ["tedi-link"];
+        if (this.breakpointInputs().variant === "inverted") {
+            classList.push("tedi-link--inverted");
+        }
+        if (this.breakpointInputs().size === "small") {
+            classList.push("tedi-link--small");
+        }
+        if (!this.breakpointInputs().underline) {
+            classList.push("tedi-link--no-underline");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: LinkComponent, isStandalone: true, selector: "[tedi-link]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.tabIndex": "0" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){.tedi-link--small{font-size:var(--body-small-regular-size-desktop)}}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit}.tedi-link tedi-icon{margin-left:var(--button-sm-inner-spacing-mobile)}@media (min-width: 576px){.tedi-link tedi-icon{margin-left:var(--button-sm-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-link tedi-icon{margin-left:var(--button-sm-inner-spacing-desktop)}}.tedi-link tedi-icon{margin-right:var(--button-sm-inner-spacing-mobile)}@media (min-width: 576px){.tedi-link tedi-icon{margin-right:var(--button-sm-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-link tedi-icon{margin-right:var(--button-sm-inner-spacing-desktop)}}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "[tedi-link]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "[attr.tabIndex]": "0",
+                    }, template: "<ng-content></ng-content>", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size-mobile)}@media (min-width: 992px){.tedi-link--small{font-size:var(--body-small-regular-size-desktop)}}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit}.tedi-link tedi-icon{margin-left:var(--button-sm-inner-spacing-mobile)}@media (min-width: 576px){.tedi-link tedi-icon{margin-left:var(--button-sm-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-link tedi-icon{margin-left:var(--button-sm-inner-spacing-desktop)}}.tedi-link tedi-icon{margin-right:var(--button-sm-inner-spacing-mobile)}@media (min-width: 576px){.tedi-link tedi-icon{margin-right:var(--button-sm-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-link tedi-icon{margin-right:var(--button-sm-inner-spacing-desktop)}}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"] }]
+        }] });
+
+class FooterBottomComponent {
+    injector = inject(Injector);
+    renderer = inject(Renderer2);
+    breakpointService = inject(BreakpointService);
+    hostRef = inject((ElementRef));
+    viewContainerRef = inject(ViewContainerRef);
+    ellipsisViews = [];
+    ellipsis;
+    links;
+    mobileLayout = this.breakpointService.isBelowBreakpoint("sm");
+    ngAfterContentInit() {
+        runInInjectionContext(this.injector, () => {
+            effect(() => {
+                if (this.mobileLayout()) {
+                    this.addEllipsisElements();
+                }
+                else {
+                    this.removeEllipsisElements();
+                }
+            });
+        });
+    }
+    addEllipsisElements() {
+        if (!this.links || this.links.length === 0)
+            return;
+        const linksArray = this.links.toArray();
+        this.removeEllipsisElements();
+        linksArray.forEach((link, index) => {
+            const nativeElement = link.nativeElement;
+            if (index < linksArray.length - 1) {
+                const parent = nativeElement.parentNode;
+                if (!parent)
+                    return;
+                const embeddedView = this.viewContainerRef.createEmbeddedView(this.ellipsis);
+                embeddedView.detectChanges();
+                this.ellipsisViews.push(embeddedView);
+                const ellipsisElement = embeddedView.rootNodes[0];
+                this.renderer.addClass(ellipsisElement, "tedi-footer-bottom__ellipsis");
+                this.renderer.insertBefore(parent, ellipsisElement, nativeElement.nextSibling);
+            }
+        });
+    }
+    removeEllipsisElements() {
+        const ellipsisEls = this.hostRef.nativeElement.querySelectorAll(".tedi-footer-bottom__ellipsis");
+        ellipsisEls.forEach((el) => {
+            const parent = el.parentNode;
+            if (parent) {
+                this.renderer.removeChild(parent, el);
+            }
+        });
+        this.ellipsisViews.forEach((view) => view.destroy());
+        this.ellipsisViews = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FooterBottomComponent, isStandalone: true, selector: "tedi-footer-bottom", host: { properties: { "class.tedi-footer-bottom--mobile": "mobileLayout()" }, classAttribute: "tedi-footer-bottom" }, queries: [{ propertyName: "links", predicate: LinkComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "ellipsis", first: true, predicate: ["ellipsis"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #ellipsis>\n  <svg\n    class=\"tedi-footer-bottom__ellipsis\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"4\"\n    height=\"5\"\n    viewBox=\"0 0 4 5\"\n    fill=\"none\"\n  >\n    <circle cx=\"2\" cy=\"2.41309\" r=\"2\" fill=\"#9293A4\" />\n  </svg>\n</ng-template>\n\n<ng-content />\n", styles: [".tedi-footer-bottom{display:flex;justify-content:center;align-items:center;background-color:var(--footer-bottom-background);flex-wrap:wrap;gap:24px}.tedi-footer-bottom{padding-left:var(--layout-footer-bottom-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-left:var(--layout-footer-bottom-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-left:var(--layout-footer-bottom-padding-x-desktop)}}.tedi-footer-bottom{padding-right:var(--layout-footer-bottom-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-right:var(--layout-footer-bottom-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-right:var(--layout-footer-bottom-padding-x-desktop)}}.tedi-footer-bottom{padding-top:var(--layout-footer-bottom-padding-y-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-top:var(--layout-footer-bottom-padding-y-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-top:var(--layout-footer-bottom-padding-y-desktop)}}.tedi-footer-bottom{padding-bottom:var(--layout-footer-bottom-padding-y-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-bottom:var(--layout-footer-bottom-padding-y-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-bottom:var(--layout-footer-bottom-padding-y-desktop)}}.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBottomComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: "tedi-footer-bottom", host: {
+                        class: "tedi-footer-bottom",
+                        "[class.tedi-footer-bottom--mobile]": "mobileLayout()",
+                    }, template: "<ng-template #ellipsis>\n  <svg\n    class=\"tedi-footer-bottom__ellipsis\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"4\"\n    height=\"5\"\n    viewBox=\"0 0 4 5\"\n    fill=\"none\"\n  >\n    <circle cx=\"2\" cy=\"2.41309\" r=\"2\" fill=\"#9293A4\" />\n  </svg>\n</ng-template>\n\n<ng-content />\n", styles: [".tedi-footer-bottom{display:flex;justify-content:center;align-items:center;background-color:var(--footer-bottom-background);flex-wrap:wrap;gap:24px}.tedi-footer-bottom{padding-left:var(--layout-footer-bottom-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-left:var(--layout-footer-bottom-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-left:var(--layout-footer-bottom-padding-x-desktop)}}.tedi-footer-bottom{padding-right:var(--layout-footer-bottom-padding-x-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-right:var(--layout-footer-bottom-padding-x-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-right:var(--layout-footer-bottom-padding-x-desktop)}}.tedi-footer-bottom{padding-top:var(--layout-footer-bottom-padding-y-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-top:var(--layout-footer-bottom-padding-y-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-top:var(--layout-footer-bottom-padding-y-desktop)}}.tedi-footer-bottom{padding-bottom:var(--layout-footer-bottom-padding-y-mobile)}@media (min-width: 576px){.tedi-footer-bottom{padding-bottom:var(--layout-footer-bottom-padding-y-tablet)}}@media (min-width: 992px){.tedi-footer-bottom{padding-bottom:var(--layout-footer-bottom-padding-y-desktop)}}.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16-desktop)}}\n"] }]
+        }], propDecorators: { ellipsis: [{
+                type: ViewChild,
+                args: ["ellipsis", { static: true }]
+            }], links: [{
+                type: ContentChildren,
+                args: [LinkComponent, { descendants: true, read: ElementRef }]
+            }] } });
+
+class HeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderComponent, isStandalone: true, selector: "header[tedi-header]", host: { classAttribute: "tedi-header" }, ngImport: i0, template: "<ng-content select=\"button[tedi-sidenav-toggle]\"></ng-content>\n<div class=\"tedi-header__main\">\n    <ng-content></ng-content>\n</div>", styles: [".tedi-header{display:flex}.tedi-header__main{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--header-background);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}.tedi-header__main{height:var(--layout-header-min-height-mobile)}@media (min-width: 576px){.tedi-header__main{height:var(--layout-header-min-height-tablet)}}@media (min-width: 992px){.tedi-header__main{height:var(--layout-header-min-height-desktop)}}.tedi-header__main{padding:var(--layout-header-padding-y-mobile) var(--layout-header-padding-right-mobile) var(--layout-header-padding-y-mobile) var(--layout-header-padding-left-mobile)}@media (min-width: 576px){.tedi-header__main{padding:var(--layout-header-padding-y-tablet) var(--layout-header-padding-right-tablet) var(--layout-header-padding-y-tablet) var(--layout-header-padding-left-tablet)}}@media (min-width: 992px){.tedi-header__main{padding:var(--layout-header-padding-y-desktop) var(--layout-header-padding-right-desktop) var(--layout-header-padding-y-desktop) var(--layout-header-padding-left-desktop)}}.tedi-header__link-button{display:inline-flex;align-items:center;background-color:transparent;border:0;padding:0}.tedi-header__link-button{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-header__link-button{font-size:var(--body-regular-size-desktop)}}.tedi-header__link-button:hover span{text-decoration:underline!important}.tedi-header__link-button span{text-decoration:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "header[tedi-header]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "class": "tedi-header"
+                    }, template: "<ng-content select=\"button[tedi-sidenav-toggle]\"></ng-content>\n<div class=\"tedi-header__main\">\n    <ng-content></ng-content>\n</div>", styles: [".tedi-header{display:flex}.tedi-header__main{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--header-background);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}.tedi-header__main{height:var(--layout-header-min-height-mobile)}@media (min-width: 576px){.tedi-header__main{height:var(--layout-header-min-height-tablet)}}@media (min-width: 992px){.tedi-header__main{height:var(--layout-header-min-height-desktop)}}.tedi-header__main{padding:var(--layout-header-padding-y-mobile) var(--layout-header-padding-right-mobile) var(--layout-header-padding-y-mobile) var(--layout-header-padding-left-mobile)}@media (min-width: 576px){.tedi-header__main{padding:var(--layout-header-padding-y-tablet) var(--layout-header-padding-right-tablet) var(--layout-header-padding-y-tablet) var(--layout-header-padding-left-tablet)}}@media (min-width: 992px){.tedi-header__main{padding:var(--layout-header-padding-y-desktop) var(--layout-header-padding-right-desktop) var(--layout-header-padding-y-desktop) var(--layout-header-padding-left-desktop)}}.tedi-header__link-button{display:inline-flex;align-items:center;background-color:transparent;border:0;padding:0}.tedi-header__link-button{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-header__link-button{font-size:var(--body-regular-size-desktop)}}.tedi-header__link-button:hover span{text-decoration:underline!important}.tedi-header__link-button span{text-decoration:none!important}\n"] }]
+        }] });
+
+class HeaderActionsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderActionsComponent, isStandalone: true, selector: "tedi-header-actions", host: { classAttribute: "tedi-header-actions" }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-header-actions{display:flex;align-items:center;height:100%}.tedi-header-actions>*{display:flex;height:100%;align-items:center}.tedi-header-actions>*:not(:first-child){border-left:var(--borders-01) solid var(--general-border-primary)}.tedi-header-actions>*:not(:first-child){padding-left:var(--layout-header-items-right-gutter-x-mobile)}@media (min-width: 576px){.tedi-header-actions>*:not(:first-child){padding-left:var(--layout-header-items-right-gutter-x-tablet)}}@media (min-width: 992px){.tedi-header-actions>*:not(:first-child){padding-left:var(--layout-header-items-right-gutter-x-desktop)}}.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x-mobile)}@media (min-width: 576px){.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x-tablet)}}@media (min-width: 992px){.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x-desktop)}}.tedi-header-actions>*:has(.tedi-header-login__button--mobile),.tedi-header-actions>*:has(.tedi-header-profile--mobile){padding-left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-header-actions", standalone: true, template: "<ng-content />", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "class": "tedi-header-actions"
+                    }, styles: [".tedi-header-actions{display:flex;align-items:center;height:100%}.tedi-header-actions>*{display:flex;height:100%;align-items:center}.tedi-header-actions>*:not(:first-child){border-left:var(--borders-01) solid var(--general-border-primary)}.tedi-header-actions>*:not(:first-child){padding-left:var(--layout-header-items-right-gutter-x-mobile)}@media (min-width: 576px){.tedi-header-actions>*:not(:first-child){padding-left:var(--layout-header-items-right-gutter-x-tablet)}}@media (min-width: 992px){.tedi-header-actions>*:not(:first-child){padding-left:var(--layout-header-items-right-gutter-x-desktop)}}.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x-mobile)}@media (min-width: 576px){.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x-tablet)}}@media (min-width: 992px){.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x-desktop)}}.tedi-header-actions>*:has(.tedi-header-login__button--mobile),.tedi-header-actions>*:has(.tedi-header-profile--mobile){padding-left:0}\n"] }]
+        }] });
+
+class HeaderContentComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderContentComponent, isStandalone: true, selector: "tedi-header-content", ngImport: i0, template: "<ng-content />", isInline: true, 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderContentComponent, decorators: [{
+            type: Component,
+            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');
+        }
+    }
+    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]=\"withBorder() ? 'float-ui-container--border' : ''\"\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>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container{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{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container .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--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container--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--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container[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]=\"withBorder() ? 'float-ui-container--border' : ''\"\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>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container{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{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container .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--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container--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--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container[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{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{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container .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--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container--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--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container[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{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{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container .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--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container--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--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container[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{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{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container .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--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container--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--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container[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{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{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container .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--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container--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--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container[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
+     */
+    languageChange = output();
+    popover;
+    translationService = inject(TediTranslationService);
+    languageKeys = computed(() => Object.keys(this.languages()));
+    handleChangeLang(lang) {
+        this.languageChange.emit(lang);
+        this.translationService.setLanguage(lang);
+        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 });
+}
+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"
+                    }, 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,
+                args: [forwardRef(() => PopoverComponent)]
+            }] } });
+
+class HeaderLoginComponent {
+    breakpointService = inject(BreakpointService);
+    translationService = inject(TediTranslationService);
+    isMobile = this.breakpointService.isBelowBreakpoint("sm");
+    textDesktop = this.translationService.track("header.login");
+    textMobile = this.translationService.track("header.login-mobile");
+    text = computed(() => this.isMobile() ? this.textMobile() : this.textDesktop());
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderLoginComponent, isStandalone: true, selector: "tedi-header-login", ngImport: i0, template: "<button \n    tedi-button \n    [variant]=\"isMobile() ? 'neutral' : 'primary'\" \n    [class]=\"{ 'tedi-header-login__button': true, 'tedi-header-login__button--mobile': isMobile() }\"\n>\n    @if (isMobile()) {\n        <tedi-icon name=\"login\" />\n    }\n    {{ text() }}\n</button>", styles: ["tedi-header-login{display:flex;align-items:center;padding-left:0}tedi-header-login .tedi-header-login__button{flex-shrink:0}tedi-header-login .tedi-header-login__button--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-login .tedi-header-login__button--mobile{min-width:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile{min-width:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile{min-width:var(--layout-header-mobile-button-size-desktop)}}tedi-header-login .tedi-header-login__button--mobile{min-height:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile{min-height:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile{min-height:var(--layout-header-mobile-button-size-desktop)}}tedi-header-login .tedi-header-login__button--mobile{padding:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile{padding:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile{padding:var(--layout-grid-gutters-08-desktop)}}tedi-header-login .tedi-header-login__button--mobile:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05-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: HeaderLoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tedi-header-login', standalone: true, imports: [ButtonComponent, IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    tedi-button \n    [variant]=\"isMobile() ? 'neutral' : 'primary'\" \n    [class]=\"{ 'tedi-header-login__button': true, 'tedi-header-login__button--mobile': isMobile() }\"\n>\n    @if (isMobile()) {\n        <tedi-icon name=\"login\" />\n    }\n    {{ text() }}\n</button>", styles: ["tedi-header-login{display:flex;align-items:center;padding-left:0}tedi-header-login .tedi-header-login__button{flex-shrink:0}tedi-header-login .tedi-header-login__button--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-login .tedi-header-login__button--mobile{min-width:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile{min-width:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile{min-width:var(--layout-header-mobile-button-size-desktop)}}tedi-header-login .tedi-header-login__button--mobile{min-height:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile{min-height:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile{min-height:var(--layout-header-mobile-button-size-desktop)}}tedi-header-login .tedi-header-login__button--mobile{padding:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile{padding:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile{padding:var(--layout-grid-gutters-08-desktop)}}tedi-header-login .tedi-header-login__button--mobile:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05-mobile)}@media (min-width: 576px){tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05-tablet)}}@media (min-width: 992px){tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05-desktop)}}\n"] }]
+        }] });
+
+class HeaderLogoutComponent {
+    breakpointService = inject(BreakpointService);
+    isMobile = this.breakpointService.isBelowBreakpoint("sm");
+    classes = computed(() => {
+        const classList = ["tedi-header-logout", "tedi-link"];
+        if (this.isMobile()) {
+            classList.push("tedi-header-logout--mobile");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderLogoutComponent, isStandalone: true, selector: "button[tedi-header-logout]", host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<tedi-icon name=\"logout\" />\n<span>\n    <ng-content></ng-content>\n</span>", styles: [".tedi-header-logout{display:flex;align-items:center;background:transparent;padding:0;border:0}.tedi-header-logout{font-size:var(--body-regular-size-mobile)}@media (min-width: 576px){.tedi-header-logout{font-size:var(--body-regular-size-tablet)}}@media (min-width: 992px){.tedi-header-logout{font-size:var(--body-regular-size-desktop)}}.tedi-header-logout{gap:var(--link-inner-spacing-x-mobile)}@media (min-width: 576px){.tedi-header-logout{gap:var(--link-inner-spacing-x-tablet)}}@media (min-width: 992px){.tedi-header-logout{gap:var(--link-inner-spacing-x-desktop)}}.tedi-header-logout:hover span{text-decoration:underline!important}.tedi-header-logout--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-logout--mobile{min-width:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile{min-width:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile{min-width:var(--layout-header-mobile-button-size-desktop)}}.tedi-header-logout--mobile{min-height:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile{min-height:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile{min-height:var(--layout-header-mobile-button-size-desktop)}}.tedi-header-logout--mobile{padding:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile{padding:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile{padding:var(--layout-grid-gutters-08-desktop)}}.tedi-header-logout--mobile:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}.tedi-header-logout--mobile tedi-icon{font-size:var(--_header-logout-icon-size)!important;margin:0 0 4px!important}.tedi-header-logout--mobile tedi-icon{--_header-logout-icon-size: var(--icon-05-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile tedi-icon{--_header-logout-icon-size: var(--icon-05-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile tedi-icon{--_header-logout-icon-size: var(--icon-05-desktop)}}.tedi-header-logout span{text-decoration:none!important}\n"], dependencies: [{ 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: HeaderLogoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[tedi-header-logout]', standalone: true, imports: [IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[class]": "classes()"
+                    }, template: "<tedi-icon name=\"logout\" />\n<span>\n    <ng-content></ng-content>\n</span>", styles: [".tedi-header-logout{display:flex;align-items:center;background:transparent;padding:0;border:0}.tedi-header-logout{font-size:var(--body-regular-size-mobile)}@media (min-width: 576px){.tedi-header-logout{font-size:var(--body-regular-size-tablet)}}@media (min-width: 992px){.tedi-header-logout{font-size:var(--body-regular-size-desktop)}}.tedi-header-logout{gap:var(--link-inner-spacing-x-mobile)}@media (min-width: 576px){.tedi-header-logout{gap:var(--link-inner-spacing-x-tablet)}}@media (min-width: 992px){.tedi-header-logout{gap:var(--link-inner-spacing-x-desktop)}}.tedi-header-logout:hover span{text-decoration:underline!important}.tedi-header-logout--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-logout--mobile{min-width:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile{min-width:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile{min-width:var(--layout-header-mobile-button-size-desktop)}}.tedi-header-logout--mobile{min-height:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile{min-height:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile{min-height:var(--layout-header-mobile-button-size-desktop)}}.tedi-header-logout--mobile{padding:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile{padding:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile{padding:var(--layout-grid-gutters-08-desktop)}}.tedi-header-logout--mobile:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}.tedi-header-logout--mobile tedi-icon{font-size:var(--_header-logout-icon-size)!important;margin:0 0 4px!important}.tedi-header-logout--mobile tedi-icon{--_header-logout-icon-size: var(--icon-05-mobile)}@media (min-width: 576px){.tedi-header-logout--mobile tedi-icon{--_header-logout-icon-size: var(--icon-05-tablet)}}@media (min-width: 992px){.tedi-header-logout--mobile tedi-icon{--_header-logout-icon-size: var(--icon-05-desktop)}}.tedi-header-logout span{text-decoration:none!important}\n"] }]
+        }] });
+
+class ShowAtDirective {
+    showAt = input.required();
+    templateRef = inject(TemplateRef);
+    viewContainerRef = inject(ViewContainerRef);
+    breakpointService = inject(BreakpointService);
+    constructor() {
+        effect(() => {
+            if (this.breakpointService.isAboveBreakpoint(this.showAt())()) {
+                this.viewContainerRef.createEmbeddedView(this.templateRef);
+            }
+            else {
+                this.viewContainerRef.clear();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ShowAtDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: ShowAtDirective, isStandalone: true, selector: "[showAt]", inputs: { showAt: { classPropertyName: "showAt", publicName: "showAt", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ShowAtDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[showAt]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
+
+class HideAtDirective {
+    hideAt = input.required();
+    templateRef = inject(TemplateRef);
+    viewContainerRef = inject(ViewContainerRef);
+    breakpointService = inject(BreakpointService);
+    constructor() {
+        effect(() => {
+            if (this.breakpointService.isBelowBreakpoint(this.hideAt())()) {
+                this.viewContainerRef.createEmbeddedView(this.templateRef);
+            }
+            else {
+                this.viewContainerRef.clear();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HideAtDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: HideAtDirective, isStandalone: true, selector: "[hideAt]", inputs: { hideAt: { classPropertyName: "hideAt", publicName: "hideAt", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HideAtDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideAt]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
+
+class HeaderProfileComponent {
+    /** Name of representative */
+    name = input("");
+    /** Breakpoint at which we show dropdown instead of modal */
+    showDropdown = input();
+    breakpointService = inject(BreakpointService);
+    document = inject(DOCUMENT);
+    host = inject(ElementRef);
+    renderer = inject(Renderer2);
+    eventListeners = [];
+    constructor() {
+        effect(() => {
+            if (this.modalOpen()) {
+                this.renderer.setStyle(this.document.body, "overflow", "hidden");
+            }
+            else {
+                this.renderer.removeStyle(this.document.body, "overflow");
+            }
+        });
+    }
+    modalOpen = signal(false);
+    ngAfterContentInit() {
+        const element = this.host.nativeElement;
+        this.eventListeners.push(this.renderer.listen("document", "click", (event) => {
+            const target = event.target;
+            const clickedInside = element.contains(target);
+            if (this.modalOpen() && !clickedInside) {
+                this.modalOpen.set(false);
+            }
+        }));
+    }
+    handleModalOpen() {
+        const dropdownBreakpoint = this.showDropdown();
+        if (!(dropdownBreakpoint &&
+            this.breakpointService.isAboveBreakpoint(dropdownBreakpoint)())) {
+            this.modalOpen.update((prev) => !prev);
+        }
+    }
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderProfileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-header-profile", standalone: true, imports: [
+                        PopoverComponent,
+                        PopoverTriggerComponent,
+                        PopoverContentComponent,
+                        IconComponent,
+                        ButtonComponent,
+                        ShowAtDirective,
+                        HideAtDirective,
+                        NgTemplateOutlet,
+                        TediTranslationPipe,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showDropdown(); as dropdown) {\n  <ng-container *hideAt=\"dropdown\">\n    <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n  </ng-container>\n\n  <ng-container *showAt=\"dropdown\">\n    <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n      <tedi-popover-trigger>\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </tedi-popover-trigger>\n      <tedi-popover-content maxWidth=\"small\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-popover-content>\n    </tedi-popover>\n  </ng-container>\n} @else {\n  <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #button>\n  <ng-container *hideAt=\"'sm'\">\n    <button\n      tedi-button\n      variant=\"neutral\"\n      class=\"tedi-header-profile--mobile\"\n      [attr.data-open]=\"modalOpen()\"\n      (click)=\"handleModalOpen()\"\n    >\n      <tedi-icon\n        [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n        color=\"brand\"\n      />\n      {{ \"header.profile\" | tediTranslate }}\n    </button>\n  </ng-container>\n\n  <ng-container *showAt=\"'sm'\">\n    <button\n      tedi-button\n      [variant]=\"name() ? 'secondary' : 'neutral'\"\n      (click)=\"handleModalOpen()\"\n    >\n      <tedi-icon\n        name=\"account_circle\"\n        color=\"brand\"\n        [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n      />\n      {{ name() }}\n      @if (name()) {\n        <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n      }\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #modal>\n  @if (modalOpen()) {\n    <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n    <div class=\"tedi-header-profile__modal\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  }\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile{--_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"] }]
+        }], ctorParameters: () => [] });
+
+class HeaderRoleComponent {
+    /**
+     * Role text
+     */
+    role = input("");
+    /**
+     * Description text
+     */
+    description = input("");
+    /** Should show input in representative list?
+     * @default false
+     */
+    showInput = input(false);
+    /** List of representatives */
+    representatives = input.required();
+    /** Current representative */
+    currentRepresentative = model.required();
+    mobileOpen = signal(false);
+    inputValue = signal("");
+    translationService = inject(TediTranslationService);
+    switchRoleText = this.translationService.track("header.role-switch");
+    closeText = this.translationService.track("close");
+    searchText = this.translationService.track("header.role-search");
+    noResultsText = this.translationService.track("header.role-no-representatives");
+    collapseText = computed(() => this.mobileOpen() ? this.closeText() : this.switchRoleText());
+    filteredRepresentatives = computed(() => {
+        return this.representatives().filter(r => {
+            if (!this.inputValue()) {
+                return true;
+            }
+            const nameMatches = r.name.toLowerCase().includes(this.inputValue().toLowerCase());
+            const descriptionMatches = r.description?.toLowerCase().includes(this.inputValue().toLowerCase()) ?? false;
+            return nameMatches || descriptionMatches;
+        });
+    });
+    handleMobileOpen() {
+        this.mobileOpen.update(prev => !prev);
+    }
+    handleSelectRepresentative(r) {
+        this.currentRepresentative.set(r);
+    }
+    handleInputChange(event) {
+        const value = event.target.value;
+        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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRoleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tedi-header-role', standalone: true, imports: [
+                        NgFor,
+                        NgIf,
+                        NgTemplateOutlet,
+                        PopoverComponent,
+                        PopoverTriggerComponent,
+                        PopoverContentComponent,
+                        IconComponent,
+                        ButtonComponent,
+                        TextComponent,
+                        ShowAtDirective,
+                        HideAtDirective
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "tedi-header-role"
+                    }, template: "<ng-container *hideAt=\"'lg'\">\n    <div class=\"tedi-header-role__head\">\n        <div tedi-text color=\"secondary\" class=\"tedi-header-role__info\" [attr.data-multiple]=\"representatives().length > 1\">\n            <b>{{ role() }} {{ currentRepresentative().name }}</b>\n            @if (description()) {\n                <span class=\"tedi-header-role__description\">{{ description() }}</span>\n            }\n        </div>\n        @if (representatives().length > 1) {\n            <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n                {{ collapseText() }}\n                <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n            </button>\n        }\n    </div>\n    @if (representatives().length > 1) {\n        <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n            <div class=\"tedi-header-role__collapse__items\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n    @if (role() || description()) {\n        <div tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-role__head\">\n            @if (role()) {\n                <b>{{ role() }}</b>\n            }\n\n            @if (description()) {\n                <span class=\"tedi-header-role__description\">{{ description() }}</span>\n            }\n        </div>\n    }\n\n    <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n        <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n            <tedi-popover-trigger>\n                <button class=\"tedi-link tedi-header__link-button\">\n                    <span>{{ currentRepresentative().name }}</span>\n                    <tedi-icon name=\"expand_more\" />\n                </button>\n            </tedi-popover-trigger>\n            <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </tedi-popover-content>\n        </tedi-popover>\n    </ng-container>\n</ng-container>\n\n<ng-template #content>\n    @if (showInput()) {\n        <div>\n            <label for=\"representative-input\">{{ searchText() }}</label>\n            <input id=\"representative-input\" class=\"tedi-header-role__input\" [value]=\"inputValue()\" (input)=\"handleInputChange($event)\" />\n        </div>\n    }\n    @if (filteredRepresentatives().length === 0) {\n        <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n    }\n    <button \n        *ngFor=\"let r of filteredRepresentatives();\"\n        class=\"tedi-header-role__representative\"\n        [attr.data-selected]=\"r.name === currentRepresentative().name && r.description === currentRepresentative().description\"\n        (click)=\"handleSelectRepresentative(r)\"\n    >\n        @if (r.icon) {\n            <tedi-icon [name]=\"r.icon\" />\n        }\n        <div>\n            <div>{{ r.name }}</div>\n            @if (r.description) {\n                <div>\n                    {{ r.description }}\n                </div>\n            }\n        </div>\n    </button>\n</ng-template>\n\n<ng-template #normalText>\n    <div>{{ currentRepresentative().name }}</div>\n</ng-template>", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--_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"] }]
+        }] });
+
+class SideNavService {
+    breakpointService = inject(BreakpointService);
+    items = signal([]);
+    desktopBreakpoint = signal("lg");
+    isMobile = this.breakpointService.isBelowBreakpoint(this.desktopBreakpoint);
+    isMobileOpen = signal(false);
+    isCollapsed = signal(false);
+    constructor() {
+        effect(() => {
+            if (this.isMobile() && this.isCollapsed()) {
+                this.isCollapsed.set(false);
+            }
+        });
+    }
+    registerItem(item) {
+        this.items.update((list) => [...list, item]);
+    }
+    unregisterItem(item) {
+        this.items.update((list) => list.filter((i) => i !== item));
+    }
+    handleGoToMainMenu() {
+        this.items().forEach((item) => item.dropdown?.open.set(false));
+    }
+    handleCollapse() {
+        this.isCollapsed.update((prev) => !prev);
+    }
+    isMobileItemOpen = computed(() => {
+        return (this.isMobile() && this.items().some((item) => item.dropdown?.open()));
+    });
+    tooltipEnabled = computed(() => {
+        return this.isCollapsed() && !this.items().some(item => item.dropdown?.open());
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }], ctorParameters: () => [] });
+
+class SideNavComponent {
+    sidenavService;
+    /**
+     * Show dividers between items
+     * @default true
+     */
+    dividers = input(true);
+    /**
+     * Size of navigation item
+     * @default large
+     */
+    size = input("large");
+    /**
+     * Is navigation collapsible in desktop?
+     * @default false
+     */
+    collapsible = input(false);
+    /** Breakpoint when to show desktop navigation
+     * @default lg
+     */
+    desktopBreakpoint = input("lg");
+    constructor(sidenavService) {
+        this.sidenavService = sidenavService;
+        effect(() => {
+            this.sidenavService.desktopBreakpoint.set(this.desktopBreakpoint());
+        });
+    }
+    classes = computed(() => {
+        const classList = ["tedi-sidenav", `tedi-sidenav--${this.size()}`];
+        if (this.dividers()) {
+            classList.push("tedi-sidenav--dividers");
+        }
+        if (this.sidenavService.isCollapsed()) {
+            classList.push("tedi-sidenav--collapsed");
+        }
+        if (this.sidenavService.isMobile()) {
+            classList.push("tedi-sidenav--mobile");
+        }
+        if (this.sidenavService.isMobileItemOpen()) {
+            classList.push("tedi-sidenav--mobile-item-open");
+        }
+        if (this.sidenavService.isMobile() && !this.sidenavService.isMobileOpen()) {
+            classList.push("tedi-sidenav--hidden");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavComponent, deps: [{ token: SideNavService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavComponent, isStandalone: true, selector: "nav[tedi-sidenav]", inputs: { dividers: { classPropertyName: "dividers", publicName: "dividers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, desktopBreakpoint: { classPropertyName: "desktopBreakpoint", publicName: "desktopBreakpoint", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (!sidenavService.isMobile() && collapsible()) {\n  <button\n    class=\"tedi-sidenav__collapse\"\n    (click)=\"sidenavService.handleCollapse()\"\n    [attr.aria-label]=\"'toggle' | tediTranslate: !sidenavService.isCollapsed()\"\n  >\n    <tedi-icon\n      [name]=\"\n        sidenavService.isCollapsed() ? 'left_panel_open' : 'right_panel_open'\n      \"\n      color=\"brand\"\n    />\n  </button>\n}\n@if (sidenavService.isMobileItemOpen()) {\n  <button\n    class=\"tedi-sidenav-back\"\n    (click)=\"sidenavService.handleGoToMainMenu()\"\n  >\n    <tedi-icon name=\"arrow_back\" color=\"white\" />\n    {{ \"sidenav.backToMainMenu\" | tediTranslate }}\n  </button>\n}\n<ng-content></ng-content>\n", styles: [":root{--_sidenav-tree-container: 24px;--_sidenav-tree-trunk-width: 2px;--_sidenav-tree-branch-width: 10px;--_sidenav-tree-bullet-size: 8px;--_sidenav-tree-left-padding: ( var(--_sidenav-tree-container) - var(--_sidenav-tree-trunk-width) ) / 2;--_sidenav-dropdown-collapsed-min-width: 16.5rem;--_sidenav-dropdown-collapsed-left: 4px;--_sidenav-dropdown-item-large-height: 48px;--_sidenav-dropdown-item-medium-height: 44px;--_sidenav-dropdown-item-small-height: 36px;--_sidenav-dropdown-item-collapsed-height: 40px;--_sidenav-collapsed-text-width: 4.5rem;--_sidenav-transition-duration: .3s}.tedi-sidenav{position:relative;display:flex;flex-direction:column;max-width:100%;min-height:100%;background-color:var(--side-navigation-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav)}.tedi-sidenav{width:var(--side-navigation-item-width-default-mobile)}@media (min-width: 576px){.tedi-sidenav{width:var(--side-navigation-item-width-default-tablet)}}@media (min-width: 992px){.tedi-sidenav{width:var(--side-navigation-item-width-default-desktop)}}.tedi-sidenav__collapse{position:absolute;right:0;transform:translate(50%);display:flex;justify-content:center;align-items:center;border:var(--borders-01) solid var(--button-floating-secondary-border-default);background:var(--button-floating-secondary-background-default);z-index:var(--z-index-sidenav);cursor:pointer}.tedi-sidenav__collapse{top:var(--side-navigation-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{top:var(--side-navigation-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{top:var(--side-navigation-item-padding-y-desktop)}}.tedi-sidenav__collapse{width:var(--button-sm-height-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{width:var(--button-sm-height-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{width:var(--button-sm-height-desktop)}}.tedi-sidenav__collapse{height:var(--button-sm-height-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{height:var(--button-sm-height-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{height:var(--button-sm-height-desktop)}}.tedi-sidenav__collapse{padding:var(--button-md-icon-padding-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{padding:var(--button-md-icon-padding-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{padding:var(--button-md-icon-padding-desktop)}}.tedi-sidenav__collapse{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{border-radius:var(--button-radius-default-desktop)}}.tedi-sidenav__collapse:hover{color:var(--button-floating-secondary-text-hover);border:var(--borders-01) solid var(--button-floating-secondary-border-hover);background:var(--button-floating-secondary-background-hover)}.tedi-sidenav__collapse:active{color:var(--button-floating-secondary-text-active);border:var(--borders-01) solid var(--button-floating-secondary-border-active);background:var(--button-floating-secondary-background-active)}.tedi-sidenav__collapse:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--_sidenav-dropdown-item-large-height)}.tedi-sidenav--large{--_sidenav-item-min-height: var(--side-navigation-item-min-height-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-min-height: var(--side-navigation-item-min-height-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-min-height: var(--side-navigation-item-min-height-desktop)}}.tedi-sidenav--large{--_sidenav-item-font-size: var(--side-navigation-text-size-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-font-size: var(--side-navigation-text-size-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-font-size: var(--side-navigation-text-size-desktop)}}.tedi-sidenav--large{--_sidenav-item-line-height: var(--body-regular-line-height-mobile)}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-line-height: var(--body-regular-line-height-desktop)}}.tedi-sidenav--large{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-desktop)}}.tedi-sidenav--large{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-desktop)}}.tedi-sidenav--large{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-desktop)}}.tedi-sidenav--large{--_sidenav-item-icon-size: var(--side-navigation-item-icon-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-icon-size: var(--side-navigation-item-icon-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-icon-size: var(--side-navigation-item-icon-desktop)}}.tedi-sidenav--large{--_sidenav-item-caret-size: var(--side-navigation-item-icon-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-caret-size: var(--side-navigation-item-icon-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-caret-size: var(--side-navigation-item-icon-desktop)}}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-medium-height )}.tedi-sidenav--medium{--_sidenav-item-min-height: var(--side-navigation-item-min-height-medium-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-min-height: var(--side-navigation-item-min-height-medium-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-min-height: var(--side-navigation-item-min-height-medium-desktop)}}.tedi-sidenav--medium{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-desktop)}}.tedi-sidenav--medium{--_sidenav-item-line-height: var(--body-small-regular-line-height-mobile)}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-line-height: var(--body-small-regular-line-height-desktop)}}.tedi-sidenav--medium{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-md-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-md-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-md-desktop)}}.tedi-sidenav--medium{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-desktop)}}.tedi-sidenav--medium{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-desktop)}}.tedi-sidenav--medium{--_sidenav-item-icon-size: var(--side-navigation-item-icon-md-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-icon-size: var(--side-navigation-item-icon-md-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-icon-size: var(--side-navigation-item-icon-md-desktop)}}.tedi-sidenav--medium{--_sidenav-item-caret-size: var(--side-navigation-item-icon-md-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-caret-size: var(--side-navigation-item-icon-md-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-caret-size: var(--side-navigation-item-icon-md-desktop)}}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--_sidenav-dropdown-item-small-height)}.tedi-sidenav--small{--_sidenav-item-min-height: var(--side-navigation-item-min-height-small-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-min-height: var(--side-navigation-item-min-height-small-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-min-height: var(--side-navigation-item-min-height-small-desktop)}}.tedi-sidenav--small{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-desktop)}}.tedi-sidenav--small{--_sidenav-item-line-height: var(--body-small-regular-line-height-mobile)}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-line-height: var(--body-small-regular-line-height-desktop)}}.tedi-sidenav--small{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-sm-desktop)}}.tedi-sidenav--small{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-desktop)}}.tedi-sidenav--small{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-desktop)}}.tedi-sidenav--small{--_sidenav-item-icon-size: var(--side-navigation-item-icon-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-icon-size: var(--side-navigation-item-icon-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-icon-size: var(--side-navigation-item-icon-sm-desktop)}}.tedi-sidenav--small{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-desktop)}}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--side-navigation-item-border)}.tedi-sidenav--dividers .tedi-sidenav-item:last-of-type{border-bottom:0}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-dropdown{transition:none}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-item__text{white-space:wrap;animation:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-group-title{display:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-item{border-bottom:0}.tedi-sidenav--mobile-item-open .tedi-sidenav-item .tedi-sidenav-group-title{display:block}.tedi-sidenav--collapsed{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-collapsed-height )}.tedi-sidenav--collapsed{--_sidenav-item-icon-size: var(--side-navigation-item-icon-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed{--_sidenav-item-icon-size: var(--side-navigation-item-icon-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed{--_sidenav-item-icon-size: var(--side-navigation-item-icon-desktop)}}.tedi-sidenav--collapsed{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-desktop)}}.tedi-sidenav--collapsed{width:var(--side-navigation-item-width-collapsed-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed{width:var(--side-navigation-item-width-collapsed-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed{width:var(--side-navigation-item-width-collapsed-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{min-height:var(--side-navigation-item-min-height-large-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{min-height:var(--side-navigation-item-min-height-large-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{min-height:var(--side-navigation-item-min-height-large-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{padding:var(--side-navigation-item-padding-y-mobile) var(--side-navigation-item-padding-x-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{padding:var(--side-navigation-item-padding-y-tablet) var(--side-navigation-item-padding-x-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{padding:var(--side-navigation-item-padding-y-desktop) var(--side-navigation-item-padding-x-sm-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret{position:absolute;top:var(--_sidenav-item-padding-y);right:var(--_sidenav-item-padding-right);font-size:var(--size-03)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret[data-open=true]{transform:rotate(-90deg)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__text{white-space:nowrap;max-width:var(--_sidenav-collapsed-text-width);animation:none}.tedi-sidenav--collapsed .tedi-sidenav-group-title{border-bottom:var(--borders-01) solid var(--side-navigation-group-title-text)}.tedi-sidenav--collapsed .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:none}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{min-width:var(--_sidenav-dropdown-collapsed-min-width);position:absolute;top:0;left:calc(100% + var(--_sidenav-dropdown-collapsed-left));background:var(--dropdown-item-default-background);border:var(--borders-01) solid var(--card-border-primary);box-shadow:0 1px 5px 0 var(--alpha-20);transition:none;visibility:hidden}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{border-radius:var(--form-select-area-radius-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown{border-radius:var(--form-select-area-radius-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown{border-radius:var(--form-select-area-radius-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown--open{visibility:visible}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title{border:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:block;color:var(--general-text-tertiary);font-size:14px;line-height:20px}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--dropdown-group-label-padding-y-mobile) var(--dropdown-group-label-padding-x-mobile) var(--layout-grid-gutters-04-mobile) var(--dropdown-group-label-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--dropdown-group-label-padding-y-tablet) var(--dropdown-group-label-padding-x-tablet) var(--layout-grid-gutters-04-tablet) var(--dropdown-group-label-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--dropdown-group-label-padding-y-desktop) var(--dropdown-group-label-padding-x-desktop) var(--layout-grid-gutters-04-desktop) var(--dropdown-group-label-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{color:var(--dropdown-item-default-text)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-top:var(--dropdown-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-top:var(--dropdown-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-top:var(--dropdown-item-padding-y-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-bottom:var(--dropdown-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-bottom:var(--dropdown-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-bottom:var(--dropdown-item-padding-y-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-right:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-right:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-right:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-left:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-left:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-left:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{font-size:var(--body-regular-size-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item.tedi-sidenav-dropdown-item--selected,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:hover{color:var(--dropdown-item-hover-text);background-color:var(--dropdown-item-hover-background)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:before,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:after{height:0;width:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{padding-left:calc(var(--_padding-left) + var(--_sidenav-tree-container) + var(--_gap))}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{--_padding-left: var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{--_padding-left: var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{--_padding-left: var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:after{width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);top:50%;transform:translateY(-50%);background-color:var(--side-navigation-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:before{height:100%;width:var(--_sidenav-tree-trunk-width);background-color:var(--side-navigation-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):before{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav .tedi-sidenav-back{min-height:var(--_sidenav-item-min-height);font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left);color:var(--side-navigation-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--side-navigation-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--_sidenav-item-icon-size)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { 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: SideNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "nav[tedi-sidenav]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, TediTranslationPipe], host: {
+                        "[class]": "classes()",
+                    }, template: "@if (!sidenavService.isMobile() && collapsible()) {\n  <button\n    class=\"tedi-sidenav__collapse\"\n    (click)=\"sidenavService.handleCollapse()\"\n    [attr.aria-label]=\"'toggle' | tediTranslate: !sidenavService.isCollapsed()\"\n  >\n    <tedi-icon\n      [name]=\"\n        sidenavService.isCollapsed() ? 'left_panel_open' : 'right_panel_open'\n      \"\n      color=\"brand\"\n    />\n  </button>\n}\n@if (sidenavService.isMobileItemOpen()) {\n  <button\n    class=\"tedi-sidenav-back\"\n    (click)=\"sidenavService.handleGoToMainMenu()\"\n  >\n    <tedi-icon name=\"arrow_back\" color=\"white\" />\n    {{ \"sidenav.backToMainMenu\" | tediTranslate }}\n  </button>\n}\n<ng-content></ng-content>\n", styles: [":root{--_sidenav-tree-container: 24px;--_sidenav-tree-trunk-width: 2px;--_sidenav-tree-branch-width: 10px;--_sidenav-tree-bullet-size: 8px;--_sidenav-tree-left-padding: ( var(--_sidenav-tree-container) - var(--_sidenav-tree-trunk-width) ) / 2;--_sidenav-dropdown-collapsed-min-width: 16.5rem;--_sidenav-dropdown-collapsed-left: 4px;--_sidenav-dropdown-item-large-height: 48px;--_sidenav-dropdown-item-medium-height: 44px;--_sidenav-dropdown-item-small-height: 36px;--_sidenav-dropdown-item-collapsed-height: 40px;--_sidenav-collapsed-text-width: 4.5rem;--_sidenav-transition-duration: .3s}.tedi-sidenav{position:relative;display:flex;flex-direction:column;max-width:100%;min-height:100%;background-color:var(--side-navigation-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav)}.tedi-sidenav{width:var(--side-navigation-item-width-default-mobile)}@media (min-width: 576px){.tedi-sidenav{width:var(--side-navigation-item-width-default-tablet)}}@media (min-width: 992px){.tedi-sidenav{width:var(--side-navigation-item-width-default-desktop)}}.tedi-sidenav__collapse{position:absolute;right:0;transform:translate(50%);display:flex;justify-content:center;align-items:center;border:var(--borders-01) solid var(--button-floating-secondary-border-default);background:var(--button-floating-secondary-background-default);z-index:var(--z-index-sidenav);cursor:pointer}.tedi-sidenav__collapse{top:var(--side-navigation-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{top:var(--side-navigation-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{top:var(--side-navigation-item-padding-y-desktop)}}.tedi-sidenav__collapse{width:var(--button-sm-height-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{width:var(--button-sm-height-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{width:var(--button-sm-height-desktop)}}.tedi-sidenav__collapse{height:var(--button-sm-height-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{height:var(--button-sm-height-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{height:var(--button-sm-height-desktop)}}.tedi-sidenav__collapse{padding:var(--button-md-icon-padding-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{padding:var(--button-md-icon-padding-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{padding:var(--button-md-icon-padding-desktop)}}.tedi-sidenav__collapse{border-radius:var(--button-radius-default-mobile)}@media (min-width: 576px){.tedi-sidenav__collapse{border-radius:var(--button-radius-default-tablet)}}@media (min-width: 992px){.tedi-sidenav__collapse{border-radius:var(--button-radius-default-desktop)}}.tedi-sidenav__collapse:hover{color:var(--button-floating-secondary-text-hover);border:var(--borders-01) solid var(--button-floating-secondary-border-hover);background:var(--button-floating-secondary-background-hover)}.tedi-sidenav__collapse:active{color:var(--button-floating-secondary-text-active);border:var(--borders-01) solid var(--button-floating-secondary-border-active);background:var(--button-floating-secondary-background-active)}.tedi-sidenav__collapse:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--_sidenav-dropdown-item-large-height)}.tedi-sidenav--large{--_sidenav-item-min-height: var(--side-navigation-item-min-height-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-min-height: var(--side-navigation-item-min-height-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-min-height: var(--side-navigation-item-min-height-desktop)}}.tedi-sidenav--large{--_sidenav-item-font-size: var(--side-navigation-text-size-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-font-size: var(--side-navigation-text-size-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-font-size: var(--side-navigation-text-size-desktop)}}.tedi-sidenav--large{--_sidenav-item-line-height: var(--body-regular-line-height-mobile)}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-line-height: var(--body-regular-line-height-desktop)}}.tedi-sidenav--large{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-desktop)}}.tedi-sidenav--large{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-desktop)}}.tedi-sidenav--large{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-desktop)}}.tedi-sidenav--large{--_sidenav-item-icon-size: var(--side-navigation-item-icon-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-icon-size: var(--side-navigation-item-icon-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-icon-size: var(--side-navigation-item-icon-desktop)}}.tedi-sidenav--large{--_sidenav-item-caret-size: var(--side-navigation-item-icon-mobile)}@media (min-width: 576px){.tedi-sidenav--large{--_sidenav-item-caret-size: var(--side-navigation-item-icon-tablet)}}@media (min-width: 992px){.tedi-sidenav--large{--_sidenav-item-caret-size: var(--side-navigation-item-icon-desktop)}}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-medium-height )}.tedi-sidenav--medium{--_sidenav-item-min-height: var(--side-navigation-item-min-height-medium-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-min-height: var(--side-navigation-item-min-height-medium-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-min-height: var(--side-navigation-item-min-height-medium-desktop)}}.tedi-sidenav--medium{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-desktop)}}.tedi-sidenav--medium{--_sidenav-item-line-height: var(--body-small-regular-line-height-mobile)}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-line-height: var(--body-small-regular-line-height-desktop)}}.tedi-sidenav--medium{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-md-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-md-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-md-desktop)}}.tedi-sidenav--medium{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-desktop)}}.tedi-sidenav--medium{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-desktop)}}.tedi-sidenav--medium{--_sidenav-item-icon-size: var(--side-navigation-item-icon-md-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-icon-size: var(--side-navigation-item-icon-md-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-icon-size: var(--side-navigation-item-icon-md-desktop)}}.tedi-sidenav--medium{--_sidenav-item-caret-size: var(--side-navigation-item-icon-md-mobile)}@media (min-width: 576px){.tedi-sidenav--medium{--_sidenav-item-caret-size: var(--side-navigation-item-icon-md-tablet)}}@media (min-width: 992px){.tedi-sidenav--medium{--_sidenav-item-caret-size: var(--side-navigation-item-icon-md-desktop)}}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--_sidenav-dropdown-item-small-height)}.tedi-sidenav--small{--_sidenav-item-min-height: var(--side-navigation-item-min-height-small-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-min-height: var(--side-navigation-item-min-height-small-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-min-height: var(--side-navigation-item-min-height-small-desktop)}}.tedi-sidenav--small{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-desktop)}}.tedi-sidenav--small{--_sidenav-item-line-height: var(--body-small-regular-line-height-mobile)}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-line-height: var(--body-small-regular-line-height-desktop)}}.tedi-sidenav--small{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-padding-y: var(--side-navigation-item-padding-y-sm-desktop)}}.tedi-sidenav--small{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-padding-right: var(--side-navigation-item-padding-right-desktop)}}.tedi-sidenav--small{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-padding-left: var(--side-navigation-item-padding-left-level-1-desktop)}}.tedi-sidenav--small{--_sidenav-item-icon-size: var(--side-navigation-item-icon-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-icon-size: var(--side-navigation-item-icon-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-icon-size: var(--side-navigation-item-icon-sm-desktop)}}.tedi-sidenav--small{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--small{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--small{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-desktop)}}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--side-navigation-item-border)}.tedi-sidenav--dividers .tedi-sidenav-item:last-of-type{border-bottom:0}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-dropdown{transition:none}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-item__text{white-space:wrap;animation:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-group-title{display:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-item{border-bottom:0}.tedi-sidenav--mobile-item-open .tedi-sidenav-item .tedi-sidenav-group-title{display:block}.tedi-sidenav--collapsed{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-collapsed-height )}.tedi-sidenav--collapsed{--_sidenav-item-icon-size: var(--side-navigation-item-icon-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed{--_sidenav-item-icon-size: var(--side-navigation-item-icon-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed{--_sidenav-item-icon-size: var(--side-navigation-item-icon-desktop)}}.tedi-sidenav--collapsed{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed{--_sidenav-item-caret-size: var(--side-navigation-item-icon-sm-desktop)}}.tedi-sidenav--collapsed{width:var(--side-navigation-item-width-collapsed-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed{width:var(--side-navigation-item-width-collapsed-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed{width:var(--side-navigation-item-width-collapsed-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--side-navigation-text-size-sm-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{min-height:var(--side-navigation-item-min-height-large-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{min-height:var(--side-navigation-item-min-height-large-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{min-height:var(--side-navigation-item-min-height-large-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{padding:var(--side-navigation-item-padding-y-mobile) var(--side-navigation-item-padding-x-sm-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{padding:var(--side-navigation-item-padding-y-tablet) var(--side-navigation-item-padding-x-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{padding:var(--side-navigation-item-padding-y-desktop) var(--side-navigation-item-padding-x-sm-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret{position:absolute;top:var(--_sidenav-item-padding-y);right:var(--_sidenav-item-padding-right);font-size:var(--size-03)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret[data-open=true]{transform:rotate(-90deg)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__text{white-space:nowrap;max-width:var(--_sidenav-collapsed-text-width);animation:none}.tedi-sidenav--collapsed .tedi-sidenav-group-title{border-bottom:var(--borders-01) solid var(--side-navigation-group-title-text)}.tedi-sidenav--collapsed .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:none}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{min-width:var(--_sidenav-dropdown-collapsed-min-width);position:absolute;top:0;left:calc(100% + var(--_sidenav-dropdown-collapsed-left));background:var(--dropdown-item-default-background);border:var(--borders-01) solid var(--card-border-primary);box-shadow:0 1px 5px 0 var(--alpha-20);transition:none;visibility:hidden}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{border-radius:var(--form-select-area-radius-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown{border-radius:var(--form-select-area-radius-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown{border-radius:var(--form-select-area-radius-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown--open{visibility:visible}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title{border:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:block;color:var(--general-text-tertiary);font-size:14px;line-height:20px}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--dropdown-group-label-padding-y-mobile) var(--dropdown-group-label-padding-x-mobile) var(--layout-grid-gutters-04-mobile) var(--dropdown-group-label-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--dropdown-group-label-padding-y-tablet) var(--dropdown-group-label-padding-x-tablet) var(--layout-grid-gutters-04-tablet) var(--dropdown-group-label-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--dropdown-group-label-padding-y-desktop) var(--dropdown-group-label-padding-x-desktop) var(--layout-grid-gutters-04-desktop) var(--dropdown-group-label-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{color:var(--dropdown-item-default-text)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-top:var(--dropdown-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-top:var(--dropdown-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-top:var(--dropdown-item-padding-y-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-bottom:var(--dropdown-item-padding-y-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-bottom:var(--dropdown-item-padding-y-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-bottom:var(--dropdown-item-padding-y-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-right:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-right:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-right:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-left:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-left:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{padding-left:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{font-size:var(--body-regular-size-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item.tedi-sidenav-dropdown-item--selected,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:hover{color:var(--dropdown-item-hover-text);background-color:var(--dropdown-item-hover-background)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:before,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:after{height:0;width:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{padding-left:calc(var(--_padding-left) + var(--_sidenav-tree-container) + var(--_gap))}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{--_padding-left: var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{--_padding-left: var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{--_padding-left: var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:after{width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);top:50%;transform:translateY(-50%);background-color:var(--side-navigation-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:before{height:100%;width:var(--_sidenav-tree-trunk-width);background-color:var(--side-navigation-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):before{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav .tedi-sidenav-back{min-height:var(--_sidenav-item-min-height);font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left);color:var(--side-navigation-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--side-navigation-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--_sidenav-item-icon-size)}\n"] }]
+        }], ctorParameters: () => [{ type: SideNavService }] });
+
+class SideNavDropdownItemComponent {
+    /**
+     * Is navigation item selected
+     * @default false
+     */
+    selected = input(false);
+    /**
+     * External link
+     */
+    href = input();
+    /**
+     * Router link
+     */
+    routerLink = input();
+    classes = computed(() => {
+        const classList = ["tedi-sidenav-dropdown-item"];
+        if (this.selected()) {
+            classList.push("tedi-sidenav-dropdown-item--selected");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavDropdownItemComponent, isStandalone: true, selector: "tedi-sidenav-dropdown-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (href()) {\n  <a [href]=\"href()\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n} @else if (routerLink()) {\n  <a [routerLink]=\"routerLink()\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".tedi-sidenav-dropdown-item{min-height:var(--_sidenav-dropdown-item-height);position:relative;display:block;color:var(--side-navigation-item-text);padding-top:var(--_sidenav-item-padding-y);padding-bottom:var(--_sidenav-item-padding-y);padding-right:var(--_sidenav-item-padding-right);padding-left:calc(var(--_padding-left) + var(--_sidenav-tree-container) + var(--_gap));cursor:pointer}.tedi-sidenav-dropdown-item{--_padding-left: var(--side-navigation-item-padding-left-level-2-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item{--_padding-left: var(--side-navigation-item-padding-left-level-2-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item{--_padding-left: var(--side-navigation-item-padding-left-level-2-desktop)}}.tedi-sidenav-dropdown-item{--_gap: var(--side-navigation-item-inner-spacing-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item{--_gap: var(--side-navigation-item-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item{--_gap: var(--side-navigation-item-inner-spacing-desktop)}}.tedi-sidenav-dropdown-item:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav-dropdown-item--selected{background:var(--side-navigation-item-background-active)}.tedi-sidenav-dropdown-item--selected{font-weight:var(--body-bold-weight-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item--selected{font-weight:var(--body-bold-weight-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item--selected{font-weight:var(--body-bold-weight-desktop)}}.tedi-sidenav-dropdown-item:before{content:\"\";position:absolute;top:0;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-trunk-width);height:100%;background-color:var(--side-navigation-tree-brand-default)}.tedi-sidenav-dropdown-item:after{content:\"\";position:absolute;top:50%;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);transform:translateY(-50%);background-color:var(--side-navigation-tree-brand-default)}.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav-dropdown-item--parent:before,.tedi-sidenav-dropdown-item--parent:after{display:none}.tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav-dropdown-item a{text-decoration:none;color:inherit}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-sidenav-dropdown-item", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RouterLink, NgTemplateOutlet], host: {
+                        "[class]": "classes()",
+                    }, template: "@if (href()) {\n  <a [href]=\"href()\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n} @else if (routerLink()) {\n  <a [routerLink]=\"routerLink()\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".tedi-sidenav-dropdown-item{min-height:var(--_sidenav-dropdown-item-height);position:relative;display:block;color:var(--side-navigation-item-text);padding-top:var(--_sidenav-item-padding-y);padding-bottom:var(--_sidenav-item-padding-y);padding-right:var(--_sidenav-item-padding-right);padding-left:calc(var(--_padding-left) + var(--_sidenav-tree-container) + var(--_gap));cursor:pointer}.tedi-sidenav-dropdown-item{--_padding-left: var(--side-navigation-item-padding-left-level-2-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item{--_padding-left: var(--side-navigation-item-padding-left-level-2-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item{--_padding-left: var(--side-navigation-item-padding-left-level-2-desktop)}}.tedi-sidenav-dropdown-item{--_gap: var(--side-navigation-item-inner-spacing-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item{--_gap: var(--side-navigation-item-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item{--_gap: var(--side-navigation-item-inner-spacing-desktop)}}.tedi-sidenav-dropdown-item:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav-dropdown-item--selected{background:var(--side-navigation-item-background-active)}.tedi-sidenav-dropdown-item--selected{font-weight:var(--body-bold-weight-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item--selected{font-weight:var(--body-bold-weight-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item--selected{font-weight:var(--body-bold-weight-desktop)}}.tedi-sidenav-dropdown-item:before{content:\"\";position:absolute;top:0;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-trunk-width);height:100%;background-color:var(--side-navigation-tree-brand-default)}.tedi-sidenav-dropdown-item:after{content:\"\";position:absolute;top:50%;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);transform:translateY(-50%);background-color:var(--side-navigation-tree-brand-default)}.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x-mobile)}@media (min-width: 576px){.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x-tablet)}}@media (min-width: 992px){.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x-desktop)}}.tedi-sidenav-dropdown-item--parent:before,.tedi-sidenav-dropdown-item--parent:after{display:none}.tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav-dropdown-item a{text-decoration:none;color:inherit}\n"] }]
+        }] });
+
+class SideNavGroupTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavGroupTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SideNavGroupTitleComponent, isStandalone: true, selector: "tedi-sidenav-group-title", host: { classAttribute: "tedi-sidenav-group-title" }, ngImport: i0, template: "<div class=\"tedi-sidenav-group-title__text\">\n  <ng-content></ng-content>\n</div>\n", styles: [".tedi-sidenav-group-title .tedi-sidenav-group-title__text{color:var(--side-navigation-group-title-text);font-size:12px;font-weight:700;line-height:16px;text-transform:uppercase}.tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--layout-grid-gutters-16-mobile) var(--side-navigation-item-padding-right-mobile) var(--layout-grid-gutters-02-mobile) var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--layout-grid-gutters-16-tablet) var(--side-navigation-item-padding-right-tablet) var(--layout-grid-gutters-02-tablet) var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--layout-grid-gutters-16-desktop) var(--side-navigation-item-padding-right-desktop) var(--layout-grid-gutters-02-desktop) var(--side-navigation-item-padding-left-level-1-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavGroupTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-sidenav-group-title", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "class": "tedi-sidenav-group-title",
+                    }, template: "<div class=\"tedi-sidenav-group-title__text\">\n  <ng-content></ng-content>\n</div>\n", styles: [".tedi-sidenav-group-title .tedi-sidenav-group-title__text{color:var(--side-navigation-group-title-text);font-size:12px;font-weight:700;line-height:16px;text-transform:uppercase}.tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--layout-grid-gutters-16-mobile) var(--side-navigation-item-padding-right-mobile) var(--layout-grid-gutters-02-mobile) var(--side-navigation-item-padding-left-level-1-mobile)}@media (min-width: 576px){.tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--layout-grid-gutters-16-tablet) var(--side-navigation-item-padding-right-tablet) var(--layout-grid-gutters-02-tablet) var(--side-navigation-item-padding-left-level-1-tablet)}}@media (min-width: 992px){.tedi-sidenav-group-title .tedi-sidenav-group-title__text{padding:var(--layout-grid-gutters-16-desktop) var(--side-navigation-item-padding-right-desktop) var(--layout-grid-gutters-02-desktop) var(--side-navigation-item-padding-left-level-1-desktop)}}\n"] }]
+        }] });
+
+class TooltipTriggerComponent {
+    host = inject(ElementRef);
+    renderer = inject(Renderer2);
+    element = signal(null);
+    ngAfterContentInit() {
+        const element = this.host.nativeElement;
+        const firstChild = element.firstChild;
+        if (!firstChild) {
+            return;
+        }
+        if (firstChild.nodeType === Node.TEXT_NODE && firstChild.textContent?.trim()) {
+            const span = this.renderer.createElement('span');
+            const textNode = this.renderer.createText(firstChild.textContent.trim());
+            this.renderer.appendChild(span, textNode);
+            this.renderer.addClass(span, "tedi-tooltip-trigger__text");
+            this.renderer.setAttribute(span, "tabindex", "0");
+            this.renderer.insertBefore(this.host.nativeElement, span, firstChild);
+            this.renderer.removeChild(this.host.nativeElement, firstChild);
+            this.element.set(span);
+        }
+        else {
+            const element = firstChild;
+            this.renderer.setAttribute(element, "tabindex", element.getAttribute("tabindex") ?? "0");
+            this.element.set(element);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TooltipTriggerComponent, isStandalone: true, selector: "tedi-tooltip-trigger", ngImport: i0, template: "<ng-content />", isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipTriggerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "tedi-tooltip-trigger",
+                    standalone: true,
+                    template: "<ng-content />",
+                }]
+        }] });
+
+class TooltipContentComponent {
+    /**
+     * The position of the tooltip relative to the trigger element. If tooltip can't
+     * be positioned in the specified direction, the CDK will try to position the tooltip
+     * in the next direction in positions list.
+     * @default top
+     */
+    position = input("top");
+    /**
+     * The width of the tooltip. Can be 'none', 'small', 'medium', or 'large'.
+     * @default medium
+     */
+    maxWidth = input("medium");
+    classes = computed(() => {
+        return ["tedi-tooltip-content", `tedi-tooltip-content--${this.maxWidth()}`].join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TooltipContentComponent, isStandalone: true, selector: "tedi-tooltip-content", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}.tedi-tooltip-content{max-width:var(--tooltip-max-width-mobile)}@media (min-width: 576px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-desktop)}}.tedi-tooltip-content{padding:var(--tooltip-padding-y-mobile) var(--tooltip-padding-x-mobile)}@media (min-width: 576px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-tablet) var(--tooltip-padding-x-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-desktop) var(--tooltip-padding-x-desktop)}}.tedi-tooltip-content{border-radius:var(--tooltip-radius-mobile)}@media (min-width: 576px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-desktop)}}.tedi-tooltip-content:after{content:\"\";position:absolute;width:14px;height:14px;background:var(--tooltip-background);transform:rotate(45deg)}.tedi-tooltip-content--none{max-width:none}.tedi-tooltip-content--small{max-width:10rem}.tedi-tooltip-content--medium{max-width:15rem}.tedi-tooltip-content--large{max-width:30rem}.tedi-tooltip-content__arrow--top .tedi-tooltip-content:after{top:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--bottom .tedi-tooltip-content:after{bottom:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--left .tedi-tooltip-content:after{top:calc(50% - 7px);right:calc(100% - 7px)}.tedi-tooltip-content__arrow--right .tedi-tooltip-content:after{top:calc(50% - 7px);left:calc(100% - 7px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipContentComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-tooltip-content", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        "[class]": "classes()",
+                        "role": "tooltip",
+                    }, styles: [".tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}.tedi-tooltip-content{max-width:var(--tooltip-max-width-mobile)}@media (min-width: 576px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-desktop)}}.tedi-tooltip-content{padding:var(--tooltip-padding-y-mobile) var(--tooltip-padding-x-mobile)}@media (min-width: 576px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-tablet) var(--tooltip-padding-x-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-desktop) var(--tooltip-padding-x-desktop)}}.tedi-tooltip-content{border-radius:var(--tooltip-radius-mobile)}@media (min-width: 576px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-desktop)}}.tedi-tooltip-content:after{content:\"\";position:absolute;width:14px;height:14px;background:var(--tooltip-background);transform:rotate(45deg)}.tedi-tooltip-content--none{max-width:none}.tedi-tooltip-content--small{max-width:10rem}.tedi-tooltip-content--medium{max-width:15rem}.tedi-tooltip-content--large{max-width:30rem}.tedi-tooltip-content__arrow--top .tedi-tooltip-content:after{top:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--bottom .tedi-tooltip-content:after{bottom:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--left .tedi-tooltip-content:after{top:calc(50% - 7px);right:calc(100% - 7px)}.tedi-tooltip-content__arrow--right .tedi-tooltip-content:after{top:calc(50% - 7px);left:calc(100% - 7px)}\n"] }]
+        }] });
+
+const TOOLTIP_ARROW_OFFSET = 15;
+const TOOLTIP_TIMEOUT_MS = 150;
+const positionTop = {
+    originX: "center",
+    originY: "top",
+    overlayX: "center",
+    overlayY: "bottom",
+    panelClass: "tedi-tooltip-content__arrow--top",
+    offsetY: -TOOLTIP_ARROW_OFFSET,
+};
+const positionBottom = {
+    originX: "center",
+    originY: "bottom",
+    overlayX: "center",
+    overlayY: "top",
+    panelClass: "tedi-tooltip-content__arrow--bottom",
+    offsetY: TOOLTIP_ARROW_OFFSET,
+};
+const positionRight = {
+    originX: "end",
+    originY: "center",
+    overlayX: "start",
+    overlayY: "center",
+    panelClass: "tedi-tooltip-content__arrow--left",
+    offsetX: TOOLTIP_ARROW_OFFSET,
+};
+const positionLeft = {
+    originX: "start",
+    originY: "center",
+    overlayX: "end",
+    overlayY: "center",
+    panelClass: "tedi-tooltip-content__arrow--right",
+    offsetX: -TOOLTIP_ARROW_OFFSET,
+};
+/**
+ * TooltipComponent is a component that displays a Tooltip when the user hovers over or clicks on an element.
+ * It uses the Angular CDK Overlay module to create a flexible connected overlay that can be positioned relative to the trigger element.
+ * The Tooltip can be configured to open on hover or click, and can be positioned at the top, bottom, left, or right of the trigger element.
+ *
+ * Angular CDK Overlay: How positioning works:
+ * https://www.youtube.com/watch?v=IpRQBtBN3iU&ab_channel=BrianTreese
+ *
+ * Angular CDK Overlay: Adding accessibility features
+ * https://www.youtube.com/watch?v=_0JGZATel-8&ab_channel=BrianTreese
+ */
+class TooltipComponent {
+    /**
+     * The trigger event that opens the tooltip. Can be 'click' or 'hover'.
+     * @default hover
+     */
+    openWith = input("hover");
+    trigger;
+    content;
+    portal;
+    overlayRef;
+    overlay = inject(Overlay);
+    renderer = inject(Renderer2);
+    eventListeners = [];
+    closeTimeout = signal(null);
+    isTriggerHovered = signal(false);
+    isTooltipHovered = signal(false);
+    ngAfterContentInit() {
+        const trigger = this.trigger?.element();
+        if (!trigger) {
+            return;
+        }
+        this.eventListeners.push(this.renderer.listen(trigger, "focus", () => {
+            if (!this.isTriggerHovered()) {
+                this.openTooltip();
+            }
+        }), this.renderer.listen(trigger, "blur", () => {
+            if (!this.isTooltipHovered()) {
+                this.closeTooltip();
+            }
+        }), this.renderer.listen(trigger, "mouseenter", () => {
+            this.isTriggerHovered.set(true);
+            if (this.openWith() === "hover") {
+                this.openTooltip();
+            }
+        }), this.renderer.listen(trigger, "mouseleave", () => {
+            this.isTriggerHovered.set(false);
+            if (this.openWith() === "hover") {
+                this.scheduleClose();
+            }
+        }), this.renderer.listen(trigger, "click", () => {
+            if (this.openWith() === "click") {
+                this.toggleTooltip();
+            }
+        }), this.renderer.listen("document", "click", (event) => {
+            const target = event.target;
+            const clickedInsideTrigger = trigger.contains(target);
+            const tooltip = this.overlayRef?.overlayElement;
+            const clickedInsideTooltip = tooltip?.contains(target);
+            if (!clickedInsideTrigger && !clickedInsideTooltip) {
+                this.closeTooltip();
+            }
+        }), this.renderer.listen("document", "keydown", (event) => {
+            if (event.key === "Escape") {
+                this.closeTooltip();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this.eventListeners.forEach(off => off());
+        this.eventListeners.length = 0;
+        this.closeTooltip();
+    }
+    openTooltip() {
+        this.clearCloseTimeout();
+        if (!this.overlayRef || !this.overlayRef.hasAttached()) {
+            this.overlayRef = this.overlay.create(this.getOverlayConfig());
+            this.overlayRef.attach(this.portal);
+            this.addTooltipListeners();
+        }
+    }
+    closeTooltip() {
+        this.overlayRef?.detach();
+    }
+    toggleTooltip() {
+        if (this.overlayRef?.hasAttached()) {
+            this.closeTooltip();
+        }
+        else {
+            this.openTooltip();
+        }
+    }
+    addTooltipListeners() {
+        const tooltip = this.overlayRef?.overlayElement.querySelector(".tedi-tooltip-content");
+        if (!tooltip) {
+            return;
+        }
+        const enterListener = this.renderer.listen(tooltip, "mouseenter", () => {
+            this.isTooltipHovered.set(true);
+            this.clearCloseTimeout();
+        });
+        const leaveListener = this.renderer.listen(tooltip, "mouseleave", () => {
+            this.isTooltipHovered.set(false);
+            if (this.openWith() === "hover") {
+                this.scheduleClose();
+            }
+        });
+        this.eventListeners.push(enterListener, leaveListener);
+    }
+    scheduleClose() {
+        this.clearCloseTimeout();
+        this.closeTimeout.set(setTimeout(() => this.closeTooltip(), TOOLTIP_TIMEOUT_MS));
+    }
+    clearCloseTimeout() {
+        const timeout = this.closeTimeout();
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        this.closeTimeout.set(null);
+    }
+    getOverlayConfig() {
+        const positionMap = {
+            top: [positionTop, positionBottom, positionLeft, positionRight],
+            bottom: [positionBottom, positionTop, positionLeft, positionRight],
+            left: [positionLeft, positionRight, positionTop, positionBottom],
+            right: [positionRight, positionLeft, positionTop, positionBottom],
+        };
+        const position = this.content?.position() ?? 'top';
+        const strategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.trigger.element())
+            .withPositions(positionMap[position]);
+        return {
+            hasBackdrop: false,
+            scrollStrategy: this.overlay.scrollStrategies.close(),
+            positionStrategy: strategy,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TooltipComponent, isStandalone: true, selector: "tedi-tooltip", inputs: { openWith: { classPropertyName: "openWith", publicName: "openWith", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "trigger", first: true, predicate: TooltipTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: TooltipContentComponent, descendants: true }], viewQueries: [{ propertyName: "portal", first: true, predicate: CdkPortal, descendants: true, static: true }], ngImport: i0, template: "<ng-content select=\"tedi-tooltip-trigger\" />\n<ng-template cdkPortal>\n  <ng-content select=\"tedi-tooltip-content\" />\n</ng-template>", styles: [".tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}.tedi-tooltip-content{max-width:var(--tooltip-max-width-mobile)}@media (min-width: 576px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-desktop)}}.tedi-tooltip-content{padding:var(--tooltip-padding-y-mobile) var(--tooltip-padding-x-mobile)}@media (min-width: 576px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-tablet) var(--tooltip-padding-x-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-desktop) var(--tooltip-padding-x-desktop)}}.tedi-tooltip-content{border-radius:var(--tooltip-radius-mobile)}@media (min-width: 576px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-desktop)}}.tedi-tooltip-content:after{content:\"\";position:absolute;width:14px;height:14px;background:var(--tooltip-background);transform:rotate(45deg)}.tedi-tooltip-content--none{max-width:none}.tedi-tooltip-content--small{max-width:10rem}.tedi-tooltip-content--medium{max-width:15rem}.tedi-tooltip-content--large{max-width:30rem}.tedi-tooltip-content__arrow--top .tedi-tooltip-content:after{top:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--bottom .tedi-tooltip-content:after{bottom:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--left .tedi-tooltip-content:after{top:calc(50% - 7px);right:calc(100% - 7px)}.tedi-tooltip-content__arrow--right .tedi-tooltip-content:after{top:calc(50% - 7px);left:calc(100% - 7px)}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$2.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-tooltip", imports: [OverlayModule, PortalModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"tedi-tooltip-trigger\" />\n<ng-template cdkPortal>\n  <ng-content select=\"tedi-tooltip-content\" />\n</ng-template>", styles: [".tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2))}.tedi-tooltip-content{max-width:var(--tooltip-max-width-mobile)}@media (min-width: 576px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{max-width:var(--tooltip-max-width-desktop)}}.tedi-tooltip-content{padding:var(--tooltip-padding-y-mobile) var(--tooltip-padding-x-mobile)}@media (min-width: 576px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-tablet) var(--tooltip-padding-x-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{padding:var(--tooltip-padding-y-desktop) var(--tooltip-padding-x-desktop)}}.tedi-tooltip-content{border-radius:var(--tooltip-radius-mobile)}@media (min-width: 576px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-tablet)}}@media (min-width: 992px){.tedi-tooltip-content{border-radius:var(--tooltip-radius-desktop)}}.tedi-tooltip-content:after{content:\"\";position:absolute;width:14px;height:14px;background:var(--tooltip-background);transform:rotate(45deg)}.tedi-tooltip-content--none{max-width:none}.tedi-tooltip-content--small{max-width:10rem}.tedi-tooltip-content--medium{max-width:15rem}.tedi-tooltip-content--large{max-width:30rem}.tedi-tooltip-content__arrow--top .tedi-tooltip-content:after{top:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--bottom .tedi-tooltip-content:after{bottom:calc(100% - 7px);left:calc(50% - 7px)}.tedi-tooltip-content__arrow--left .tedi-tooltip-content:after{top:calc(50% - 7px);right:calc(100% - 7px)}.tedi-tooltip-content__arrow--right .tedi-tooltip-content:after{top:calc(50% - 7px);left:calc(100% - 7px)}\n"] }]
+        }], propDecorators: { trigger: [{
+                type: ContentChild,
+                args: [TooltipTriggerComponent]
+            }], content: [{
+                type: ContentChild,
+                args: [TooltipContentComponent]
+            }], portal: [{
+                type: ViewChild,
+                args: [CdkPortal, { static: true }]
+            }] } });
+
+class SideNavItemComponent {
+    /**
+     * Is navigation item selected
+     * @default false
+     */
+    selected = input(false);
+    /**
+     * Name of the item icon
+     */
+    icon = input();
+    /**
+     * External link
+     */
+    href = input();
+    /**
+     * Router link
+     */
+    routerLink = input();
+    dropdown;
+    textContent = signal("");
+    sidenavService = inject(SideNavService);
+    host = inject(ElementRef);
+    renderer = inject(Renderer2);
+    eventListeners = [];
+    ngOnInit() {
+        this.sidenavService.registerItem(this);
+    }
+    ngOnDestroy() {
+        this.sidenavService.unregisterItem(this);
+    }
+    ngAfterViewInit() {
+        const dropdown = this.dropdown;
+        if (this.host.nativeElement) {
+            const hostEl = this.host.nativeElement;
+            const titleElement = hostEl.querySelector(".tedi-sidenav-item__text");
+            if (titleElement?.textContent) {
+                this.textContent.set(titleElement.textContent);
+            }
+        }
+        if (!dropdown) {
+            return;
+        }
+        this.eventListeners.push(this.renderer.listen("document", "click", (event) => {
+            if (this.sidenavService.isCollapsed()) {
+                const target = event.target;
+                const clickedInsideDropdown = dropdown.element()?.contains(target);
+                const clickedInsideTrigger = this.host.nativeElement.contains(target);
+                if (!clickedInsideTrigger && !clickedInsideDropdown) {
+                    dropdown.open.set(false);
+                }
+            }
+        }));
+    }
+    classes = computed(() => {
+        const classList = ["tedi-sidenav-item"];
+        if (this.selected()) {
+            classList.push("tedi-sidenav-item--selected");
+        }
+        if (this.sidenavService.isMobileItemOpen() && !this.dropdown?.open()) {
+            classList.push("tedi-sidenav-item--hidden");
+        }
+        return classList.join(" ");
+    });
+    toggleDropdown() {
+        if (!this.dropdown) {
+            return;
+        }
+        this.dropdown.open.update((prev) => !prev);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavItemComponent, isStandalone: true, selector: "tedi-sidenav-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, queries: [{ propertyName: "dropdown", first: true, predicate: i0.forwardRef(() => SideNavDropdownComponent), descendants: true }], ngImport: i0, template: "@if (sidenavService.isMobile()) {\n  @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n    <ng-container *ngIf=\"!href() && !routerLink(); else mobileLink\">\n      <tedi-sidenav-group-title>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-sidenav-group-title>\n    </ng-container>\n    <ng-template #mobileLink>\n      <ng-container *ngIf=\"routerLink(); else mobileHref\">\n        <a\n          class=\"tedi-sidenav-item__link\"\n          [routerLink]=\"routerLink()\"\n          tabindex=\"0\"\n        >\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-container>\n      <ng-template #mobileHref>\n        <a class=\"tedi-sidenav-item__link\" [href]=\"href()\" tabindex=\"0\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-template>\n    </ng-template>\n  } @else {\n    <div class=\"tedi-sidenav-item__trigger\">\n      <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n    </div>\n  }\n} @else {\n  <tedi-tooltip>\n      <tedi-tooltip-trigger>\n        <div class=\"tedi-sidenav-item__trigger\">\n          <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n        </div>\n      </tedi-tooltip-trigger>\n      <tedi-tooltip-content position=\"right\" [style]=\"{ 'display': sidenavService.tooltipEnabled() ? 'block' : 'none' }\">\n        {{ textContent() }}\n      </tedi-tooltip-content>\n  </tedi-tooltip>\n}\n\n<ng-template #buttonOrLink>\n  <ng-container *ngIf=\"!href() && !routerLink(); else hasLink\">\n    <button\n      class=\"tedi-sidenav-item__title\"\n      (click)=\"toggleDropdown()\"\n      tabindex=\"0\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      @if (dropdown) {\n        <tedi-icon\n          name=\"expand_more\"\n          class=\"tedi-sidenav-item__caret\"\n          color=\"white\"\n          [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n        />\n      }\n    </button>\n  </ng-container>\n  <ng-template #hasLink>\n    <ng-container\n      *ngIf=\"\n        (dropdown && sidenavService.isCollapsed()) ||\n          (dropdown && sidenavService.isMobile());\n        else plainLink\n      \"\n    >\n      <button\n        class=\"tedi-sidenav-item__title\"\n        (click)=\"toggleDropdown()\"\n        tabindex=\"0\"\n      >\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <tedi-icon\n          name=\"expand_more\"\n          class=\"tedi-sidenav-item__caret\"\n          color=\"white\"\n          [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n        />\n      </button>\n    </ng-container>\n    <ng-template #plainLink>\n      <ng-container *ngIf=\"routerLink(); else normalHref\">\n        <a\n          class=\"tedi-sidenav-item__title\"\n          [routerLink]=\"routerLink()\"\n          tabindex=\"0\"\n        >\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-container>\n      <ng-template #normalHref>\n        <a class=\"tedi-sidenav-item__title\" [href]=\"href()\" tabindex=\"0\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-template>\n      @if (dropdown) {\n        <button\n          class=\"tedi-sidenav-item__caret-button\"\n          (click)=\"toggleDropdown()\"\n          tabindex=\"0\"\n        >\n          <div class=\"tedi-sidenav-item__caret-container\">\n            <tedi-icon\n              name=\"expand_more\"\n              class=\"tedi-sidenav-item__caret\"\n              color=\"white\"\n              [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n            />\n          </div>\n        </button>\n      }\n    </ng-template>\n  </ng-template>\n</ng-template>\n\n<ng-template #content>\n  @if (icon(); as icon) {\n    @if (!(sidenavService.isMobileItemOpen() && dropdown?.open())) {\n      <tedi-icon [name]=\"icon\" color=\"white\" class=\"tedi-sidenav-item__icon\" />\n    }\n  }\n  <span class=\"tedi-sidenav-item__text\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n<ng-content select=\"tedi-sidenav-dropdown\"></ng-content>\n", styles: [".tedi-sidenav-item{position:relative;display:flex;flex-direction:column;font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height)}.tedi-sidenav-item--hidden{display:none}.tedi-sidenav-item--selected .tedi-sidenav-item__trigger{background:var(--side-navigation-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight-mobile)}@media (min-width: 576px){.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight-tablet)}}@media (min-width: 992px){.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight-desktop)}}.tedi-sidenav-item__trigger{position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger{--_gap: var(--side-navigation-item-inner-spacing-mobile)}@media (min-width: 576px){.tedi-sidenav-item__trigger{--_gap: var(--side-navigation-item-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-sidenav-item__trigger{--_gap: var(--side-navigation-item-inner-spacing-desktop)}}.tedi-sidenav-item__trigger:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav-item__trigger:has(>.tedi-sidenav-item__caret-button:hover){background:transparent}.tedi-sidenav-item__title{width:100%;min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;gap:var(--_gap);text-decoration:none;text-align:start;border:0;background:transparent;font-size:inherit;cursor:pointer;color:var(--side-navigation-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__title:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-sidenav-item__title:not(:only-child){max-width:calc(100% - var(--_sidenav-item-padding-right) - var(--_sidenav-item-caret-size) - var(--_gap));padding-right:0}.tedi-sidenav-item__icon{font-size:var(--_sidenav-item-icon-size)!important}.tedi-sidenav-item__caret-button{min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;justify-items:center;border:0;background:transparent;font-size:inherit;cursor:pointer;padding:0}.tedi-sidenav-item__caret-button:hover .tedi-sidenav-item__caret-container{background-color:var(--side-navigation-item-background-arrow-button-active)}.tedi-sidenav-item__caret-button:focus-visible .tedi-sidenav-item__caret-container{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-sidenav-item__caret-button:last-child{padding-right:var(--_sidenav-item-padding-right)}.tedi-sidenav-item__caret-container{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content}.tedi-sidenav-item__caret-container{border-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-sidenav-item__caret-container{border-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav-item__caret-container{border-radius:var(--button-radius-sm-desktop)}}.tedi-sidenav-item__caret{font-size:var(--_sidenav-item-caret-size)!important;transition:transform var(--_sidenav-transition-duration) ease;margin-left:auto}.tedi-sidenav-item__caret[data-open=true]{transform:rotate(180deg)}.tedi-sidenav-item__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:enable-wrap 0s var(--_sidenav-transition-duration) forwards}.tedi-sidenav-item__link{text-decoration:none;color:var(--side-navigation-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__link:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav-item__link .tedi-sidenav-item__text{white-space:wrap}@keyframes enable-wrap{to{white-space:normal;max-width:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SideNavGroupTitleComponent, selector: "tedi-sidenav-group-title" }, { kind: "component", type: TooltipComponent, selector: "tedi-tooltip", inputs: ["openWith"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger" }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["position", "maxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-sidenav-item", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        IconComponent,
+                        RouterLink,
+                        NgTemplateOutlet,
+                        NgIf,
+                        SideNavGroupTitleComponent,
+                        TooltipComponent,
+                        TooltipTriggerComponent,
+                        TooltipContentComponent,
+                    ], host: {
+                        "[class]": "classes()",
+                    }, template: "@if (sidenavService.isMobile()) {\n  @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n    <ng-container *ngIf=\"!href() && !routerLink(); else mobileLink\">\n      <tedi-sidenav-group-title>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </tedi-sidenav-group-title>\n    </ng-container>\n    <ng-template #mobileLink>\n      <ng-container *ngIf=\"routerLink(); else mobileHref\">\n        <a\n          class=\"tedi-sidenav-item__link\"\n          [routerLink]=\"routerLink()\"\n          tabindex=\"0\"\n        >\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-container>\n      <ng-template #mobileHref>\n        <a class=\"tedi-sidenav-item__link\" [href]=\"href()\" tabindex=\"0\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-template>\n    </ng-template>\n  } @else {\n    <div class=\"tedi-sidenav-item__trigger\">\n      <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n    </div>\n  }\n} @else {\n  <tedi-tooltip>\n      <tedi-tooltip-trigger>\n        <div class=\"tedi-sidenav-item__trigger\">\n          <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n        </div>\n      </tedi-tooltip-trigger>\n      <tedi-tooltip-content position=\"right\" [style]=\"{ 'display': sidenavService.tooltipEnabled() ? 'block' : 'none' }\">\n        {{ textContent() }}\n      </tedi-tooltip-content>\n  </tedi-tooltip>\n}\n\n<ng-template #buttonOrLink>\n  <ng-container *ngIf=\"!href() && !routerLink(); else hasLink\">\n    <button\n      class=\"tedi-sidenav-item__title\"\n      (click)=\"toggleDropdown()\"\n      tabindex=\"0\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      @if (dropdown) {\n        <tedi-icon\n          name=\"expand_more\"\n          class=\"tedi-sidenav-item__caret\"\n          color=\"white\"\n          [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n        />\n      }\n    </button>\n  </ng-container>\n  <ng-template #hasLink>\n    <ng-container\n      *ngIf=\"\n        (dropdown && sidenavService.isCollapsed()) ||\n          (dropdown && sidenavService.isMobile());\n        else plainLink\n      \"\n    >\n      <button\n        class=\"tedi-sidenav-item__title\"\n        (click)=\"toggleDropdown()\"\n        tabindex=\"0\"\n      >\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <tedi-icon\n          name=\"expand_more\"\n          class=\"tedi-sidenav-item__caret\"\n          color=\"white\"\n          [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n        />\n      </button>\n    </ng-container>\n    <ng-template #plainLink>\n      <ng-container *ngIf=\"routerLink(); else normalHref\">\n        <a\n          class=\"tedi-sidenav-item__title\"\n          [routerLink]=\"routerLink()\"\n          tabindex=\"0\"\n        >\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-container>\n      <ng-template #normalHref>\n        <a class=\"tedi-sidenav-item__title\" [href]=\"href()\" tabindex=\"0\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n      </ng-template>\n      @if (dropdown) {\n        <button\n          class=\"tedi-sidenav-item__caret-button\"\n          (click)=\"toggleDropdown()\"\n          tabindex=\"0\"\n        >\n          <div class=\"tedi-sidenav-item__caret-container\">\n            <tedi-icon\n              name=\"expand_more\"\n              class=\"tedi-sidenav-item__caret\"\n              color=\"white\"\n              [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n            />\n          </div>\n        </button>\n      }\n    </ng-template>\n  </ng-template>\n</ng-template>\n\n<ng-template #content>\n  @if (icon(); as icon) {\n    @if (!(sidenavService.isMobileItemOpen() && dropdown?.open())) {\n      <tedi-icon [name]=\"icon\" color=\"white\" class=\"tedi-sidenav-item__icon\" />\n    }\n  }\n  <span class=\"tedi-sidenav-item__text\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n<ng-content select=\"tedi-sidenav-dropdown\"></ng-content>\n", styles: [".tedi-sidenav-item{position:relative;display:flex;flex-direction:column;font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height)}.tedi-sidenav-item--hidden{display:none}.tedi-sidenav-item--selected .tedi-sidenav-item__trigger{background:var(--side-navigation-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight-mobile)}@media (min-width: 576px){.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight-tablet)}}@media (min-width: 992px){.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight-desktop)}}.tedi-sidenav-item__trigger{position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger{--_gap: var(--side-navigation-item-inner-spacing-mobile)}@media (min-width: 576px){.tedi-sidenav-item__trigger{--_gap: var(--side-navigation-item-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-sidenav-item__trigger{--_gap: var(--side-navigation-item-inner-spacing-desktop)}}.tedi-sidenav-item__trigger:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav-item__trigger:has(>.tedi-sidenav-item__caret-button:hover){background:transparent}.tedi-sidenav-item__title{width:100%;min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;gap:var(--_gap);text-decoration:none;text-align:start;border:0;background:transparent;font-size:inherit;cursor:pointer;color:var(--side-navigation-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__title:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-sidenav-item__title:not(:only-child){max-width:calc(100% - var(--_sidenav-item-padding-right) - var(--_sidenav-item-caret-size) - var(--_gap));padding-right:0}.tedi-sidenav-item__icon{font-size:var(--_sidenav-item-icon-size)!important}.tedi-sidenav-item__caret-button{min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;justify-items:center;border:0;background:transparent;font-size:inherit;cursor:pointer;padding:0}.tedi-sidenav-item__caret-button:hover .tedi-sidenav-item__caret-container{background-color:var(--side-navigation-item-background-arrow-button-active)}.tedi-sidenav-item__caret-button:focus-visible .tedi-sidenav-item__caret-container{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-sidenav-item__caret-button:last-child{padding-right:var(--_sidenav-item-padding-right)}.tedi-sidenav-item__caret-container{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content}.tedi-sidenav-item__caret-container{border-radius:var(--button-radius-sm-mobile)}@media (min-width: 576px){.tedi-sidenav-item__caret-container{border-radius:var(--button-radius-sm-tablet)}}@media (min-width: 992px){.tedi-sidenav-item__caret-container{border-radius:var(--button-radius-sm-desktop)}}.tedi-sidenav-item__caret{font-size:var(--_sidenav-item-caret-size)!important;transition:transform var(--_sidenav-transition-duration) ease;margin-left:auto}.tedi-sidenav-item__caret[data-open=true]{transform:rotate(180deg)}.tedi-sidenav-item__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:enable-wrap 0s var(--_sidenav-transition-duration) forwards}.tedi-sidenav-item__link{text-decoration:none;color:var(--side-navigation-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__link:hover{background:var(--side-navigation-item-background-hover)}.tedi-sidenav-item__link .tedi-sidenav-item__text{white-space:wrap}@keyframes enable-wrap{to{white-space:normal;max-width:none}}\n"] }]
+        }], propDecorators: { dropdown: [{
+                type: ContentChild,
+                args: [forwardRef(() => SideNavDropdownComponent)]
+            }] } });
+
+class SideNavDropdownComponent {
+    host = inject(ElementRef);
+    open = signal(false);
+    element = signal(null);
+    sidenavService = inject(SideNavService);
+    sidenavItem = inject(forwardRef(() => SideNavItemComponent), { host: true, optional: true });
+    ngAfterViewInit() {
+        if (this.host.nativeElement) {
+            this.element.set(this.host.nativeElement);
+        }
+    }
+    classes = computed(() => {
+        const classList = ["tedi-sidenav-dropdown"];
+        if (this.open()) {
+            classList.push("tedi-sidenav-dropdown--open");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavDropdownComponent, isStandalone: true, selector: "tedi-sidenav-dropdown", host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"tedi-sidenav-dropdown__items\">\n  @if (sidenavService.isCollapsed() && !!sidenavItem.href()) {\n    <tedi-sidenav-dropdown-item\n      class=\"tedi-sidenav-dropdown-item--parent\"\n      [href]=\"sidenavItem.href()\"\n    >\n      {{ sidenavItem.textContent() }}\n    </tedi-sidenav-dropdown-item>\n  } @else if (sidenavService.isCollapsed() && !!sidenavItem.routerLink()) {\n    <tedi-sidenav-dropdown-item\n      class=\"tedi-sidenav-dropdown-item--parent\"\n      [routerLink]=\"sidenavItem.routerLink()\"\n    >\n      {{ sidenavItem.textContent() }}\n    </tedi-sidenav-dropdown-item>\n  }\n  <ng-content></ng-content>\n</div>\n", styles: [".tedi-sidenav-dropdown{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_sidenav-transition-duration) ease}.tedi-sidenav-dropdown--open{visibility:visible;grid-template-rows:1fr}.tedi-sidenav-dropdown--open .tedi-sidenav-dropdown__items{visibility:visible}.tedi-sidenav-dropdown__items{min-height:0;transition:visibility var(--_sidenav-transition-duration) ease;visibility:hidden}\n"], dependencies: [{ kind: "component", type: SideNavDropdownItemComponent, selector: "tedi-sidenav-dropdown-item", inputs: ["selected", "href", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-sidenav-dropdown", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SideNavDropdownItemComponent], host: {
+                        "[class]": "classes()",
+                    }, template: "<div class=\"tedi-sidenav-dropdown__items\">\n  @if (sidenavService.isCollapsed() && !!sidenavItem.href()) {\n    <tedi-sidenav-dropdown-item\n      class=\"tedi-sidenav-dropdown-item--parent\"\n      [href]=\"sidenavItem.href()\"\n    >\n      {{ sidenavItem.textContent() }}\n    </tedi-sidenav-dropdown-item>\n  } @else if (sidenavService.isCollapsed() && !!sidenavItem.routerLink()) {\n    <tedi-sidenav-dropdown-item\n      class=\"tedi-sidenav-dropdown-item--parent\"\n      [routerLink]=\"sidenavItem.routerLink()\"\n    >\n      {{ sidenavItem.textContent() }}\n    </tedi-sidenav-dropdown-item>\n  }\n  <ng-content></ng-content>\n</div>\n", styles: [".tedi-sidenav-dropdown{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_sidenav-transition-duration) ease}.tedi-sidenav-dropdown--open{visibility:visible;grid-template-rows:1fr}.tedi-sidenav-dropdown--open .tedi-sidenav-dropdown__items{visibility:visible}.tedi-sidenav-dropdown__items{min-height:0;transition:visibility var(--_sidenav-transition-duration) ease;visibility:hidden}\n"] }]
+        }] });
+
+class SideNavDropdownGroupComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SideNavDropdownGroupComponent, isStandalone: true, selector: "tedi-sidenav-dropdown-group", host: { classAttribute: "tedi-sidenav-dropdown-group" }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:before{top:50%;transform:translateY(-50%) translate(calc(-50% + var(--borders-01)));width:var(--_sidenav-tree-bullet-size);height:var(--_sidenav-tree-bullet-size);border-radius:50%}.tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0}.tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after{top:50%;width:var(--_sidenav-tree-trunk-width);height:50%;transform:translateY(0)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-sidenav-dropdown-group", standalone: true, template: "<ng-content />", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "class": "tedi-sidenav-dropdown-group",
+                    }, styles: [".tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:before{top:50%;transform:translateY(-50%) translate(calc(-50% + var(--borders-01)));width:var(--_sidenav-tree-bullet-size);height:var(--_sidenav-tree-bullet-size);border-radius:50%}.tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0}.tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after{top:50%;width:var(--_sidenav-tree-trunk-width);height:50%;transform:translateY(0)}\n"] }]
+        }] });
+
+class SideNavOverlayComponent {
+    sidenavService = inject(SideNavService);
+    onClick() {
+        this.sidenavService.isMobileOpen.set(false);
+        this.sidenavService.handleGoToMainMenu();
+    }
+    classes = computed(() => {
+        const classList = ["tedi-sidenav-overlay"];
+        if (this.sidenavService.isMobile() && this.sidenavService.isMobileOpen()) {
+            classList.push("tedi-sidenav-overlay--visible");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SideNavOverlayComponent, isStandalone: true, selector: "tedi-sidenav-overlay", host: { listeners: { "click": "onClick()" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-sidenav-overlay{display:none}.tedi-sidenav-overlay--visible{width:100%;height:100%;display:block;position:fixed;top:0;left:0;background:#00000040;z-index:calc(var(--z-index-sidenav) - 1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-sidenav-overlay", standalone: true, template: "<ng-content />", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                    }, styles: [".tedi-sidenav-overlay{display:none}.tedi-sidenav-overlay--visible{width:100%;height:100%;display:block;position:fixed;top:0;left:0;background:#00000040;z-index:calc(var(--z-index-sidenav) - 1)}\n"] }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
+
+class SideNavToggleComponent {
+    sidenavService = inject(SideNavService);
+    translationService = inject(TediTranslationService);
+    onClick() {
+        this.sidenavService.isMobileOpen.update((prev) => !prev);
+        this.sidenavService.handleGoToMainMenu();
+    }
+    ariaLabel = this.translationService.track("sidenav.toggle");
+    classes = computed(() => {
+        const classList = ["tedi-sidenav-toggle"];
+        if (!this.sidenavService.isMobile()) {
+            classList.push("tedi-sidenav-toggle--hidden");
+        }
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SideNavToggleComponent, isStandalone: true, selector: "button[tedi-sidenav-toggle]", host: { listeners: { "click": "onClick()" }, properties: { "class": "classes()", "attr.aria-label": "ariaLabel()" } }, ngImport: i0, template: "<tedi-icon\n  [name]=\"sidenavService.isMobileOpen() ? 'close' : 'menu'\"\n  color=\"white\"\n/>\n", styles: [".tedi-sidenav-toggle{position:relative;width:3.5rem;height:3.5rem;display:inline-flex;justify-content:center;align-items:center;background:var(--button-main-primary-background-default);border:0;border-radius:0;cursor:pointer;z-index:var(--z-index-sidenav)}.tedi-sidenav-toggle--hidden{display:none}.tedi-sidenav-toggle:hover{background:var(--button-main-primary-background-hover)}.tedi-sidenav-toggle:active{background:var(--button-main-primary-background-active)}.tedi-sidenav-toggle:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}\n"], dependencies: [{ 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: SideNavToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "button[tedi-sidenav-toggle]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent], host: {
+                        "[class]": "classes()",
+                        "[attr.aria-label]": "ariaLabel()",
+                    }, template: "<tedi-icon\n  [name]=\"sidenavService.isMobileOpen() ? 'close' : 'menu'\"\n  color=\"white\"\n/>\n", styles: [".tedi-sidenav-toggle{position:relative;width:3.5rem;height:3.5rem;display:inline-flex;justify-content:center;align-items:center;background:var(--button-main-primary-background-default);border:0;border-radius:0;cursor:pointer;z-index:var(--z-index-sidenav)}.tedi-sidenav-toggle--hidden{display:none}.tedi-sidenav-toggle:hover{background:var(--button-main-primary-background-hover)}.tedi-sidenav-toggle:active{background:var(--button-main-primary-background-active)}.tedi-sidenav-toggle:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}\n"] }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
+
+class SpinnerComponent {
+    /**
+     * Size of the spinner in px.
+     * @default 16
+     */
+    size = input(16);
+    /**
+     * Specifies the color theme of the spinner.
+     * The color should meet accessibility standards for color contrast.
+     * @default primary
+     */
+    color = input("primary");
+    /**
+     * Provides a text label for screen readers to announce the spinner's purpose or status.
+     */
+    label = input();
+    classes = computed(() => {
+        const classList = [
+            "tedi-spinner",
+            `tedi-spinner--size-${this.size()}`,
+            `tedi-spinner--color-${this.color()}`,
+        ];
+        return classList.join(" ");
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: SpinnerComponent, isStandalone: true, selector: "tedi-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status", "aria-live": "polite" }, properties: { "class": "classes()", "attr.aria-label": "label() ? label() : null", "attr.aria-hidden": "!label()" } }, ngImport: i0, template: "<svg viewBox=\"22 22 44 44\" aria-hidden=\"true\">\n  <circle\n    class=\"tedi-spinner--inner\"\n    cx=\"44\"\n    cy=\"44\"\n    r=\"20\"\n    fill=\"none\"\n  ></circle>\n</svg>", styles: [".tedi-spinner{display:flex;animation:1.4s linear 0s infinite normal none running tedi-spinner-outer}.tedi-spinner--inner{stroke-dasharray:80px,200px;stroke-dashoffset:0;stroke-width:4px;animation:1.4s ease-in-out 0s infinite normal none running tedi-spinner-inner}@media (prefers-reduced-motion: reduce){.tedi-spinner--inner{animation:none}}.tedi-spinner--color-primary{stroke:var(--loader-spinner-color-primary)}.tedi-spinner--color-secondary{stroke:var(--loader-spinner-color-secondary)}.tedi-spinner--size-10{width:10px;height:10px}.tedi-spinner--size-16{width:16px;height:16px}.tedi-spinner--size-48{width:48px;height:48px}@media (prefers-reduced-motion: reduce){.tedi-spinner{animation:none}}@keyframes tedi-spinner-outer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tedi-spinner-inner{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-spinner", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "role": "status",
+                        "aria-live": "polite",
+                        "[attr.aria-label]": "label() ? label() : null",
+                        "[attr.aria-hidden]": "!label()"
+                    }, template: "<svg viewBox=\"22 22 44 44\" aria-hidden=\"true\">\n  <circle\n    class=\"tedi-spinner--inner\"\n    cx=\"44\"\n    cy=\"44\"\n    r=\"20\"\n    fill=\"none\"\n  ></circle>\n</svg>", styles: [".tedi-spinner{display:flex;animation:1.4s linear 0s infinite normal none running tedi-spinner-outer}.tedi-spinner--inner{stroke-dasharray:80px,200px;stroke-dashoffset:0;stroke-width:4px;animation:1.4s ease-in-out 0s infinite normal none running tedi-spinner-inner}@media (prefers-reduced-motion: reduce){.tedi-spinner--inner{animation:none}}.tedi-spinner--color-primary{stroke:var(--loader-spinner-color-primary)}.tedi-spinner--color-secondary{stroke:var(--loader-spinner-color-secondary)}.tedi-spinner--size-10{width:10px;height:10px}.tedi-spinner--size-16{width:16px;height:16px}.tedi-spinner--size-48{width:48px;height:48px}@media (prefers-reduced-motion: reduce){.tedi-spinner{animation:none}}@keyframes tedi-spinner-outer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tedi-spinner-inner{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}\n"] }]
+        }] });
+
+class AlertComponent {
+    /**
+     * An optional title for the alert, typically used to summarize the message's purpose.
+     * If provided, it appears prominently at the top of the alert.
+     */
+    title = input();
+    /**
+     * Defines the visual and contextual type of the alert. This determines the icon, color, and
+     * overall style, making it clear whether the alert is informational, a success message,
+     * a warning, or an error.
+     * @default info
+     */
+    type = input("info");
+    /**
+     * Specifies an optional icon to display in the alert, providing quick visual context.
+     */
+    icon = input("");
+    /**
+     * If true, a close button will be displayed.
+     * @default false
+     */
+    showClose = input(false);
+    /**
+     * The ARIA role of the alert, informing screen readers about the alert's purpose.
+     * Options:
+     * - 'alert': For high-priority messages that demand immediate attention.
+     * - 'status': For less urgent messages providing feedback or updates.
+     * - 'none': Used when no ARIA role is needed.
+     * @default alert
+     */
+    role = input("alert");
+    /**
+     * Variant for the alert, which can be used to apply specific styles.
+     * For example, 'global' for full-width alerts or 'noSideBorders' for alerts without side borders.
+     */
+    variant = input("default");
+    /**
+     * The HTML tag to be used for the alert title.
+     * @default h2
+     */
+    titleElement = input("h2");
+    /**
+     * Is alert open?
+     * @default true
+     */
+    open = model(true);
+    getAriaLive = computed(() => {
+        switch (this.role()) {
+            case "alert":
+                return "assertive";
+            case "status":
+                return "polite";
+            case "none":
+                return "off";
+        }
+    });
+    getAriaLabel = computed(() => {
+        if (this.title()) {
+            return `${this.type()} alert: ${this.title()}`;
+        }
+        return `${this.type()} alert`;
+    });
+    classes = computed(() => {
+        return {
+            "tedi-alert": true,
+            [`tedi-alert--${this.type()}`]: !!this.type(),
+            "tedi-alert--global": this.variant() === "global",
+            "tedi-alert--no-side-borders": this.variant() === "noSideBorders",
+        };
+    });
+    handleClose() {
+        this.open.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: AlertComponent, isStandalone: true, selector: "tedi-alert", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, titleElement: { classPropertyName: "titleElement", publicName: "titleElement", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "style.display": "open() ? 'flex' : 'none'", "attr.aria-live": "getAriaLive()", "attr.aria-label": "getAriaLabel()", "class": "classes()", "attr.role": "role() === 'none' ? null : role()" } }, ngImport: i0, template: "@if (title()) {\n  <div class=\"tedi-alert__head\">\n    @if (icon()) {\n      <tedi-icon [name]=\"icon()\" [size]=\"18\" />\n    }\n    <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    @if (showClose()) {\n      <button\n        tedi-closing-button\n        class=\"tedi-alert__close\"\n        size=\"small\"\n        [iconSize]=\"18\"\n        (click)=\"handleClose()\"\n      ></button>\n    }\n  </div>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n  <div class=\"tedi-alert__content\">\n    @if (icon()) {\n      <tedi-icon [name]=\"icon()\" [size]=\"18\" class=\"tedi-alert__content-icon\" />\n    }\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    @if (showClose()) {\n      <button\n        tedi-closing-button\n        class=\"tedi-alert__close\"\n        size=\"small\"\n        [iconSize]=\"18\"\n        (click)=\"handleClose()\"\n      ></button>\n    }\n  </div>\n}\n\n<ng-template #heading>\n  @if (titleElement() === \"h1\") {\n    <h1 class=\"tedi-alert__title\">{{ title() }}</h1>\n  } @else if (titleElement() === \"h2\") {\n    <h2 class=\"tedi-alert__title\">{{ title() }}</h2>\n  } @else if (titleElement() === \"h3\") {\n    <h3 class=\"tedi-alert__title\">{{ title() }}</h3>\n  } @else if (titleElement() === \"h4\") {\n    <h4 class=\"tedi-alert__title\">{{ title() }}</h4>\n  } @else if (titleElement() === \"h5\") {\n    <h5 class=\"tedi-alert__title\">{{ title() }}</h5>\n  } @else if (titleElement() === \"h6\") {\n    <h6 class=\"tedi-alert__title\">{{ title() }}</h6>\n  } @else {\n    <div class=\"tedi-alert__title\">{{ title() }}</div>\n  }\n</ng-template>\n\n<ng-template #content>\n  <div>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".tedi-alert{display:flex;flex-direction:column;border:1px solid;color:var(--general-text-primary);background-color:var(--alert-default-background-info);border-color:var(--alert-default-border-info)}.tedi-alert{font-size:var(--body-regular-size-mobile)}@media (min-width: 576px){.tedi-alert{font-size:var(--body-regular-size-tablet)}}@media (min-width: 992px){.tedi-alert{font-size:var(--body-regular-size-desktop)}}.tedi-alert{border-radius:var(--alert-radius-mobile)}@media (min-width: 576px){.tedi-alert{border-radius:var(--alert-radius-tablet)}}@media (min-width: 992px){.tedi-alert{border-radius:var(--alert-radius-desktop)}}.tedi-alert{padding:var(--alert-default-padding-y-mobile) var(--alert-default-padding-x-mobile)}@media (min-width: 576px){.tedi-alert{padding:var(--alert-default-padding-y-tablet) var(--alert-default-padding-x-tablet)}}@media (min-width: 992px){.tedi-alert{padding:var(--alert-default-padding-y-desktop) var(--alert-default-padding-x-desktop)}}.tedi-alert{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-alert{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-alert{gap:var(--layout-grid-gutters-04-desktop)}}.tedi-alert__head{display:flex;align-items:center}.tedi-alert__head{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-alert__head{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-alert__head{gap:var(--layout-grid-gutters-04-desktop)}}.tedi-alert__close{margin-left:auto}.tedi-alert__content{display:flex;align-items:flex-start}.tedi-alert__content{gap:var(--alert-default-inner-spacing-x-mobile)}@media (min-width: 576px){.tedi-alert__content{gap:var(--alert-default-inner-spacing-x-tablet)}}@media (min-width: 992px){.tedi-alert__content{gap:var(--alert-default-inner-spacing-x-desktop)}}.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height-mobile)}@media (min-width: 576px){.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height-tablet)}}@media (min-width: 992px){.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height-desktop)}}.tedi-alert__title{font-size:var(--heading-h5-size-mobile)}@media (min-width: 576px){.tedi-alert__title{font-size:var(--heading-h5-size-tablet)}}@media (min-width: 992px){.tedi-alert__title{font-size:var(--heading-h5-size-desktop)}}.tedi-alert__title{font-weight:var(--heading-h5-weight-mobile)}@media (min-width: 576px){.tedi-alert__title{font-weight:var(--heading-h5-weight-tablet)}}@media (min-width: 992px){.tedi-alert__title{font-weight:var(--heading-h5-weight-desktop)}}.tedi-alert__title{line-height:var(--heading-h5-line-height-mobile)}@media (min-width: 992px){.tedi-alert__title{line-height:var(--heading-h5-line-height-desktop)}}.tedi-alert--info{color:var(--general-text-primary);background-color:var(--alert-default-background-info);border-color:var(--alert-default-border-info)}.tedi-alert--success{color:var(--general-text-primary);background-color:var(--alert-default-background-success);border-color:var(--alert-default-border-success)}.tedi-alert--warning{color:var(--general-text-primary);background-color:var(--alert-default-background-warning);border-color:var(--alert-default-border-warning)}.tedi-alert--danger{color:var(--general-text-primary);background-color:var(--alert-default-background-danger);border-color:var(--alert-default-border-danger)}.tedi-alert--global{width:100%;border:0;border-radius:0}.tedi-alert--no-side-borders{border-right:none;border-left:none;border-radius:0}@media print{.tedi-alert{color:var(--general-text-primary);background-color:var(--neutral-100);border-color:var(--neutral-350)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "tedi-alert", imports: [IconComponent, ClosingButtonComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[style.display]": "open() ? 'flex' : 'none'",
+                        "[attr.aria-live]": "getAriaLive()",
+                        "[attr.aria-label]": "getAriaLabel()",
+                        "[class]": "classes()",
+                        "[attr.role]": "role() === 'none' ? null : role()",
+                    }, template: "@if (title()) {\n  <div class=\"tedi-alert__head\">\n    @if (icon()) {\n      <tedi-icon [name]=\"icon()\" [size]=\"18\" />\n    }\n    <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    @if (showClose()) {\n      <button\n        tedi-closing-button\n        class=\"tedi-alert__close\"\n        size=\"small\"\n        [iconSize]=\"18\"\n        (click)=\"handleClose()\"\n      ></button>\n    }\n  </div>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n  <div class=\"tedi-alert__content\">\n    @if (icon()) {\n      <tedi-icon [name]=\"icon()\" [size]=\"18\" class=\"tedi-alert__content-icon\" />\n    }\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    @if (showClose()) {\n      <button\n        tedi-closing-button\n        class=\"tedi-alert__close\"\n        size=\"small\"\n        [iconSize]=\"18\"\n        (click)=\"handleClose()\"\n      ></button>\n    }\n  </div>\n}\n\n<ng-template #heading>\n  @if (titleElement() === \"h1\") {\n    <h1 class=\"tedi-alert__title\">{{ title() }}</h1>\n  } @else if (titleElement() === \"h2\") {\n    <h2 class=\"tedi-alert__title\">{{ title() }}</h2>\n  } @else if (titleElement() === \"h3\") {\n    <h3 class=\"tedi-alert__title\">{{ title() }}</h3>\n  } @else if (titleElement() === \"h4\") {\n    <h4 class=\"tedi-alert__title\">{{ title() }}</h4>\n  } @else if (titleElement() === \"h5\") {\n    <h5 class=\"tedi-alert__title\">{{ title() }}</h5>\n  } @else if (titleElement() === \"h6\") {\n    <h6 class=\"tedi-alert__title\">{{ title() }}</h6>\n  } @else {\n    <div class=\"tedi-alert__title\">{{ title() }}</div>\n  }\n</ng-template>\n\n<ng-template #content>\n  <div>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".tedi-alert{display:flex;flex-direction:column;border:1px solid;color:var(--general-text-primary);background-color:var(--alert-default-background-info);border-color:var(--alert-default-border-info)}.tedi-alert{font-size:var(--body-regular-size-mobile)}@media (min-width: 576px){.tedi-alert{font-size:var(--body-regular-size-tablet)}}@media (min-width: 992px){.tedi-alert{font-size:var(--body-regular-size-desktop)}}.tedi-alert{border-radius:var(--alert-radius-mobile)}@media (min-width: 576px){.tedi-alert{border-radius:var(--alert-radius-tablet)}}@media (min-width: 992px){.tedi-alert{border-radius:var(--alert-radius-desktop)}}.tedi-alert{padding:var(--alert-default-padding-y-mobile) var(--alert-default-padding-x-mobile)}@media (min-width: 576px){.tedi-alert{padding:var(--alert-default-padding-y-tablet) var(--alert-default-padding-x-tablet)}}@media (min-width: 992px){.tedi-alert{padding:var(--alert-default-padding-y-desktop) var(--alert-default-padding-x-desktop)}}.tedi-alert{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-alert{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-alert{gap:var(--layout-grid-gutters-04-desktop)}}.tedi-alert__head{display:flex;align-items:center}.tedi-alert__head{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-alert__head{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-alert__head{gap:var(--layout-grid-gutters-04-desktop)}}.tedi-alert__close{margin-left:auto}.tedi-alert__content{display:flex;align-items:flex-start}.tedi-alert__content{gap:var(--alert-default-inner-spacing-x-mobile)}@media (min-width: 576px){.tedi-alert__content{gap:var(--alert-default-inner-spacing-x-tablet)}}@media (min-width: 992px){.tedi-alert__content{gap:var(--alert-default-inner-spacing-x-desktop)}}.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height-mobile)}@media (min-width: 576px){.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height-tablet)}}@media (min-width: 992px){.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height-desktop)}}.tedi-alert__title{font-size:var(--heading-h5-size-mobile)}@media (min-width: 576px){.tedi-alert__title{font-size:var(--heading-h5-size-tablet)}}@media (min-width: 992px){.tedi-alert__title{font-size:var(--heading-h5-size-desktop)}}.tedi-alert__title{font-weight:var(--heading-h5-weight-mobile)}@media (min-width: 576px){.tedi-alert__title{font-weight:var(--heading-h5-weight-tablet)}}@media (min-width: 992px){.tedi-alert__title{font-weight:var(--heading-h5-weight-desktop)}}.tedi-alert__title{line-height:var(--heading-h5-line-height-mobile)}@media (min-width: 992px){.tedi-alert__title{line-height:var(--heading-h5-line-height-desktop)}}.tedi-alert--info{color:var(--general-text-primary);background-color:var(--alert-default-background-info);border-color:var(--alert-default-border-info)}.tedi-alert--success{color:var(--general-text-primary);background-color:var(--alert-default-background-success);border-color:var(--alert-default-border-success)}.tedi-alert--warning{color:var(--general-text-primary);background-color:var(--alert-default-background-warning);border-color:var(--alert-default-border-warning)}.tedi-alert--danger{color:var(--general-text-primary);background-color:var(--alert-default-background-danger);border-color:var(--alert-default-border-danger)}.tedi-alert--global{width:100%;border:0;border-radius:0}.tedi-alert--no-side-borders{border-right:none;border-left:none;border-radius:0}@media print{.tedi-alert{color:var(--general-text-primary);background-color:var(--neutral-100);border-color:var(--neutral-350)}}\n"] }]
+        }] });
+
+class VerticalSpacingItemDirective {
+    el;
+    renderer;
+    tediVerticalSpacingItem = input(0);
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        this.renderer.addClass(this.el.nativeElement, "tedi-vertical-spacing__item");
+        const spacingValue = `${this.tediVerticalSpacingItem()}em`;
+        this.renderer.setAttribute(this.el.nativeElement, "style", `--vertical-spacing-internal: ${spacingValue}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalSpacingItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: VerticalSpacingItemDirective, isStandalone: true, selector: "[tediVerticalSpacingItem]", inputs: { tediVerticalSpacingItem: { classPropertyName: "tediVerticalSpacingItem", publicName: "tediVerticalSpacingItem", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalSpacingItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tediVerticalSpacingItem]",
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+
+class VerticalSpacingDirective {
+    el;
+    renderer;
+    tediVerticalSpacing = input(0);
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        this.renderer.addClass(this.el.nativeElement, "tedi-vertical-spacing");
+        const spacingValue = `${this.tediVerticalSpacing()}em`;
+        this.renderer.setAttribute(this.el.nativeElement, "style", `--vertical-spacing-internal: ${spacingValue}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalSpacingDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: VerticalSpacingDirective, isStandalone: true, selector: "[tediVerticalSpacing]", inputs: { tediVerticalSpacing: { classPropertyName: "tediVerticalSpacing", publicName: "tediVerticalSpacing", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalSpacingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tediVerticalSpacing]",
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertComponent, BREAKPOINTS, BreakpointService, ButtonComponent, ClosingButtonComponent, ColComponent, CollapseComponent, FeedbackTextComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, IconComponent, InfoButtonComponent, LabelComponent, LinkComponent, ListComponent, NumberFieldComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerComponent, RowComponent, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpinnerComponent, TOOLTIP_ARROW_OFFSET, TOOLTIP_TIMEOUT_MS, TediTranslationPipe, TediTranslationService, TextComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTitleComponent, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, generateUUID };
+//# sourceMappingURL=tedi-design-system-angular-tedi.mjs.map