@tedi-design-system/angular 4.1.0 → 4.1.1-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/community/components/form/checkbox/checkbox/checkbox.component.d.ts +2 -2
  2. package/community/components/form/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  3. package/fesm2022/tedi-design-system-angular-community.mjs +45 -44
  4. package/fesm2022/tedi-design-system-angular-community.mjs.map +1 -1
  5. package/fesm2022/tedi-design-system-angular-tedi.mjs +106 -106
  6. package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
  7. package/index.css +1 -1
  8. package/package.json +2 -2
package/fesm2022/tedi-design-system-angular-tedi.mjs CHANGED
@@ -73,7 +73,7 @@ class IconComponent {
73
73
  return classes.join(" ");
74
74
  });
75
75
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
76
- 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 });
76
+ 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)}.tedi-icon--size-12{font-size:var(--icon-01)}.tedi-icon--size-16{font-size:var(--icon-02)}.tedi-icon--size-18{font-size:var(--icon-03)}.tedi-icon--size-24{font-size:var(--icon-05)}.tedi-icon--size-36{font-size:var(--icon-06)}.tedi-icon--size-48{font-size:var(--icon-07)}.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)}.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg)}.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 });
77
77
  }
78
78
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IconComponent, decorators: [{
79
79
  type: Component,
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
82
82
  "role": "img",
83
83
  "[attr.aria-label]": "label()",
84
84
  "[attr.aria-hidden]": "!label()"
85
- }, 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"] }]
85
+ }, 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)}.tedi-icon--size-12{font-size:var(--icon-01)}.tedi-icon--size-16{font-size:var(--icon-02)}.tedi-icon--size-18{font-size:var(--icon-03)}.tedi-icon--size-24{font-size:var(--icon-05)}.tedi-icon--size-36{font-size:var(--icon-06)}.tedi-icon--size-48{font-size:var(--icon-07)}.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)}.tedi-icon--bg.tedi-icon--size-24{padding:var(--icon-background-padding-lg)}.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"] }]
86
86
  }] });
87
87
 
88
88
  class TextComponent {
@@ -173,24 +173,24 @@ class ButtonComponent {
173
173
  return classList.join(" ");
174
174
  });
175
175
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
176
- 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 });
176
+ 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;font-family:var(--font-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);border-radius:var(--button-radius-default)}.tedi-button--small{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-sm-inner-spacing);--_btn-padding-y: var(--button-sm-padding-y);--_btn-padding-x: var(--button-sm-padding-x);font-size:var(--button-text-size-sm)}.tedi-button--default{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x);font-size:var(--button-text-size-default)}.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(--tedi-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(--tedi-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(--tedi-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);--_btn-padding-x: var(--button-sm-neutral-padding-x)}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x)}.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(--tedi-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(--tedi-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);--_btn-padding-x: var(--button-sm-neutral-padding-x)}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x)}.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(--tedi-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(--tedi-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(--tedi-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(--tedi-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);--_btn-padding-x: var(--button-sm-neutral-padding-x)}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x)}.tedi-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}.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(--tedi-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(--tedi-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(--tedi-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);height:var(--button-sm-icon-size);padding:var(--button-sm-icon-padding)}.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 });
177
177
  }
178
178
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonComponent, decorators: [{
179
179
  type: Component,
180
180
  args: [{ selector: "[tedi-button]", standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, host: {
181
181
  "[class]": "classes()",
182
- }, 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"] }]
182
+ }, 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;font-family:var(--font-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);border-radius:var(--button-radius-default)}.tedi-button--small{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-sm-inner-spacing);--_btn-padding-y: var(--button-sm-padding-y);--_btn-padding-x: var(--button-sm-padding-x);font-size:var(--button-text-size-sm)}.tedi-button--default{--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x);font-size:var(--button-text-size-default)}.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(--tedi-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(--tedi-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(--tedi-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);--_btn-padding-x: var(--button-sm-neutral-padding-x)}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x)}.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(--tedi-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(--tedi-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);--_btn-padding-x: var(--button-sm-neutral-padding-x)}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x)}.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(--tedi-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(--tedi-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(--tedi-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(--tedi-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);--_btn-padding-x: var(--button-sm-neutral-padding-x)}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x)}.tedi-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}.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(--tedi-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(--tedi-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(--tedi-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);height:var(--button-sm-icon-size);padding:var(--button-sm-icon-padding)}.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"] }]
183
183
  }] });
184
184
 
185
185
  class InfoButtonComponent {
186
186
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InfoButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
187
- 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 });
187
+ 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;width:var(--button-xs-icon-size);height:var(--button-xs-icon-size);border-radius:var(--button-radius-default)}.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 });
188
188
  }
189
189
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InfoButtonComponent, decorators: [{
190
190
  type: Component,
191
191
  args: [{ standalone: true, selector: "button[tedi-info-button]", imports: [IconComponent], template: `<tedi-icon name="info" [size]="18" />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
192
192
  "class": "tedi-info-button",
193
- }, 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"] }]
193
+ }, 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;width:var(--button-xs-icon-size);height:var(--button-xs-icon-size);border-radius:var(--button-radius-default)}.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"] }]
194
194
  }] });
195
195
 
196
196
  const translationsMap = {
@@ -1299,11 +1299,11 @@ class CollapseComponent {
1299
1299
  }
1300
1300
  }
1301
1301
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1302
- 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 });
1302
+ 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;gap:var(--link-inner-spacing-x);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--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%;width:var(--button-sm-icon-size);height:var(--button-sm-icon-size)}.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 });
1303
1303
  }
1304
1304
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CollapseComponent, decorators: [{
1305
1305
  type: Component,
1306
- 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"] }]
1306
+ 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;gap:var(--link-inner-spacing-x);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--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%;width:var(--button-sm-icon-size);height:var(--button-sm-icon-size)}.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"] }]
1307
1307
  }] });
1308
1308
 
1309
1309
  class ClosingButtonComponent {
@@ -1324,7 +1324,7 @@ class ClosingButtonComponent {
1324
1324
  translationService = inject(TediTranslationService);
1325
1325
  title = this.translationService.track("close");
1326
1326
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClosingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1327
- 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 });
1327
+ 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;border-radius:var(--button-radius-default);width:var(--button-sm-icon-size);height:var(--button-sm-icon-size)}.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);height:var(--button-xs-icon-size)}\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 });
1328
1328
  }
1329
1329
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClosingButtonComponent, decorators: [{
1330
1330
  type: Component,
@@ -1333,7 +1333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1333
1333
  "[attr.aria-label]": "title()",
1334
1334
  "[class.tedi-closing-button]": "true",
1335
1335
  "[class.tedi-closing-button--small]": "size() === 'small'",
1336
- }, 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"] }]
1336
+ }, 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;border-radius:var(--button-radius-default);width:var(--button-sm-icon-size);height:var(--button-sm-icon-size)}.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);height:var(--button-xs-icon-size)}\n"] }]
1337
1337
  }] });
1338
1338
 
1339
1339
  class ListComponent {
@@ -1355,13 +1355,13 @@ class ListComponent {
1355
1355
  return classList.join(" ");
1356
1356
  });
1357
1357
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1358
- 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 });
1358
+ 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);margin-bottom:var(--list-list-item-margin-y)}ul.tedi-list{list-style:none;padding-left:var(--list-padding-left-level-1)}ul.tedi-list li{position:relative;padding-left:calc(var(--list-inner-spacing-x) + var(--list-icon-size))}ul.tedi-list li:before{position:absolute;top:.5em;left:0;content:\"\";border:2px solid var(--general-icon-brand);border-radius:50%;width:var(--list-icon-size);height:var(--list-icon-size)}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(--list-icon-size) * .9);height:calc(var(--list-icon-size) * .9)}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;padding-left:var(--list-padding-left-level-1)}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 });
1359
1359
  }
1360
1360
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ListComponent, decorators: [{
1361
1361
  type: Component,
1362
1362
  args: [{ selector: "ul[tedi-list], ol[tedi-list]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
1363
1363
  "[class]": "classes()",
1364
- }, 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"] }]
1364
+ }, template: "<ng-content></ng-content>", styles: [".tedi-list li{margin-top:var(--list-list-item-margin-y);margin-bottom:var(--list-list-item-margin-y)}ul.tedi-list{list-style:none;padding-left:var(--list-padding-left-level-1)}ul.tedi-list li{position:relative;padding-left:calc(var(--list-inner-spacing-x) + var(--list-icon-size))}ul.tedi-list li:before{position:absolute;top:.5em;left:0;content:\"\";border:2px solid var(--general-icon-brand);border-radius:50%;width:var(--list-icon-size);height:var(--list-icon-size)}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(--list-icon-size) * .9);height:calc(var(--list-icon-size) * .9)}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;padding-left:var(--list-padding-left-level-1)}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"] }]
1365
1365
  }] });
1366
1366
 
1367
1367
  const BREAKPOINTS = {
@@ -1495,11 +1495,11 @@ class TextGroupComponent {
1495
1495
  return classList.join(" ");
1496
1496
  });
1497
1497
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1498
- 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 });
1498
+ 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;gap:var(--text-group-value-inner-spacing)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1499
1499
  }
1500
1500
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupComponent, decorators: [{
1501
1501
  type: Component,
1502
- 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"] }]
1502
+ 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;gap:var(--text-group-value-inner-spacing)}\n"] }]
1503
1503
  }] });
1504
1504
 
1505
1505
  class TextGroupLabelComponent {
@@ -1519,11 +1519,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1519
1519
 
1520
1520
  class TextGroupValueComponent {
1521
1521
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1522
- 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 });
1522
+ 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;gap:var(--text-group-value-inner-spacing)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1523
1523
  }
1524
1524
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextGroupValueComponent, decorators: [{
1525
1525
  type: Component,
1526
- 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"] }]
1526
+ 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;gap:var(--text-group-value-inner-spacing)}\n"] }]
1527
1527
  }] });
1528
1528
 
1529
1529
  class CarouselSlideDirective {
@@ -1863,7 +1863,7 @@ class CarouselContentComponent {
1863
1863
  setTimeout(() => (this.locked = false), this.transitionMs());
1864
1864
  }
1865
1865
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1866
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CarouselContentComponent, isStandalone: true, selector: "tedi-carousel-content", inputs: { slidesPerView: { classPropertyName: "slidesPerView", publicName: "slidesPerView", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, fade: { classPropertyName: "fade", publicName: "fade", isSignal: true, isRequired: false, transformFunction: null }, transitionMs: { classPropertyName: "transitionMs", publicName: "transitionMs", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0", "role": "region", "aria-roledescription": "carousel", "aria-live": "off" }, listeners: { "wheel": "onWheel($event)", "keydown": "onKeyDown($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "lostpointercapture": "onPointerUp()" }, properties: { "attr.aria-label": "translationService.track('carousel')()", "class": "classes()" } }, queries: [{ propertyName: "slides", predicate: CarouselSlideDirective, isSignal: true }], viewQueries: [{ propertyName: "track", first: true, predicate: ["track"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n #track\n class=\"tedi-carousel__track\"\n [style]=\"trackStyle()\"\n (transitionend)=\"onTransitionEnd($event)\"\n>\n @for (idx of renderedIndices(); track $index) {\n <div\n class=\"tedi-carousel__slide\"\n role=\"group\"\n aria-roledescription=\"slide\"\n [attr.aria-label]=\"\n translationService.track('carousel.slide', idx + 1, slides().length)()\n \"\n [attr.aria-current]=\"idx === slideIndex() ? 'true' : null\"\n [style.flex]=\"slideFlex()\"\n >\n <ng-container *ngTemplateOutlet=\"slides()[idx].template\"></ng-container>\n </div>\n }\n</div>\n", styles: [".tedi-carousel__content{width:100%;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab}.tedi-carousel__content:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-03))}.tedi-carousel__content:active{cursor:grabbing}.tedi-carousel__content--fade-right{mask-image:linear-gradient(to right,black 90%,transparent 100%)}.tedi-carousel__content--fade-x{mask-image:linear-gradient(to right,black 85%,transparent 100%),linear-gradient(to left,black 85%,transparent 100%);mask-composite:intersect}.tedi-carousel__track{display:flex;will-change:transform}.tedi-carousel__slide{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1866
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CarouselContentComponent, isStandalone: true, selector: "tedi-carousel-content", inputs: { slidesPerView: { classPropertyName: "slidesPerView", publicName: "slidesPerView", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, fade: { classPropertyName: "fade", publicName: "fade", isSignal: true, isRequired: false, transformFunction: null }, transitionMs: { classPropertyName: "transitionMs", publicName: "transitionMs", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0", "role": "region", "aria-roledescription": "carousel", "aria-live": "off" }, listeners: { "wheel": "onWheel($event)", "keydown": "onKeyDown($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "lostpointercapture": "onPointerUp()" }, properties: { "attr.aria-label": "translationService.track('carousel')()", "class": "classes()" } }, queries: [{ propertyName: "slides", predicate: CarouselSlideDirective, isSignal: true }], viewQueries: [{ propertyName: "track", first: true, predicate: ["track"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n #track\n class=\"tedi-carousel__track\"\n [style]=\"trackStyle()\"\n (transitionend)=\"onTransitionEnd($event)\"\n>\n @for (idx of renderedIndices(); track $index) {\n <div\n class=\"tedi-carousel__slide\"\n role=\"group\"\n aria-roledescription=\"slide\"\n [attr.aria-label]=\"\n translationService.track('carousel.slide', idx + 1, slides().length)()\n \"\n [attr.aria-current]=\"idx === slideIndex() ? 'true' : null\"\n [style.flex]=\"slideFlex()\"\n >\n <ng-container *ngTemplateOutlet=\"slides()[idx].template\"></ng-container>\n </div>\n }\n</div>\n", styles: [".tedi-carousel__content{width:100%;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab}.tedi-carousel__content:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-03))}.tedi-carousel__content:active{cursor:grabbing}.tedi-carousel__content--fade-right{mask-image:linear-gradient(to right,black 90%,transparent 100%)}.tedi-carousel__content--fade-x{mask-image:linear-gradient(to right,black 85%,transparent 100%),linear-gradient(to left,black 85%,transparent 100%);mask-composite:intersect}.tedi-carousel__track{display:flex;will-change:transform}.tedi-carousel__slide{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1867
1867
  }
1868
1868
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselContentComponent, decorators: [{
1869
1869
  type: Component,
@@ -1874,7 +1874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1874
1874
  "[attr.aria-label]": "translationService.track('carousel')()",
1875
1875
  "aria-live": "off",
1876
1876
  "[class]": "classes()",
1877
- }, template: "<div\n #track\n class=\"tedi-carousel__track\"\n [style]=\"trackStyle()\"\n (transitionend)=\"onTransitionEnd($event)\"\n>\n @for (idx of renderedIndices(); track $index) {\n <div\n class=\"tedi-carousel__slide\"\n role=\"group\"\n aria-roledescription=\"slide\"\n [attr.aria-label]=\"\n translationService.track('carousel.slide', idx + 1, slides().length)()\n \"\n [attr.aria-current]=\"idx === slideIndex() ? 'true' : null\"\n [style.flex]=\"slideFlex()\"\n >\n <ng-container *ngTemplateOutlet=\"slides()[idx].template\"></ng-container>\n </div>\n }\n</div>\n", styles: [".tedi-carousel__content{width:100%;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab}.tedi-carousel__content:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-03))}.tedi-carousel__content:active{cursor:grabbing}.tedi-carousel__content--fade-right{mask-image:linear-gradient(to right,black 90%,transparent 100%)}.tedi-carousel__content--fade-x{mask-image:linear-gradient(to right,black 85%,transparent 100%),linear-gradient(to left,black 85%,transparent 100%);mask-composite:intersect}.tedi-carousel__track{display:flex;will-change:transform}.tedi-carousel__slide{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}\n"] }]
1877
+ }, template: "<div\n #track\n class=\"tedi-carousel__track\"\n [style]=\"trackStyle()\"\n (transitionend)=\"onTransitionEnd($event)\"\n>\n @for (idx of renderedIndices(); track $index) {\n <div\n class=\"tedi-carousel__slide\"\n role=\"group\"\n aria-roledescription=\"slide\"\n [attr.aria-label]=\"\n translationService.track('carousel.slide', idx + 1, slides().length)()\n \"\n [attr.aria-current]=\"idx === slideIndex() ? 'true' : null\"\n [style.flex]=\"slideFlex()\"\n >\n <ng-container *ngTemplateOutlet=\"slides()[idx].template\"></ng-container>\n </div>\n }\n</div>\n", styles: [".tedi-carousel__content{width:100%;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab}.tedi-carousel__content:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-03))}.tedi-carousel__content:active{cursor:grabbing}.tedi-carousel__content--fade-right{mask-image:linear-gradient(to right,black 90%,transparent 100%)}.tedi-carousel__content--fade-x{mask-image:linear-gradient(to right,black 85%,transparent 100%),linear-gradient(to left,black 85%,transparent 100%);mask-composite:intersect}.tedi-carousel__track{display:flex;will-change:transform}.tedi-carousel__slide{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}\n"] }]
1878
1878
  }], propDecorators: { onWheel: [{
1879
1879
  type: HostListener,
1880
1880
  args: ["wheel", ["$event"]]
@@ -1901,11 +1901,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1901
1901
  class CarouselComponent {
1902
1902
  carouselContent = contentChild.required(CarouselContentComponent);
1903
1903
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1904
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: CarouselComponent, isStandalone: true, selector: "tedi-carousel", queries: [{ propertyName: "carouselContent", first: true, predicate: CarouselContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"tedi-carousel-header\" />\n<ng-content select=\"tedi-carousel-content\" />\n<ng-content select=\"tedi-carousel-footer\" />\n", styles: ["tedi-carousel{display:flex;flex-direction:column}tedi-carousel{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel{gap:var(--layout-grid-gutters-08-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1904
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: CarouselComponent, isStandalone: true, selector: "tedi-carousel", queries: [{ propertyName: "carouselContent", first: true, predicate: CarouselContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"tedi-carousel-header\" />\n<ng-content select=\"tedi-carousel-content\" />\n<ng-content select=\"tedi-carousel-footer\" />\n", styles: ["tedi-carousel{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-08)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1905
1905
  }
1906
1906
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselComponent, decorators: [{
1907
1907
  type: Component,
1908
- args: [{ standalone: true, selector: "tedi-carousel", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"tedi-carousel-header\" />\n<ng-content select=\"tedi-carousel-content\" />\n<ng-content select=\"tedi-carousel-footer\" />\n", styles: ["tedi-carousel{display:flex;flex-direction:column}tedi-carousel{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel{gap:var(--layout-grid-gutters-08-desktop)}}\n"] }]
1908
+ args: [{ standalone: true, selector: "tedi-carousel", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"tedi-carousel-header\" />\n<ng-content select=\"tedi-carousel-content\" />\n<ng-content select=\"tedi-carousel-footer\" />\n", styles: ["tedi-carousel{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-08)}\n"] }]
1909
1909
  }] });
1910
1910
 
1911
1911
  class CarouselFooterComponent {
@@ -1919,11 +1919,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1919
1919
 
1920
1920
  class CarouselHeaderComponent {
1921
1921
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1922
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselHeaderComponent, isStandalone: true, selector: "tedi-carousel-header", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-carousel-header{display:flex;align-items:flex-end;justify-content:space-between}tedi-carousel-header{gap:var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){tedi-carousel-header{gap:var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){tedi-carousel-header{gap:var(--layout-grid-gutters-16-desktop)}}tedi-carousel-header{padding-bottom:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-header{padding-bottom:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-header{padding-bottom:var(--layout-grid-gutters-08-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1922
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselHeaderComponent, isStandalone: true, selector: "tedi-carousel-header", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-carousel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--layout-grid-gutters-16);padding-bottom:var(--layout-grid-gutters-08)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1923
1923
  }
1924
1924
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselHeaderComponent, decorators: [{
1925
1925
  type: Component,
1926
- args: [{ standalone: true, selector: "tedi-carousel-header", template: "<ng-content />", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["tedi-carousel-header{display:flex;align-items:flex-end;justify-content:space-between}tedi-carousel-header{gap:var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){tedi-carousel-header{gap:var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){tedi-carousel-header{gap:var(--layout-grid-gutters-16-desktop)}}tedi-carousel-header{padding-bottom:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-header{padding-bottom:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-header{padding-bottom:var(--layout-grid-gutters-08-desktop)}}\n"] }]
1926
+ args: [{ standalone: true, selector: "tedi-carousel-header", template: "<ng-content />", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["tedi-carousel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--layout-grid-gutters-16);padding-bottom:var(--layout-grid-gutters-08)}\n"] }]
1927
1927
  }] });
1928
1928
 
1929
1929
  class CarouselIndicatorsComponent {
@@ -1948,11 +1948,11 @@ class CarouselIndicatorsComponent {
1948
1948
  this.carousel.carouselContent().goToIndex(index);
1949
1949
  }
1950
1950
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselIndicatorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1951
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CarouselIndicatorsComponent, isStandalone: true, selector: "tedi-carousel-indicators", inputs: { withArrows: { classPropertyName: "withArrows", publicName: "withArrows", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n >\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n </button>\n}\n\n@if (variant() === \"dots\") {\n @for (indicator of indicatorsArray(); track indicator.index) {\n <button\n type=\"button\"\n class=\"tedi-carousel__indicator\"\n [attr.aria-label]=\"\n translationService.track('carousel.showSlide', indicator.index + 1)()\n \"\n [ngClass]=\"indicator.active ? 'tedi-carousel__indicator--active' : null\"\n (click)=\"handleIndicatorClick(indicator.index)\"\n ></button>\n }\n} @else if (activeSlideNumber()) {\n <div>\n <b tedi-text color=\"brand\">{{ activeSlideNumber() }}</b>\n <span tedi-text color=\"tertiary\"> / {{ indicatorsArray().length }}</span>\n </div>\n}\n\n@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n >\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n </button>\n}\n", styles: ["tedi-carousel-indicators{display:flex;align-items:center;min-height:24px}tedi-carousel-indicators{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-carousel-indicators{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-carousel-indicators{gap:var(--layout-grid-gutters-04-desktop)}}.tedi-carousel__indicator{width:22px;height:8px;border-radius:100px;border:1px solid var(--primary-600);background-color:transparent;cursor:pointer}.tedi-carousel__indicator:hover{border-color:var(--primary-700)}.tedi-carousel__indicator:active{border-color:var(--primary-800);background-color:var(--primary-800)}.tedi-carousel__indicator:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-carousel__indicator--active{background-color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1951
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CarouselIndicatorsComponent, isStandalone: true, selector: "tedi-carousel-indicators", inputs: { withArrows: { classPropertyName: "withArrows", publicName: "withArrows", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n >\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n </button>\n}\n\n@if (variant() === \"dots\") {\n @for (indicator of indicatorsArray(); track indicator.index) {\n <button\n type=\"button\"\n class=\"tedi-carousel__indicator\"\n [attr.aria-label]=\"\n translationService.track('carousel.showSlide', indicator.index + 1)()\n \"\n [ngClass]=\"indicator.active ? 'tedi-carousel__indicator--active' : null\"\n (click)=\"handleIndicatorClick(indicator.index)\"\n ></button>\n }\n} @else if (activeSlideNumber()) {\n <div>\n <b tedi-text color=\"brand\">{{ activeSlideNumber() }}</b>\n <span tedi-text color=\"tertiary\"> / {{ indicatorsArray().length }}</span>\n </div>\n}\n\n@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n >\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n </button>\n}\n", styles: ["tedi-carousel-indicators{display:flex;align-items:center;min-height:24px;gap:var(--layout-grid-gutters-04)}.tedi-carousel__indicator{width:22px;height:8px;border-radius:100px;border:1px solid var(--tedi-primary-600);background-color:transparent;cursor:pointer}.tedi-carousel__indicator:hover{border-color:var(--tedi-primary-700)}.tedi-carousel__indicator:active{border-color:var(--tedi-primary-800);background-color:var(--tedi-primary-800)}.tedi-carousel__indicator:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-carousel__indicator--active{background-color:var(--tedi-primary-600)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1952
1952
  }
1953
1953
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselIndicatorsComponent, decorators: [{
1954
1954
  type: Component,
1955
- args: [{ standalone: true, selector: "tedi-carousel-indicators", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgClass, ButtonComponent, IconComponent, TextComponent], template: "@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n >\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n </button>\n}\n\n@if (variant() === \"dots\") {\n @for (indicator of indicatorsArray(); track indicator.index) {\n <button\n type=\"button\"\n class=\"tedi-carousel__indicator\"\n [attr.aria-label]=\"\n translationService.track('carousel.showSlide', indicator.index + 1)()\n \"\n [ngClass]=\"indicator.active ? 'tedi-carousel__indicator--active' : null\"\n (click)=\"handleIndicatorClick(indicator.index)\"\n ></button>\n }\n} @else if (activeSlideNumber()) {\n <div>\n <b tedi-text color=\"brand\">{{ activeSlideNumber() }}</b>\n <span tedi-text color=\"tertiary\"> / {{ indicatorsArray().length }}</span>\n </div>\n}\n\n@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n >\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n </button>\n}\n", styles: ["tedi-carousel-indicators{display:flex;align-items:center;min-height:24px}tedi-carousel-indicators{gap:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){tedi-carousel-indicators{gap:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){tedi-carousel-indicators{gap:var(--layout-grid-gutters-04-desktop)}}.tedi-carousel__indicator{width:22px;height:8px;border-radius:100px;border:1px solid var(--primary-600);background-color:transparent;cursor:pointer}.tedi-carousel__indicator:hover{border-color:var(--primary-700)}.tedi-carousel__indicator:active{border-color:var(--primary-800);background-color:var(--primary-800)}.tedi-carousel__indicator:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-carousel__indicator--active{background-color:var(--primary-600)}\n"] }]
1955
+ args: [{ standalone: true, selector: "tedi-carousel-indicators", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgClass, ButtonComponent, IconComponent, TextComponent], template: "@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n >\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n </button>\n}\n\n@if (variant() === \"dots\") {\n @for (indicator of indicatorsArray(); track indicator.index) {\n <button\n type=\"button\"\n class=\"tedi-carousel__indicator\"\n [attr.aria-label]=\"\n translationService.track('carousel.showSlide', indicator.index + 1)()\n \"\n [ngClass]=\"indicator.active ? 'tedi-carousel__indicator--active' : null\"\n (click)=\"handleIndicatorClick(indicator.index)\"\n ></button>\n }\n} @else if (activeSlideNumber()) {\n <div>\n <b tedi-text color=\"brand\">{{ activeSlideNumber() }}</b>\n <span tedi-text color=\"tertiary\"> / {{ indicatorsArray().length }}</span>\n </div>\n}\n\n@if (withArrows()) {\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n >\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n </button>\n}\n", styles: ["tedi-carousel-indicators{display:flex;align-items:center;min-height:24px;gap:var(--layout-grid-gutters-04)}.tedi-carousel__indicator{width:22px;height:8px;border-radius:100px;border:1px solid var(--tedi-primary-600);background-color:transparent;cursor:pointer}.tedi-carousel__indicator:hover{border-color:var(--tedi-primary-700)}.tedi-carousel__indicator:active{border-color:var(--tedi-primary-800);background-color:var(--tedi-primary-800)}.tedi-carousel__indicator:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-carousel__indicator--active{background-color:var(--tedi-primary-600)}\n"] }]
1956
1956
  }] });
1957
1957
 
1958
1958
  class CarouselNavigationComponent {
@@ -1965,11 +1965,11 @@ class CarouselNavigationComponent {
1965
1965
  this.carousel.carouselContent().prev();
1966
1966
  }
1967
1967
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1968
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselNavigationComponent, isStandalone: true, selector: "tedi-carousel-navigation", ngImport: i0, template: "<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n>\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n>\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center}tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-desktop)}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1968
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselNavigationComponent, isStandalone: true, selector: "tedi-carousel-navigation", ngImport: i0, template: "<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n>\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n>\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}\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 });
1969
1969
  }
1970
1970
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselNavigationComponent, decorators: [{
1971
1971
  type: Component,
1972
- args: [{ standalone: true, selector: "tedi-carousel-navigation", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ButtonComponent, IconComponent], template: "<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n>\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n>\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center}tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-carousel-navigation{gap:var(--layout-grid-gutters-08-desktop)}}\n"] }]
1972
+ args: [{ standalone: true, selector: "tedi-carousel-navigation", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ButtonComponent, IconComponent], template: "<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveBack')()\"\n (click)=\"handlePrev()\"\n>\n <tedi-icon name=\"arrow_back\" [size]=\"18\" />\n</button>\n<button\n tedi-button\n type=\"button\"\n variant=\"secondary\"\n [attr.aria-label]=\"translationService.track('carousel.moveForward')()\"\n (click)=\"handleNext()\"\n>\n <tedi-icon name=\"arrow_forward\" [size]=\"18\" />\n</button>\n", styles: ["tedi-carousel-navigation{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}\n"] }]
1973
1973
  }] });
1974
1974
 
1975
1975
  class CheckboxComponent {
@@ -1984,14 +1984,14 @@ class CheckboxComponent {
1984
1984
  */
1985
1985
  invalid = input(false);
1986
1986
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1987
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CheckboxComponent, isStandalone: true, selector: "input[type=checkbox][tedi-checkbox]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-checkbox--large": "size() === 'large'", "class.tedi-checkbox--invalid": "invalid()" } }, ngImport: i0, template: "", isInline: true, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0}input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-desktop)}}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-desktop)}}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-desktop)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1987
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CheckboxComponent, isStandalone: true, selector: "input[type=checkbox][tedi-checkbox]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-checkbox--large": "size() === 'large'", "class.tedi-checkbox--invalid": "invalid()" } }, ngImport: i0, template: "", isInline: true, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0;width:var(--form-checkbox-radio-size-responsive);height:var(--form-checkbox-radio-size-responsive);border-radius:var(--form-checkbox-radio-indicator-radius-checkbox)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem;width:var(--form-checkbox-radio-size-large);height:var(--form-checkbox-radio-size-large)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1988
1988
  }
1989
1989
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, decorators: [{
1990
1990
  type: Component,
1991
1991
  args: [{ standalone: true, selector: "input[type=checkbox][tedi-checkbox]", template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
1992
1992
  "[class.tedi-checkbox--large]": "size() === 'large'",
1993
1993
  "[class.tedi-checkbox--invalid]": "invalid()",
1994
- }, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0}input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{width:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{height:var(--form-checkbox-radio-size-responsive-desktop)}}input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox]{border-radius:var(--form-checkbox-radio-indicator-radius-checkbox-desktop)}}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{width:var(--form-checkbox-radio-size-large-desktop)}}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-mobile)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-tablet)}}@media (min-width: 992px){input[tedi-checkbox][type=checkbox].tedi-checkbox--large{height:var(--form-checkbox-radio-size-large-desktop)}}\n"] }]
1994
+ }, styles: ["input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1.125rem;appearance:none;position:relative;cursor:pointer;border:1px solid var(--form-checkbox-radio-default-border-default);background-color:var(--form-checkbox-radio-default-background-default);vertical-align:middle;padding:0;margin:0;width:var(--form-checkbox-radio-size-responsive);height:var(--form-checkbox-radio-size-responsive);border-radius:var(--form-checkbox-radio-indicator-radius-checkbox)}@media (min-width: 576px){input[tedi-checkbox][type=checkbox]{--_checkbox-icon-size: 1rem}}input[tedi-checkbox][type=checkbox]:not(:disabled):hover{border-color:var(--form-checkbox-radio-default-border-hover);box-shadow:0 0 0 1px var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox]:not(:checked):disabled{cursor:not-allowed;border-color:var(--form-general-border-disabled);background-color:var(--form-general-background-disabled)}input[tedi-checkbox][type=checkbox]:checked,input[tedi-checkbox][type=checkbox]:indeterminate{border-color:var(--form-checkbox-radio-default-border-selected);background-color:var(--form-checkbox-radio-default-background-selected)}input[tedi-checkbox][type=checkbox]:checked:disabled,input[tedi-checkbox][type=checkbox]:indeterminate:disabled{cursor:not-allowed;border-color:var(--form-checkbox-radio-default-border-selected-disabled);background-color:var(--form-checkbox-radio-default-background-selected-disabled)}input[tedi-checkbox][type=checkbox]:checked:before,input[tedi-checkbox][type=checkbox]:indeterminate:before{position:absolute;top:50%;left:50%;content:\"check\";font-size:var(--_checkbox-icon-size);font-family:Material Symbols Outlined,sans-serif;-webkit-font-smoothing:antialiased;color:var(--form-checkbox-radio-default-check-indicator-default);line-height:1;transform:translate(-50%,-50%)}input[tedi-checkbox][type=checkbox]:checked:before{content:\"check\"}input[tedi-checkbox][type=checkbox]:indeterminate:before{content:\"remove\"}input[tedi-checkbox][type=checkbox]:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid,input[tedi-checkbox][type=checkbox]:user-invalid,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched{border-color:var(--form-general-feedback-error-border)}input[tedi-checkbox][type=checkbox]:not(:checked):not(:disabled).tedi-checkbox--invalid:hover,input[tedi-checkbox][type=checkbox]:user-invalid:hover,input[tedi-checkbox][type=checkbox].ng-invalid.ng-touched:hover{border-color:var(--form-checkbox-radio-default-border-hover)}input[tedi-checkbox][type=checkbox].tedi-checkbox--large{--_checkbox-icon-size: 1.125rem;width:var(--form-checkbox-radio-size-large);height:var(--form-checkbox-radio-size-large)}\n"] }]
1995
1995
  }] });
1996
1996
 
1997
1997
  class DropdownTriggerDirective {
@@ -2122,7 +2122,7 @@ class DropdownItemComponent {
2122
2122
  this.dropdown.dropdownTrigger()?.host.nativeElement.focus();
2123
2123
  }
2124
2124
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2125
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: DropdownItemComponent, isStandalone: true, selector: "li[tedi-dropdown-item]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.role": "dropdownContent.dropdownRole() === 'menu' ? 'menuitem' : 'option'", "attr.aria-selected": "dropdownContent.dropdownRole() === 'listbox' ? isSelected() : null", "attr.aria-disabled": "disabled() ? 'true' : null", "tabindex": "dropdownContent.dropdownRole() === 'menu' ? '-1' : (disabled() ? null : '-1')" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["li[tedi-dropdown-item]{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background);padding:var(--dropdown-item-padding-y, 8px) var(--dropdown-item-padding-x);cursor:pointer}li[tedi-dropdown-item]:hover{color:var(--dropdown-item-hover-text);background:var(--dropdown-item-hover-background)}li[tedi-dropdown-item]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}li[tedi-dropdown-item][aria-selected=true]{color:var(--dropdown-item-active-text);background:var(--dropdown-item-active-background)}li[tedi-dropdown-item][aria-selected=true]:focus-visible{color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background)}li[tedi-dropdown-item][aria-disabled=true]{color:var(--general-text-disabled);background:var(--dropdown-item-disabled-background);cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2125
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: DropdownItemComponent, isStandalone: true, selector: "li[tedi-dropdown-item]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.role": "dropdownContent.dropdownRole() === 'menu' ? 'menuitem' : 'option'", "attr.aria-selected": "dropdownContent.dropdownRole() === 'listbox' ? isSelected() : null", "attr.aria-disabled": "disabled() ? 'true' : null", "tabindex": "dropdownContent.dropdownRole() === 'menu' ? '-1' : (disabled() ? null : '-1')" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["li[tedi-dropdown-item]{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background);padding:var(--dropdown-item-padding-y, 8px) var(--dropdown-item-padding-x);cursor:pointer}li[tedi-dropdown-item]:hover{color:var(--dropdown-item-hover-text);background:var(--dropdown-item-hover-background)}li[tedi-dropdown-item]:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}li[tedi-dropdown-item][aria-selected=true]{color:var(--dropdown-item-active-text);background:var(--dropdown-item-active-background)}li[tedi-dropdown-item][aria-selected=true]:focus-visible{color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background)}li[tedi-dropdown-item][aria-disabled=true]{color:var(--general-text-disabled);background:var(--dropdown-item-disabled-background);cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2126
2126
  }
2127
2127
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownItemComponent, decorators: [{
2128
2128
  type: Component,
@@ -2131,7 +2131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2131
2131
  "[attr.aria-selected]": "dropdownContent.dropdownRole() === 'listbox' ? isSelected() : null",
2132
2132
  "[attr.aria-disabled]": "disabled() ? 'true' : null",
2133
2133
  "[tabindex]": "dropdownContent.dropdownRole() === 'menu' ? '-1' : (disabled() ? null : '-1')",
2134
- }, styles: ["li[tedi-dropdown-item]{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background);padding:var(--dropdown-item-padding-y, 8px) var(--dropdown-item-padding-x);cursor:pointer}li[tedi-dropdown-item]:hover{color:var(--dropdown-item-hover-text);background:var(--dropdown-item-hover-background)}li[tedi-dropdown-item]:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}li[tedi-dropdown-item][aria-selected=true]{color:var(--dropdown-item-active-text);background:var(--dropdown-item-active-background)}li[tedi-dropdown-item][aria-selected=true]:focus-visible{color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background)}li[tedi-dropdown-item][aria-disabled=true]{color:var(--general-text-disabled);background:var(--dropdown-item-disabled-background);cursor:not-allowed}\n"] }]
2134
+ }, styles: ["li[tedi-dropdown-item]{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background);padding:var(--dropdown-item-padding-y, 8px) var(--dropdown-item-padding-x);cursor:pointer}li[tedi-dropdown-item]:hover{color:var(--dropdown-item-hover-text);background:var(--dropdown-item-hover-background)}li[tedi-dropdown-item]:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}li[tedi-dropdown-item][aria-selected=true]{color:var(--dropdown-item-active-text);background:var(--dropdown-item-active-background)}li[tedi-dropdown-item][aria-selected=true]:focus-visible{color:var(--dropdown-item-default-text);background:var(--dropdown-item-default-background)}li[tedi-dropdown-item][aria-disabled=true]{color:var(--general-text-disabled);background:var(--dropdown-item-disabled-background);cursor:not-allowed}\n"] }]
2135
2135
  }], propDecorators: { onClick: [{
2136
2136
  type: HostListener,
2137
2137
  args: ["click"]
@@ -2362,11 +2362,11 @@ class DropdownComponent {
2362
2362
  return null;
2363
2363
  }
2364
2364
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2365
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: DropdownComponent, isStandalone: true, selector: "tedi-dropdown", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, preventOverflow: { classPropertyName: "preventOverflow", publicName: "preventOverflow", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, queries: [{ propertyName: "dropdownTrigger", first: true, predicate: DropdownTriggerDirective, descendants: true, isSignal: true }, { propertyName: "dropdownContent", first: true, predicate: DropdownContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n applyClass=\"float-ui-container-dropdown\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n ariaRole=\"presentation\"\n [hideOnClickOutside]=\"true\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"dropdownTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"[tedi-dropdown-trigger]\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-dropdown-content\" />\n</float-ui-content>\n", styles: ["tedi-dropdown{display:inline-flex}float-ui-content .float-ui-container-dropdown{padding:0;border:0;border-radius:var(--dropdown-item-radius);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}\n"], dependencies: [{ kind: "ngmodule", type: NgxFloatUiModule }, { kind: "component", type: i1$1.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i1$1.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2365
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: DropdownComponent, isStandalone: true, selector: "tedi-dropdown", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, preventOverflow: { classPropertyName: "preventOverflow", publicName: "preventOverflow", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, queries: [{ propertyName: "dropdownTrigger", first: true, predicate: DropdownTriggerDirective, descendants: true, isSignal: true }, { propertyName: "dropdownContent", first: true, predicate: DropdownContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n applyClass=\"float-ui-container-dropdown\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n ariaRole=\"presentation\"\n [hideOnClickOutside]=\"true\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"dropdownTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"[tedi-dropdown-trigger]\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-dropdown-content\" />\n</float-ui-content>\n", styles: ["tedi-dropdown{display:inline-flex}float-ui-content .float-ui-container-dropdown{padding:0;border:0;border-radius:var(--dropdown-item-radius);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}\n"], dependencies: [{ kind: "ngmodule", type: NgxFloatUiModule }, { kind: "component", type: i1$1.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i1$1.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2366
2366
  }
2367
2367
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownComponent, decorators: [{
2368
2368
  type: Component,
2369
- args: [{ standalone: true, selector: "tedi-dropdown", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n applyClass=\"float-ui-container-dropdown\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n ariaRole=\"presentation\"\n [hideOnClickOutside]=\"true\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"dropdownTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"[tedi-dropdown-trigger]\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-dropdown-content\" />\n</float-ui-content>\n", styles: ["tedi-dropdown{display:inline-flex}float-ui-content .float-ui-container-dropdown{padding:0;border:0;border-radius:var(--dropdown-item-radius);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}\n"] }]
2369
+ args: [{ standalone: true, selector: "tedi-dropdown", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n applyClass=\"float-ui-container-dropdown\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n ariaRole=\"presentation\"\n [hideOnClickOutside]=\"true\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"dropdownTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"[tedi-dropdown-trigger]\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-dropdown-content\" />\n</float-ui-content>\n", styles: ["tedi-dropdown{display:inline-flex}float-ui-content .float-ui-container-dropdown{padding:0;border:0;border-radius:var(--dropdown-item-radius);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}\n"] }]
2370
2370
  }], ctorParameters: () => [] });
2371
2371
 
2372
2372
  class SeparatorComponent {
@@ -2455,7 +2455,7 @@ class SeparatorComponent {
2455
2455
  return classList.join(" ");
2456
2456
  });
2457
2457
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2458
- 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 });
2458
+ 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);width:var(--separator-dotted-dot-lg);height:var(--separator-dotted-dot-lg)}@media print{.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{filter:grayscale(1)}}.tedi-separator--dotted.tedi-separator--secondary:before,.tedi-separator--dotted-small.tedi-separator--secondary:before{background-color:var(--general-border-secondary)}.tedi-separator--dotted.tedi-separator--accent:before,.tedi-separator--dotted-small.tedi-separator--accent:before{background-color:var(--general-border-accent)}.tedi-separator--dotted-small:before{top:1.5rem;transform:translate(-5px);width:var(--separator-dotted-dot-md);height:var(--separator-dotted-dot-md)}.tedi-separator--horizontal.tedi-separator--top-0{margin-top:0}.tedi-separator--horizontal.tedi-separator--bottom-0{margin-bottom:0}.tedi-separator--vertical.tedi-separator--left-0{margin-left:0}.tedi-separator--vertical.tedi-separator--right-0{margin-right:0}.tedi-separator--horizontal.tedi-separator--spacing-0:not(.tedi-separator--dot-only){margin-top:0;margin-bottom:0}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0,.tedi-separator--vertical.tedi-separator--spacing-0{margin-right:0;margin-left:0}.tedi-separator--horizontal.tedi-separator--top-0-25{margin-top:.25rem}.tedi-separator--horizontal.tedi-separator--bottom-0-25{margin-bottom:.25rem}.tedi-separator--vertical.tedi-separator--left-0-25{margin-left:.25rem}.tedi-separator--vertical.tedi-separator--right-0-25{margin-right:.25rem}.tedi-separator--horizontal.tedi-separator--spacing-0-25:not(.tedi-separator--dot-only){margin-top:.25rem;margin-bottom:.25rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-25,.tedi-separator--vertical.tedi-separator--spacing-0-25{margin-right:.25rem;margin-left:.25rem}.tedi-separator--horizontal.tedi-separator--top-0-5{margin-top:.5rem}.tedi-separator--horizontal.tedi-separator--bottom-0-5{margin-bottom:.5rem}.tedi-separator--vertical.tedi-separator--left-0-5{margin-left:.5rem}.tedi-separator--vertical.tedi-separator--right-0-5{margin-right:.5rem}.tedi-separator--horizontal.tedi-separator--spacing-0-5:not(.tedi-separator--dot-only){margin-top:.5rem;margin-bottom:.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-5,.tedi-separator--vertical.tedi-separator--spacing-0-5{margin-right:.5rem;margin-left:.5rem}.tedi-separator--horizontal.tedi-separator--top-0-75{margin-top:.75rem}.tedi-separator--horizontal.tedi-separator--bottom-0-75{margin-bottom:.75rem}.tedi-separator--vertical.tedi-separator--left-0-75{margin-left:.75rem}.tedi-separator--vertical.tedi-separator--right-0-75{margin-right:.75rem}.tedi-separator--horizontal.tedi-separator--spacing-0-75:not(.tedi-separator--dot-only){margin-top:.75rem;margin-bottom:.75rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-75,.tedi-separator--vertical.tedi-separator--spacing-0-75{margin-right:.75rem;margin-left:.75rem}.tedi-separator--horizontal.tedi-separator--top-1{margin-top:1rem}.tedi-separator--horizontal.tedi-separator--bottom-1{margin-bottom:1rem}.tedi-separator--vertical.tedi-separator--left-1{margin-left:1rem}.tedi-separator--vertical.tedi-separator--right-1{margin-right:1rem}.tedi-separator--horizontal.tedi-separator--spacing-1:not(.tedi-separator--dot-only){margin-top:1rem;margin-bottom:1rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1,.tedi-separator--vertical.tedi-separator--spacing-1{margin-right:1rem;margin-left:1rem}.tedi-separator--horizontal.tedi-separator--top-1-25{margin-top:1.25rem}.tedi-separator--horizontal.tedi-separator--bottom-1-25{margin-bottom:1.25rem}.tedi-separator--vertical.tedi-separator--left-1-25{margin-left:1.25rem}.tedi-separator--vertical.tedi-separator--right-1-25{margin-right:1.25rem}.tedi-separator--horizontal.tedi-separator--spacing-1-25:not(.tedi-separator--dot-only){margin-top:1.25rem;margin-bottom:1.25rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-25,.tedi-separator--vertical.tedi-separator--spacing-1-25{margin-right:1.25rem;margin-left:1.25rem}.tedi-separator--horizontal.tedi-separator--top-1-5{margin-top:1.5rem}.tedi-separator--horizontal.tedi-separator--bottom-1-5{margin-bottom:1.5rem}.tedi-separator--vertical.tedi-separator--left-1-5{margin-left:1.5rem}.tedi-separator--vertical.tedi-separator--right-1-5{margin-right:1.5rem}.tedi-separator--horizontal.tedi-separator--spacing-1-5:not(.tedi-separator--dot-only){margin-top:1.5rem;margin-bottom:1.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-5,.tedi-separator--vertical.tedi-separator--spacing-1-5{margin-right:1.5rem;margin-left:1.5rem}.tedi-separator--horizontal.tedi-separator--top-1-75{margin-top:1.75rem}.tedi-separator--horizontal.tedi-separator--bottom-1-75{margin-bottom:1.75rem}.tedi-separator--vertical.tedi-separator--left-1-75{margin-left:1.75rem}.tedi-separator--vertical.tedi-separator--right-1-75{margin-right:1.75rem}.tedi-separator--horizontal.tedi-separator--spacing-1-75:not(.tedi-separator--dot-only){margin-top:1.75rem;margin-bottom:1.75rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-75,.tedi-separator--vertical.tedi-separator--spacing-1-75{margin-right:1.75rem;margin-left:1.75rem}.tedi-separator--horizontal.tedi-separator--top-2{margin-top:2rem}.tedi-separator--horizontal.tedi-separator--bottom-2{margin-bottom:2rem}.tedi-separator--vertical.tedi-separator--left-2{margin-left:2rem}.tedi-separator--vertical.tedi-separator--right-2{margin-right:2rem}.tedi-separator--horizontal.tedi-separator--spacing-2:not(.tedi-separator--dot-only){margin-top:2rem;margin-bottom:2rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-2,.tedi-separator--vertical.tedi-separator--spacing-2{margin-right:2rem;margin-left:2rem}.tedi-separator--horizontal.tedi-separator--top-2-5{margin-top:2.5rem}.tedi-separator--horizontal.tedi-separator--bottom-2-5{margin-bottom:2.5rem}.tedi-separator--vertical.tedi-separator--left-2-5{margin-left:2.5rem}.tedi-separator--vertical.tedi-separator--right-2-5{margin-right:2.5rem}.tedi-separator--horizontal.tedi-separator--spacing-2-5:not(.tedi-separator--dot-only){margin-top:2.5rem;margin-bottom:2.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-2-5,.tedi-separator--vertical.tedi-separator--spacing-2-5{margin-right:2.5rem;margin-left:2.5rem}.tedi-separator--horizontal.tedi-separator--top-5{margin-top:5rem}.tedi-separator--horizontal.tedi-separator--bottom-5{margin-bottom:5rem}.tedi-separator--vertical.tedi-separator--left-5{margin-left:5rem}.tedi-separator--vertical.tedi-separator--right-5{margin-right:5rem}.tedi-separator--horizontal.tedi-separator--spacing-5:not(.tedi-separator--dot-only){margin-top:5rem;margin-bottom:5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-5,.tedi-separator--vertical.tedi-separator--spacing-5{margin-right:5rem;margin-left:5rem}.tedi-separator.tedi-separator--thickness-1{border-top-width:1px}.tedi-separator--vertical.tedi-separator--thickness-1{border-left-width:1px}.tedi-separator.tedi-separator--thickness-2{border-top-width:2px}.tedi-separator--vertical.tedi-separator--thickness-2{border-left-width:2px}.tedi-separator--dot-only{position:relative;display:inline-block;vertical-align:middle;border:none}.tedi-separator--dot-only:before{position:relative;display:block;content:\"\";border-radius:100%;width:var(--separator-dotted-dot-sm);height:var(--separator-dotted-dot-sm)}@media print{.tedi-separator--dot-only:before{filter:grayscale(1)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs);height:var(--separator-dotted-dot-xs)}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm);height:var(--separator-dotted-dot-sm)}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md);height:var(--separator-dotted-dot-md)}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg);height:var(--separator-dotted-dot-lg)}.tedi-separator--dot-only-filled.tedi-separator--primary:before{background-color:var(--general-border-primary)}.tedi-separator--dot-only-filled.tedi-separator--secondary:before{background-color:var(--general-border-secondary)}.tedi-separator--dot-only-filled.tedi-separator--accent:before{background-color:var(--general-border-accent)}.tedi-separator--dot-only-outlined:before{border-style:solid}.tedi-separator--dot-only-outlined.tedi-separator--primary:before{border-color:var(--general-border-primary)}.tedi-separator--dot-only-outlined.tedi-separator--secondary:before{border-color:var(--general-border-secondary)}.tedi-separator--dot-only-outlined.tedi-separator--accent:before{border-color:var(--general-border-accent)}.tedi-separator--dot-only-outlined.tedi-separator--thickness-1:before{border-width:1px}.tedi-separator--dot-only-outlined.tedi-separator--thickness-2:before{border-width:2px}.tedi-separator--horizontal.tedi-separator--dotted:before,.tedi-separator--horizontal.tedi-separator--dotted-small:before{right:0;left:0;margin:0 auto;transform:initial}.tedi-separator--horizontal.tedi-separator--dotted:before{top:calc(var(--separator-dotted-dot-lg) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted-small:before{top:calc(var(--separator-dotted-dot-md) / 2 * -1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2459
2459
  }
2460
2460
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeparatorComponent, decorators: [{
2461
2461
  type: Component,
@@ -2463,7 +2463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2463
2463
  "[class]": "classes()",
2464
2464
  "[style.width]": "variant() === 'dot-only' ? null : axis() === 'horizontal' ? size() : '0px'",
2465
2465
  "[style.height]": "variant() === 'dot-only' ? null : axis() === 'vertical' ? size() : '0px'",
2466
- }, 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"] }]
2466
+ }, styles: [".tedi-separator{display:block;position:relative;margin:0;border:0;border-top-width:1px;border-style:solid}@media print{.tedi-separator{filter:grayscale(1)}}.tedi-separator--vertical{border-top-width:0;border-left-width:1px}.tedi-separator--primary{border-color:var(--general-border-primary)}.tedi-separator--secondary{border-color:var(--general-border-secondary)}.tedi-separator--accent{border-color:var(--general-border-accent)}.tedi-separator--block{display:block}.tedi-separator--inline{display:inline}.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{position:absolute;top:1.25rem;content:\"\";background-color:var(--general-border-primary);border-radius:100%;transform:translate(-8px);width:var(--separator-dotted-dot-lg);height:var(--separator-dotted-dot-lg)}@media print{.tedi-separator--dotted:before,.tedi-separator--dotted-small:before{filter:grayscale(1)}}.tedi-separator--dotted.tedi-separator--secondary:before,.tedi-separator--dotted-small.tedi-separator--secondary:before{background-color:var(--general-border-secondary)}.tedi-separator--dotted.tedi-separator--accent:before,.tedi-separator--dotted-small.tedi-separator--accent:before{background-color:var(--general-border-accent)}.tedi-separator--dotted-small:before{top:1.5rem;transform:translate(-5px);width:var(--separator-dotted-dot-md);height:var(--separator-dotted-dot-md)}.tedi-separator--horizontal.tedi-separator--top-0{margin-top:0}.tedi-separator--horizontal.tedi-separator--bottom-0{margin-bottom:0}.tedi-separator--vertical.tedi-separator--left-0{margin-left:0}.tedi-separator--vertical.tedi-separator--right-0{margin-right:0}.tedi-separator--horizontal.tedi-separator--spacing-0:not(.tedi-separator--dot-only){margin-top:0;margin-bottom:0}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0,.tedi-separator--vertical.tedi-separator--spacing-0{margin-right:0;margin-left:0}.tedi-separator--horizontal.tedi-separator--top-0-25{margin-top:.25rem}.tedi-separator--horizontal.tedi-separator--bottom-0-25{margin-bottom:.25rem}.tedi-separator--vertical.tedi-separator--left-0-25{margin-left:.25rem}.tedi-separator--vertical.tedi-separator--right-0-25{margin-right:.25rem}.tedi-separator--horizontal.tedi-separator--spacing-0-25:not(.tedi-separator--dot-only){margin-top:.25rem;margin-bottom:.25rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-25,.tedi-separator--vertical.tedi-separator--spacing-0-25{margin-right:.25rem;margin-left:.25rem}.tedi-separator--horizontal.tedi-separator--top-0-5{margin-top:.5rem}.tedi-separator--horizontal.tedi-separator--bottom-0-5{margin-bottom:.5rem}.tedi-separator--vertical.tedi-separator--left-0-5{margin-left:.5rem}.tedi-separator--vertical.tedi-separator--right-0-5{margin-right:.5rem}.tedi-separator--horizontal.tedi-separator--spacing-0-5:not(.tedi-separator--dot-only){margin-top:.5rem;margin-bottom:.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-5,.tedi-separator--vertical.tedi-separator--spacing-0-5{margin-right:.5rem;margin-left:.5rem}.tedi-separator--horizontal.tedi-separator--top-0-75{margin-top:.75rem}.tedi-separator--horizontal.tedi-separator--bottom-0-75{margin-bottom:.75rem}.tedi-separator--vertical.tedi-separator--left-0-75{margin-left:.75rem}.tedi-separator--vertical.tedi-separator--right-0-75{margin-right:.75rem}.tedi-separator--horizontal.tedi-separator--spacing-0-75:not(.tedi-separator--dot-only){margin-top:.75rem;margin-bottom:.75rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-0-75,.tedi-separator--vertical.tedi-separator--spacing-0-75{margin-right:.75rem;margin-left:.75rem}.tedi-separator--horizontal.tedi-separator--top-1{margin-top:1rem}.tedi-separator--horizontal.tedi-separator--bottom-1{margin-bottom:1rem}.tedi-separator--vertical.tedi-separator--left-1{margin-left:1rem}.tedi-separator--vertical.tedi-separator--right-1{margin-right:1rem}.tedi-separator--horizontal.tedi-separator--spacing-1:not(.tedi-separator--dot-only){margin-top:1rem;margin-bottom:1rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1,.tedi-separator--vertical.tedi-separator--spacing-1{margin-right:1rem;margin-left:1rem}.tedi-separator--horizontal.tedi-separator--top-1-25{margin-top:1.25rem}.tedi-separator--horizontal.tedi-separator--bottom-1-25{margin-bottom:1.25rem}.tedi-separator--vertical.tedi-separator--left-1-25{margin-left:1.25rem}.tedi-separator--vertical.tedi-separator--right-1-25{margin-right:1.25rem}.tedi-separator--horizontal.tedi-separator--spacing-1-25:not(.tedi-separator--dot-only){margin-top:1.25rem;margin-bottom:1.25rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-25,.tedi-separator--vertical.tedi-separator--spacing-1-25{margin-right:1.25rem;margin-left:1.25rem}.tedi-separator--horizontal.tedi-separator--top-1-5{margin-top:1.5rem}.tedi-separator--horizontal.tedi-separator--bottom-1-5{margin-bottom:1.5rem}.tedi-separator--vertical.tedi-separator--left-1-5{margin-left:1.5rem}.tedi-separator--vertical.tedi-separator--right-1-5{margin-right:1.5rem}.tedi-separator--horizontal.tedi-separator--spacing-1-5:not(.tedi-separator--dot-only){margin-top:1.5rem;margin-bottom:1.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-5,.tedi-separator--vertical.tedi-separator--spacing-1-5{margin-right:1.5rem;margin-left:1.5rem}.tedi-separator--horizontal.tedi-separator--top-1-75{margin-top:1.75rem}.tedi-separator--horizontal.tedi-separator--bottom-1-75{margin-bottom:1.75rem}.tedi-separator--vertical.tedi-separator--left-1-75{margin-left:1.75rem}.tedi-separator--vertical.tedi-separator--right-1-75{margin-right:1.75rem}.tedi-separator--horizontal.tedi-separator--spacing-1-75:not(.tedi-separator--dot-only){margin-top:1.75rem;margin-bottom:1.75rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-1-75,.tedi-separator--vertical.tedi-separator--spacing-1-75{margin-right:1.75rem;margin-left:1.75rem}.tedi-separator--horizontal.tedi-separator--top-2{margin-top:2rem}.tedi-separator--horizontal.tedi-separator--bottom-2{margin-bottom:2rem}.tedi-separator--vertical.tedi-separator--left-2{margin-left:2rem}.tedi-separator--vertical.tedi-separator--right-2{margin-right:2rem}.tedi-separator--horizontal.tedi-separator--spacing-2:not(.tedi-separator--dot-only){margin-top:2rem;margin-bottom:2rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-2,.tedi-separator--vertical.tedi-separator--spacing-2{margin-right:2rem;margin-left:2rem}.tedi-separator--horizontal.tedi-separator--top-2-5{margin-top:2.5rem}.tedi-separator--horizontal.tedi-separator--bottom-2-5{margin-bottom:2.5rem}.tedi-separator--vertical.tedi-separator--left-2-5{margin-left:2.5rem}.tedi-separator--vertical.tedi-separator--right-2-5{margin-right:2.5rem}.tedi-separator--horizontal.tedi-separator--spacing-2-5:not(.tedi-separator--dot-only){margin-top:2.5rem;margin-bottom:2.5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-2-5,.tedi-separator--vertical.tedi-separator--spacing-2-5{margin-right:2.5rem;margin-left:2.5rem}.tedi-separator--horizontal.tedi-separator--top-5{margin-top:5rem}.tedi-separator--horizontal.tedi-separator--bottom-5{margin-bottom:5rem}.tedi-separator--vertical.tedi-separator--left-5{margin-left:5rem}.tedi-separator--vertical.tedi-separator--right-5{margin-right:5rem}.tedi-separator--horizontal.tedi-separator--spacing-5:not(.tedi-separator--dot-only){margin-top:5rem;margin-bottom:5rem}.tedi-separator--horizontal.tedi-separator--dot-only.tedi-separator--spacing-5,.tedi-separator--vertical.tedi-separator--spacing-5{margin-right:5rem;margin-left:5rem}.tedi-separator.tedi-separator--thickness-1{border-top-width:1px}.tedi-separator--vertical.tedi-separator--thickness-1{border-left-width:1px}.tedi-separator.tedi-separator--thickness-2{border-top-width:2px}.tedi-separator--vertical.tedi-separator--thickness-2{border-left-width:2px}.tedi-separator--dot-only{position:relative;display:inline-block;vertical-align:middle;border:none}.tedi-separator--dot-only:before{position:relative;display:block;content:\"\";border-radius:100%;width:var(--separator-dotted-dot-sm);height:var(--separator-dotted-dot-sm)}@media print{.tedi-separator--dot-only:before{filter:grayscale(1)}}.tedi-separator--dot-only.tedi-separator--dot-only-extra-small:before{width:var(--separator-dotted-dot-xs);height:var(--separator-dotted-dot-xs)}.tedi-separator--dot-only.tedi-separator--dot-only-small:before{width:var(--separator-dotted-dot-sm);height:var(--separator-dotted-dot-sm)}.tedi-separator--dot-only.tedi-separator--dot-only-medium:before{width:var(--separator-dotted-dot-md);height:var(--separator-dotted-dot-md)}.tedi-separator--dot-only.tedi-separator--dot-only-large:before{width:var(--separator-dotted-dot-lg);height:var(--separator-dotted-dot-lg)}.tedi-separator--dot-only-filled.tedi-separator--primary:before{background-color:var(--general-border-primary)}.tedi-separator--dot-only-filled.tedi-separator--secondary:before{background-color:var(--general-border-secondary)}.tedi-separator--dot-only-filled.tedi-separator--accent:before{background-color:var(--general-border-accent)}.tedi-separator--dot-only-outlined:before{border-style:solid}.tedi-separator--dot-only-outlined.tedi-separator--primary:before{border-color:var(--general-border-primary)}.tedi-separator--dot-only-outlined.tedi-separator--secondary:before{border-color:var(--general-border-secondary)}.tedi-separator--dot-only-outlined.tedi-separator--accent:before{border-color:var(--general-border-accent)}.tedi-separator--dot-only-outlined.tedi-separator--thickness-1:before{border-width:1px}.tedi-separator--dot-only-outlined.tedi-separator--thickness-2:before{border-width:2px}.tedi-separator--horizontal.tedi-separator--dotted:before,.tedi-separator--horizontal.tedi-separator--dotted-small:before{right:0;left:0;margin:0 auto;transform:initial}.tedi-separator--horizontal.tedi-separator--dotted:before{top:calc(var(--separator-dotted-dot-lg) / 2 * -1)}.tedi-separator--horizontal.tedi-separator--dotted-small:before{top:calc(var(--separator-dotted-dot-md) / 2 * -1)}\n"] }]
2467
2467
  }] });
2468
2468
 
2469
2469
  class PopoverComponent {
@@ -2525,11 +2525,11 @@ class PopoverComponent {
2525
2525
  return classList.join(",");
2526
2526
  });
2527
2527
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2528
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: PopoverComponent, isStandalone: true, selector: "tedi-popover", inputs: { openWith: { classPropertyName: "openWith", publicName: "openWith", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, hideOnScroll: { classPropertyName: "hideOnScroll", publicName: "hideOnScroll", isSignal: true, isRequired: false, transformFunction: null }, withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, withArrow: { classPropertyName: "withArrow", publicName: "withArrow", isSignal: true, isRequired: false, transformFunction: null }, lockScroll: { classPropertyName: "lockScroll", publicName: "lockScroll", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [looseTrigger]=\"openWith()\"\n [hideOnClickOutside]=\"dismissible()\"\n [hideOnScroll]=\"hideOnScroll()\"\n [applyClass]=\"floatUiContainerClass()\"\n [disableAnimation]=\"true\"\n appendTo=\"body\"\n aria-haspopup=\"dialog\"\n style=\"display: inline-flex\"\n (onHidden)=\"onHide()\"\n (onShown)=\"onOpen()\"\n>\n <ng-content select=\"tedi-popover-trigger\" />\n</div>\n<float-ui-content #floatUiComponent>\n <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: NgxFloatUiModule }, { kind: "component", type: i1$1.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i1$1.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2528
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: PopoverComponent, isStandalone: true, selector: "tedi-popover", inputs: { openWith: { classPropertyName: "openWith", publicName: "openWith", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, hideOnScroll: { classPropertyName: "hideOnScroll", publicName: "hideOnScroll", isSignal: true, isRequired: false, transformFunction: null }, withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, withArrow: { classPropertyName: "withArrow", publicName: "withArrow", isSignal: true, isRequired: false, transformFunction: null }, lockScroll: { classPropertyName: "lockScroll", publicName: "lockScroll", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [looseTrigger]=\"openWith()\"\n [hideOnClickOutside]=\"dismissible()\"\n [hideOnScroll]=\"hideOnScroll()\"\n [applyClass]=\"floatUiContainerClass()\"\n [disableAnimation]=\"true\"\n appendTo=\"body\"\n aria-haspopup=\"dialog\"\n style=\"display: inline-flex\"\n (onHidden)=\"onHide()\"\n (onShown)=\"onOpen()\"\n>\n <ng-content select=\"tedi-popover-trigger\" />\n</div>\n<float-ui-content #floatUiComponent>\n <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: NgxFloatUiModule }, { kind: "component", type: i1$1.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i1$1.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2529
2529
  }
2530
2530
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverComponent, decorators: [{
2531
2531
  type: Component,
2532
- args: [{ standalone: true, selector: "tedi-popover", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [looseTrigger]=\"openWith()\"\n [hideOnClickOutside]=\"dismissible()\"\n [hideOnScroll]=\"hideOnScroll()\"\n [applyClass]=\"floatUiContainerClass()\"\n [disableAnimation]=\"true\"\n appendTo=\"body\"\n aria-haspopup=\"dialog\"\n style=\"display: inline-flex\"\n (onHidden)=\"onHide()\"\n (onShown)=\"onOpen()\"\n>\n <ng-content select=\"tedi-popover-trigger\" />\n</div>\n<float-ui-content #floatUiComponent>\n <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"] }]
2532
+ args: [{ standalone: true, selector: "tedi-popover", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [looseTrigger]=\"openWith()\"\n [hideOnClickOutside]=\"dismissible()\"\n [hideOnScroll]=\"hideOnScroll()\"\n [applyClass]=\"floatUiContainerClass()\"\n [disableAnimation]=\"true\"\n appendTo=\"body\"\n aria-haspopup=\"dialog\"\n style=\"display: inline-flex\"\n (onHidden)=\"onHide()\"\n (onShown)=\"onOpen()\"\n>\n <ng-content select=\"tedi-popover-trigger\" />\n</div>\n<float-ui-content #floatUiComponent>\n <ng-content select=\"tedi-popover-content\" />\n</float-ui-content>\n", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
2533
2533
  }] });
2534
2534
 
2535
2535
  class PopoverTriggerComponent {
@@ -2550,11 +2550,11 @@ class PopoverTriggerComponent {
2550
2550
  }
2551
2551
  }
2552
2552
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2553
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: PopoverTriggerComponent, isStandalone: true, selector: "tedi-popover-trigger", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"] });
2553
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: PopoverTriggerComponent, isStandalone: true, selector: "tedi-popover-trigger", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] });
2554
2554
  }
2555
2555
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverTriggerComponent, decorators: [{
2556
2556
  type: Component,
2557
- args: [{ selector: "tedi-popover-trigger", standalone: true, template: "<ng-content />", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"] }]
2557
+ args: [{ selector: "tedi-popover-trigger", standalone: true, template: "<ng-content />", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
2558
2558
  }] });
2559
2559
 
2560
2560
  let popoverTitleId = 0;
@@ -2586,7 +2586,7 @@ class PopoverContentComponent {
2586
2586
  this.popover?.floatUiComponent().hide();
2587
2587
  }
2588
2588
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2589
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: PopoverContentComponent, isStandalone: true, selector: "tedi-popover-content", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog" }, properties: { "class": "classes()", "attr.aria-labelledby": "title() ? titleId : null" } }, ngImport: i0, template: "@if (title() && showClose()) {\n <div class=\"tedi-popover-content__head\">\n <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n <button tedi-closing-button (click)=\"handleClose()\"></button>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n <div class=\"tedi-popover-content__head\">\n <div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n </div>\n} @else if (title()) {\n <h4 [id]=\"titleId\">{{ title() }}</h4>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2589
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: PopoverContentComponent, isStandalone: true, selector: "tedi-popover-content", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog" }, properties: { "class": "classes()", "attr.aria-labelledby": "title() ? titleId : null" } }, ngImport: i0, template: "@if (title() && showClose()) {\n <div class=\"tedi-popover-content__head\">\n <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n <button tedi-closing-button (click)=\"handleClose()\"></button>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n <div class=\"tedi-popover-content__head\">\n <div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n </div>\n} @else if (title()) {\n <h4 [id]=\"titleId\">{{ title() }}</h4>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2590
2590
  }
2591
2591
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PopoverContentComponent, decorators: [{
2592
2592
  type: Component,
@@ -2594,7 +2594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2594
2594
  "[class]": "classes()",
2595
2595
  role: "dialog",
2596
2596
  "[attr.aria-labelledby]": "title() ? titleId : null",
2597
- }, template: "@if (title() && showClose()) {\n <div class=\"tedi-popover-content__head\">\n <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n <button tedi-closing-button (click)=\"handleClose()\"></button>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n <div class=\"tedi-popover-content__head\">\n <div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n </div>\n} @else if (title()) {\n <h4 [id]=\"titleId\">{{ title() }}</h4>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded)}.tedi-popover-content{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content{padding:var(--popover-padding-sm-mobile)}@media (min-width: 576px){.tedi-popover-content{padding:var(--popover-padding-sm-tablet)}}@media (min-width: 992px){.tedi-popover-content{padding:var(--popover-padding-sm-desktop)}}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between}.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-popover-content__head>div{gap:var(--layout-grid-gutters-08-desktop)}}.tedi-popover-content__title{align-self:center}\n"] }]
2597
+ }, template: "@if (title() && showClose()) {\n <div class=\"tedi-popover-content__head\">\n <h4 class=\"tedi-popover-content__title\" [id]=\"titleId\">{{ title() }}</h4>\n <button tedi-closing-button (click)=\"handleClose()\"></button>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else if (showClose()) {\n <div class=\"tedi-popover-content__head\">\n <div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n <button tedi-closing-button size=\"small\" (click)=\"handleClose()\"></button>\n </div>\n} @else if (title()) {\n <h4 [id]=\"titleId\">{{ title() }}</h4>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", styles: ["tedi-popover{display:block}tedi-popover-trigger{display:inline-flex;cursor:pointer}float-ui-content .float-ui-container-popover{padding:0;border:var(--borders-01) solid var(--popover-border);border-radius:var(--popover-radius-rounded);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--arrow .float-ui-arrow{width:24px;height:24px;background:var(--popover-background);filter:drop-shadow(0 0 5px var(--tedi-alpha-20));clip-path:inset(0px -5px -5px 0px);z-index:var(--z-index-dropdown)}float-ui-content .float-ui-container-popover--border{border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-popover--border .float-ui-arrow{width:18px;height:18px;border-bottom:4px solid var(--header-popover-border-top);border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top]{border-bottom:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=top] .float-ui-arrow{bottom:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom]{border-top:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=bottom] .float-ui-arrow{top:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left]{border-right:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=left] .float-ui-arrow{right:-12px!important}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right]{border-left:4px solid var(--header-popover-border-top)}float-ui-content .float-ui-container-popover--border[data-float-ui-placement=right] .float-ui-arrow{left:-12px!important}float-ui-content .float-ui-container-popover[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-popover[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}.tedi-popover-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-popover-content{position:relative;max-width:calc(100dvw - 1rem);display:flex;flex-direction:column;background:var(--popover-background);color:var(--popover-text);border-radius:var(--popover-radius-rounded);gap:var(--layout-grid-gutters-08);padding:var(--popover-padding-sm)}.tedi-popover-content--none{width:none}.tedi-popover-content--small{width:240px}.tedi-popover-content--medium{width:480px}.tedi-popover-content--large{width:840px}.tedi-popover-content__head{display:flex;justify-content:space-between;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__head>div{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:var(--layout-grid-gutters-08)}.tedi-popover-content__title{align-self:center}\n"] }]
2598
2598
  }] });
2599
2599
 
2600
2600
  let datePickerId = 0;
@@ -3047,7 +3047,7 @@ class DatePickerComponent {
3047
3047
  return Math.floor(diffInDays / 7) + 1;
3048
3048
  }
3049
3049
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3050
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DatePickerComponent, isStandalone: true, selector: "tedi-date-picker", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, monthMode: { classPropertyName: "monthMode", publicName: "monthMode", isSignal: true, isRequired: false, transformFunction: null }, yearMode: { classPropertyName: "yearMode", publicName: "yearMode", isSignal: true, isRequired: false, transformFunction: null }, startYear: { classPropertyName: "startYear", publicName: "startYear", isSignal: true, isRequired: false, transformFunction: null }, endYear: { classPropertyName: "endYear", publicName: "endYear", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, inputPlaceholder: { classPropertyName: "inputPlaceholder", publicName: "inputPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, inputState: { classPropertyName: "inputState", publicName: "inputState", isSignal: true, isRequired: false, transformFunction: null }, inputSize: { classPropertyName: "inputSize", publicName: "inputSize", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "inputDisabled", isSignal: true, isRequired: false, transformFunction: null }, allowManualInput: { classPropertyName: "allowManualInput", publicName: "allowManualInput", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", month: "monthChange" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true, isSignal: true }, { propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"text\"\n class=\"tedi-date-picker__input\"\n role=\"combobox\"\n aria-autocomplete=\"none\"\n aria-haspopup=\"dialog\"\n [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n [attr.id]=\"inputId()\"\n [attr.placeholder]=\"inputPlaceholder()\"\n [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n [attr.aria-controls]=\"uniqueId\"\n [attr.aria-readonly]=\"!allowManualInput()\"\n [readOnly]=\"!allowManualInput()\"\n [value]=\"inputValue()\"\n [disabled]=\"inputDisabled()\"\n (input)=\"onInput($event)\"\n (blur)=\"onInputBlur()\"\n (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n @if (selected()) {\n <button\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n class=\"tedi-date-picker__clear\"\n [iconSize]=\"18\"\n [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n [disabled]=\"inputDisabled()\"\n (click)=\"clearInput()\"\n ></button>\n <tedi-separator axis=\"vertical\" size=\"1rem\" />\n }\n <tedi-popover\n style=\"display: flex; align-items: center\"\n position=\"bottom-end\"\n [withArrow]=\"false\"\n >\n <tedi-popover-trigger>\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__toggle\"\n [attr.aria-label]=\"\n translationService.track('date-picker.open-calendar')()\n \"\n [disabled]=\"inputDisabled()\"\n (click)=\"openCalendar()\"\n >\n <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n </button>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n <div\n class=\"tedi-date-picker__calendar\"\n (keydown)=\"onCalendarKeyDown($event)\"\n >\n <div class=\"tedi-date-picker__header\">\n @if (currentView() === \"calendar-grid\") {\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-prev-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"prevMonth()\"\n [disabled]=\"!canGoPrev()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n }\n\n <div class=\"tedi-date-picker__controls\">\n @if (monthMode() === \"dropdown\") {\n <tedi-dropdown\n [value]=\"month().getMonth().toString()\"\n (valueChange)=\"onMonthSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n >\n @for (month of monthNames; track i; let i = $index) {\n <li tedi-dropdown-item [value]=\"i.toString()\">\n {{ month() }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (monthMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n (click)=\"onMonthClick()\"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (monthMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n }\n\n @if (yearMode() === \"dropdown\") {\n <tedi-dropdown\n position=\"bottom-end\"\n [value]=\"selectedYear().toString()\"\n (valueChange)=\"onYearSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n >\n @for (year of years(); track year) {\n <li tedi-dropdown-item [value]=\"year.toString()\">\n {{ year }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (yearMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n (click)=\"onYearClick()\"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (yearMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ selectedYear() }}\n </div>\n }\n </div>\n\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-next-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"nextMonth()\"\n [disabled]=\"!canGoNext()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__controls\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n } @else if (currentView() === \"year-grid\") {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.previous-years')()\n \"\n (click)=\"prevYearPage()\"\n [disabled]=\"!hasPrevYearPage()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.next-years')()\n \"\n (click)=\"nextYearPage()\"\n [disabled]=\"!hasNextYearPage()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n </div>\n\n @if (currentView() === \"calendar-grid\") {\n <div\n class=\"tedi-date-picker__weekdays\"\n [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div role=\"columnheader\"></div>\n }\n @for (wd of weekDays; track $index; let i = $index) {\n <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n {{ wd() }}\n </div>\n }\n </div>\n\n <div\n #gridElement\n class=\"tedi-date-picker__grid\"\n role=\"grid\"\n [attr.id]=\"uniqueId\"\n aria-readonly=\"true\"\n >\n @for (week of weekRows(); track row; let row = $index) {\n <div\n class=\"tedi-date-picker__row\"\n [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div\n class=\"tedi-date-picker__weeknumber\"\n role=\"gridcell\"\n aria-readonly=\"true\"\n >\n {{ weekNumbers()[row] }}\n </div>\n }\n @for (day of week; track day.date) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"tedi-date-picker__day\"\n [class.tedi-date-picker__day--other-month]=\"\n !day.inCurrentMonth\n \"\n [class.tedi-date-picker__day--selected]=\"\n isSelected(day.date)\n \"\n [disabled]=\"day.disabled\"\n [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n [attr.tabindex]=\"getTabIndex(day.date)\"\n [attr.data-date-key]=\"day.date.getTime()\"\n (keydown)=\"onDayKeydown($event, day.date)\"\n (click)=\"selectDay(day)\"\n >\n @if (isToday(day.date)) {\n <div class=\"tedi-date-picker__today\">\n {{ day.date.getDate() }}\n </div>\n } @else {\n {{ day.date.getDate() }}\n }\n </button>\n }\n </div>\n }\n </div>\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (monthName of monthShortNames; track i; let i = $index) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getMonth() === i\n \"\n (click)=\"onMonthSelect(i.toString())\"\n >\n {{ monthName() }}\n </button>\n }\n </div>\n } @else if (currentView() === \"year-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (year of pagedYears(); track year) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getFullYear() === year\n \"\n (click)=\"onYearSelect(year.toString())\"\n >\n {{ year }}\n </button>\n }\n </div>\n }\n </div>\n </tedi-popover-content>\n </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: DropdownComponent, selector: "tedi-dropdown", inputs: ["value", "position", "preventOverflow", "appendTo"], outputs: ["valueChange"] }, { kind: "directive", type: DropdownTriggerDirective, selector: "[tedi-dropdown-trigger]", inputs: ["ariaHaspopup"] }, { kind: "component", type: DropdownContentComponent, selector: "tedi-dropdown-content", inputs: ["dropdownRole"] }, { kind: "component", type: DropdownItemComponent, selector: "li[tedi-dropdown-item]", inputs: ["value", "disabled"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }, { kind: "component", type: SeparatorComponent, selector: "tedi-separator", inputs: ["axis", "color", "variant", "dotSize", "dotFilled", "thickness", "spacing", "size"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3050
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DatePickerComponent, isStandalone: true, selector: "tedi-date-picker", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, monthMode: { classPropertyName: "monthMode", publicName: "monthMode", isSignal: true, isRequired: false, transformFunction: null }, yearMode: { classPropertyName: "yearMode", publicName: "yearMode", isSignal: true, isRequired: false, transformFunction: null }, startYear: { classPropertyName: "startYear", publicName: "startYear", isSignal: true, isRequired: false, transformFunction: null }, endYear: { classPropertyName: "endYear", publicName: "endYear", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, inputPlaceholder: { classPropertyName: "inputPlaceholder", publicName: "inputPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, inputState: { classPropertyName: "inputState", publicName: "inputState", isSignal: true, isRequired: false, transformFunction: null }, inputSize: { classPropertyName: "inputSize", publicName: "inputSize", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "inputDisabled", isSignal: true, isRequired: false, transformFunction: null }, allowManualInput: { classPropertyName: "allowManualInput", publicName: "allowManualInput", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", month: "monthChange" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true, isSignal: true }, { propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"text\"\n class=\"tedi-date-picker__input\"\n role=\"combobox\"\n aria-autocomplete=\"none\"\n aria-haspopup=\"dialog\"\n [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n [attr.id]=\"inputId()\"\n [attr.placeholder]=\"inputPlaceholder()\"\n [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n [attr.aria-controls]=\"uniqueId\"\n [attr.aria-readonly]=\"!allowManualInput()\"\n [readOnly]=\"!allowManualInput()\"\n [value]=\"inputValue()\"\n [disabled]=\"inputDisabled()\"\n (input)=\"onInput($event)\"\n (blur)=\"onInputBlur()\"\n (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n @if (selected()) {\n <button\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n class=\"tedi-date-picker__clear\"\n [iconSize]=\"18\"\n [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n [disabled]=\"inputDisabled()\"\n (click)=\"clearInput()\"\n ></button>\n <tedi-separator axis=\"vertical\" size=\"1rem\" />\n }\n <tedi-popover\n style=\"display: flex; align-items: center\"\n position=\"bottom-end\"\n [withArrow]=\"false\"\n >\n <tedi-popover-trigger>\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__toggle\"\n [attr.aria-label]=\"\n translationService.track('date-picker.open-calendar')()\n \"\n [disabled]=\"inputDisabled()\"\n (click)=\"openCalendar()\"\n >\n <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n </button>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n <div\n class=\"tedi-date-picker__calendar\"\n (keydown)=\"onCalendarKeyDown($event)\"\n >\n <div class=\"tedi-date-picker__header\">\n @if (currentView() === \"calendar-grid\") {\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-prev-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"prevMonth()\"\n [disabled]=\"!canGoPrev()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n }\n\n <div class=\"tedi-date-picker__controls\">\n @if (monthMode() === \"dropdown\") {\n <tedi-dropdown\n [value]=\"month().getMonth().toString()\"\n (valueChange)=\"onMonthSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n >\n @for (month of monthNames; track i; let i = $index) {\n <li tedi-dropdown-item [value]=\"i.toString()\">\n {{ month() }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (monthMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n (click)=\"onMonthClick()\"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (monthMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n }\n\n @if (yearMode() === \"dropdown\") {\n <tedi-dropdown\n position=\"bottom-end\"\n [value]=\"selectedYear().toString()\"\n (valueChange)=\"onYearSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n >\n @for (year of years(); track year) {\n <li tedi-dropdown-item [value]=\"year.toString()\">\n {{ year }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (yearMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n (click)=\"onYearClick()\"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (yearMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ selectedYear() }}\n </div>\n }\n </div>\n\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-next-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"nextMonth()\"\n [disabled]=\"!canGoNext()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__controls\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n } @else if (currentView() === \"year-grid\") {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.previous-years')()\n \"\n (click)=\"prevYearPage()\"\n [disabled]=\"!hasPrevYearPage()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.next-years')()\n \"\n (click)=\"nextYearPage()\"\n [disabled]=\"!hasNextYearPage()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n </div>\n\n @if (currentView() === \"calendar-grid\") {\n <div\n class=\"tedi-date-picker__weekdays\"\n [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div role=\"columnheader\"></div>\n }\n @for (wd of weekDays; track $index; let i = $index) {\n <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n {{ wd() }}\n </div>\n }\n </div>\n\n <div\n #gridElement\n class=\"tedi-date-picker__grid\"\n role=\"grid\"\n [attr.id]=\"uniqueId\"\n aria-readonly=\"true\"\n >\n @for (week of weekRows(); track row; let row = $index) {\n <div\n class=\"tedi-date-picker__row\"\n [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div\n class=\"tedi-date-picker__weeknumber\"\n role=\"gridcell\"\n aria-readonly=\"true\"\n >\n {{ weekNumbers()[row] }}\n </div>\n }\n @for (day of week; track day.date) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"tedi-date-picker__day\"\n [class.tedi-date-picker__day--other-month]=\"\n !day.inCurrentMonth\n \"\n [class.tedi-date-picker__day--selected]=\"\n isSelected(day.date)\n \"\n [disabled]=\"day.disabled\"\n [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n [attr.tabindex]=\"getTabIndex(day.date)\"\n [attr.data-date-key]=\"day.date.getTime()\"\n (keydown)=\"onDayKeydown($event, day.date)\"\n (click)=\"selectDay(day)\"\n >\n @if (isToday(day.date)) {\n <div class=\"tedi-date-picker__today\">\n {{ day.date.getDate() }}\n </div>\n } @else {\n {{ day.date.getDate() }}\n }\n </button>\n }\n </div>\n }\n </div>\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (monthName of monthShortNames; track i; let i = $index) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getMonth() === i\n \"\n (click)=\"onMonthSelect(i.toString())\"\n >\n {{ monthName() }}\n </button>\n }\n </div>\n } @else if (currentView() === \"year-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (year of pagedYears(); track year) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getFullYear() === year\n \"\n (click)=\"onYearSelect(year.toString())\"\n >\n {{ year }}\n </button>\n }\n </div>\n }\n </div>\n </tedi-popover-content>\n </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: DropdownComponent, selector: "tedi-dropdown", inputs: ["value", "position", "preventOverflow", "appendTo"], outputs: ["valueChange"] }, { kind: "directive", type: DropdownTriggerDirective, selector: "[tedi-dropdown-trigger]", inputs: ["ariaHaspopup"] }, { kind: "component", type: DropdownContentComponent, selector: "tedi-dropdown-content", inputs: ["dropdownRole"] }, { kind: "component", type: DropdownItemComponent, selector: "li[tedi-dropdown-item]", inputs: ["value", "disabled"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }, { kind: "component", type: SeparatorComponent, selector: "tedi-separator", inputs: ["axis", "color", "variant", "dotSize", "dotFilled", "thickness", "spacing", "size"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3051
3051
  }
3052
3052
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DatePickerComponent, decorators: [{
3053
3053
  type: Component,
@@ -3063,7 +3063,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3063
3063
  PopoverComponent,
3064
3064
  PopoverTriggerComponent,
3065
3065
  PopoverContentComponent,
3066
- ], template: "<input\n #inputElement\n type=\"text\"\n class=\"tedi-date-picker__input\"\n role=\"combobox\"\n aria-autocomplete=\"none\"\n aria-haspopup=\"dialog\"\n [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n [attr.id]=\"inputId()\"\n [attr.placeholder]=\"inputPlaceholder()\"\n [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n [attr.aria-controls]=\"uniqueId\"\n [attr.aria-readonly]=\"!allowManualInput()\"\n [readOnly]=\"!allowManualInput()\"\n [value]=\"inputValue()\"\n [disabled]=\"inputDisabled()\"\n (input)=\"onInput($event)\"\n (blur)=\"onInputBlur()\"\n (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n @if (selected()) {\n <button\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n class=\"tedi-date-picker__clear\"\n [iconSize]=\"18\"\n [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n [disabled]=\"inputDisabled()\"\n (click)=\"clearInput()\"\n ></button>\n <tedi-separator axis=\"vertical\" size=\"1rem\" />\n }\n <tedi-popover\n style=\"display: flex; align-items: center\"\n position=\"bottom-end\"\n [withArrow]=\"false\"\n >\n <tedi-popover-trigger>\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__toggle\"\n [attr.aria-label]=\"\n translationService.track('date-picker.open-calendar')()\n \"\n [disabled]=\"inputDisabled()\"\n (click)=\"openCalendar()\"\n >\n <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n </button>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n <div\n class=\"tedi-date-picker__calendar\"\n (keydown)=\"onCalendarKeyDown($event)\"\n >\n <div class=\"tedi-date-picker__header\">\n @if (currentView() === \"calendar-grid\") {\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-prev-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"prevMonth()\"\n [disabled]=\"!canGoPrev()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n }\n\n <div class=\"tedi-date-picker__controls\">\n @if (monthMode() === \"dropdown\") {\n <tedi-dropdown\n [value]=\"month().getMonth().toString()\"\n (valueChange)=\"onMonthSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n >\n @for (month of monthNames; track i; let i = $index) {\n <li tedi-dropdown-item [value]=\"i.toString()\">\n {{ month() }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (monthMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n (click)=\"onMonthClick()\"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (monthMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n }\n\n @if (yearMode() === \"dropdown\") {\n <tedi-dropdown\n position=\"bottom-end\"\n [value]=\"selectedYear().toString()\"\n (valueChange)=\"onYearSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n >\n @for (year of years(); track year) {\n <li tedi-dropdown-item [value]=\"year.toString()\">\n {{ year }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (yearMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n (click)=\"onYearClick()\"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (yearMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ selectedYear() }}\n </div>\n }\n </div>\n\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-next-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"nextMonth()\"\n [disabled]=\"!canGoNext()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__controls\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n } @else if (currentView() === \"year-grid\") {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.previous-years')()\n \"\n (click)=\"prevYearPage()\"\n [disabled]=\"!hasPrevYearPage()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.next-years')()\n \"\n (click)=\"nextYearPage()\"\n [disabled]=\"!hasNextYearPage()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n </div>\n\n @if (currentView() === \"calendar-grid\") {\n <div\n class=\"tedi-date-picker__weekdays\"\n [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div role=\"columnheader\"></div>\n }\n @for (wd of weekDays; track $index; let i = $index) {\n <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n {{ wd() }}\n </div>\n }\n </div>\n\n <div\n #gridElement\n class=\"tedi-date-picker__grid\"\n role=\"grid\"\n [attr.id]=\"uniqueId\"\n aria-readonly=\"true\"\n >\n @for (week of weekRows(); track row; let row = $index) {\n <div\n class=\"tedi-date-picker__row\"\n [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div\n class=\"tedi-date-picker__weeknumber\"\n role=\"gridcell\"\n aria-readonly=\"true\"\n >\n {{ weekNumbers()[row] }}\n </div>\n }\n @for (day of week; track day.date) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"tedi-date-picker__day\"\n [class.tedi-date-picker__day--other-month]=\"\n !day.inCurrentMonth\n \"\n [class.tedi-date-picker__day--selected]=\"\n isSelected(day.date)\n \"\n [disabled]=\"day.disabled\"\n [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n [attr.tabindex]=\"getTabIndex(day.date)\"\n [attr.data-date-key]=\"day.date.getTime()\"\n (keydown)=\"onDayKeydown($event, day.date)\"\n (click)=\"selectDay(day)\"\n >\n @if (isToday(day.date)) {\n <div class=\"tedi-date-picker__today\">\n {{ day.date.getDate() }}\n </div>\n } @else {\n {{ day.date.getDate() }}\n }\n </button>\n }\n </div>\n }\n </div>\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (monthName of monthShortNames; track i; let i = $index) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getMonth() === i\n \"\n (click)=\"onMonthSelect(i.toString())\"\n >\n {{ monthName() }}\n </button>\n }\n </div>\n } @else if (currentView() === \"year-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (year of pagedYears(); track year) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getFullYear() === year\n \"\n (click)=\"onYearSelect(year.toString())\"\n >\n {{ year }}\n </button>\n }\n </div>\n }\n </div>\n </tedi-popover-content>\n </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"] }]
3066
+ ], template: "<input\n #inputElement\n type=\"text\"\n class=\"tedi-date-picker__input\"\n role=\"combobox\"\n aria-autocomplete=\"none\"\n aria-haspopup=\"dialog\"\n [class.tedi-date-picker__input--small]=\"inputSize() === 'small'\"\n [class.tedi-date-picker__input--valid]=\"inputState() === 'valid'\"\n [class.tedi-date-picker__input--error]=\"inputState() === 'error'\"\n [attr.id]=\"inputId()\"\n [attr.placeholder]=\"inputPlaceholder()\"\n [attr.aria-expanded]=\"!inputDisabled() && popover().floatUiComponent().state\"\n [attr.aria-controls]=\"uniqueId\"\n [attr.aria-readonly]=\"!allowManualInput()\"\n [readOnly]=\"!allowManualInput()\"\n [value]=\"inputValue()\"\n [disabled]=\"inputDisabled()\"\n (input)=\"onInput($event)\"\n (blur)=\"onInputBlur()\"\n (click)=\"onInputClick()\"\n/>\n<div class=\"tedi-date-picker__input-buttons\">\n @if (selected()) {\n <button\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n class=\"tedi-date-picker__clear\"\n [iconSize]=\"18\"\n [attr.aria-label]=\"translationService.track('date-picker.clear-date')()\"\n [disabled]=\"inputDisabled()\"\n (click)=\"clearInput()\"\n ></button>\n <tedi-separator axis=\"vertical\" size=\"1rem\" />\n }\n <tedi-popover\n style=\"display: flex; align-items: center\"\n position=\"bottom-end\"\n [withArrow]=\"false\"\n >\n <tedi-popover-trigger>\n <button\n tedi-button\n type=\"button\"\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__toggle\"\n [attr.aria-label]=\"\n translationService.track('date-picker.open-calendar')()\n \"\n [disabled]=\"inputDisabled()\"\n (click)=\"openCalendar()\"\n >\n <tedi-icon name=\"calendar_today\" size=\"inherit\" />\n </button>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"none\" style=\"padding: 0\">\n <div\n class=\"tedi-date-picker__calendar\"\n (keydown)=\"onCalendarKeyDown($event)\"\n >\n <div class=\"tedi-date-picker__header\">\n @if (currentView() === \"calendar-grid\") {\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-prev-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"prevMonth()\"\n [disabled]=\"!canGoPrev()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n }\n\n <div class=\"tedi-date-picker__controls\">\n @if (monthMode() === \"dropdown\") {\n <tedi-dropdown\n [value]=\"month().getMonth().toString()\"\n (valueChange)=\"onMonthSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--month\"\n >\n @for (month of monthNames; track i; let i = $index) {\n <li tedi-dropdown-item [value]=\"i.toString()\">\n {{ month() }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (monthMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-month')()\n \"\n (click)=\"onMonthClick()\"\n >\n {{ monthNames[month().getMonth()]() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (monthMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n }\n\n @if (yearMode() === \"dropdown\") {\n <tedi-dropdown\n position=\"bottom-end\"\n [value]=\"selectedYear().toString()\"\n (valueChange)=\"onYearSelect($event)\"\n >\n <button\n tedi-dropdown-trigger\n ariaHaspopup=\"listbox\"\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n <tedi-dropdown-content\n dropdownRole=\"listbox\"\n class=\"tedi-date-picker__dropdown-content tedi-date-picker__dropdown-content--year\"\n >\n @for (year of years(); track year) {\n <li tedi-dropdown-item [value]=\"year.toString()\">\n {{ year }}\n </li>\n }\n </tedi-dropdown-content>\n </tedi-dropdown>\n } @else if (yearMode() === \"grid\") {\n <button\n class=\"tedi-date-picker__dropdown-trigger\"\n [attr.aria-label]=\"\n translationService.track('date-picker.select-year')()\n \"\n (click)=\"onYearClick()\"\n >\n {{ selectedYear() }}\n <tedi-icon\n name=\"arrow_drop_down\"\n class=\"tedi-date-picker__dropdown-arrow\"\n size=\"inherit\"\n />\n </button>\n } @else if (yearMode() === \"label\") {\n <div class=\"tedi-date-picker__label\">\n {{ selectedYear() }}\n </div>\n }\n </div>\n\n @if (showNavigation()) {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.go-next-month')()\n \"\n [attr.aria-controls]=\"uniqueId\"\n (click)=\"nextMonth()\"\n [disabled]=\"!canGoNext()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__controls\">\n {{ monthNames[month().getMonth()]() }}\n </div>\n } @else if (currentView() === \"year-grid\") {\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.previous-years')()\n \"\n (click)=\"prevYearPage()\"\n [disabled]=\"!hasPrevYearPage()\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n <div class=\"tedi-date-picker__controls\">{{ selectedYear() }}</div>\n <button\n tedi-button\n variant=\"neutral\"\n size=\"small\"\n class=\"tedi-date-picker__nav\"\n [attr.aria-label]=\"\n translationService.track('date-picker.next-years')()\n \"\n (click)=\"nextYearPage()\"\n [disabled]=\"!hasNextYearPage()\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n }\n </div>\n\n @if (currentView() === \"calendar-grid\") {\n <div\n class=\"tedi-date-picker__weekdays\"\n [class.tedi-date-picker__weekdays--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div role=\"columnheader\"></div>\n }\n @for (wd of weekDays; track $index; let i = $index) {\n <div class=\"tedi-date-picker__weekday\" role=\"columnheader\">\n {{ wd() }}\n </div>\n }\n </div>\n\n <div\n #gridElement\n class=\"tedi-date-picker__grid\"\n role=\"grid\"\n [attr.id]=\"uniqueId\"\n aria-readonly=\"true\"\n >\n @for (week of weekRows(); track row; let row = $index) {\n <div\n class=\"tedi-date-picker__row\"\n [class.tedi-date-picker__row--numbered]=\"showWeekNumbers()\"\n role=\"row\"\n >\n @if (showWeekNumbers()) {\n <div\n class=\"tedi-date-picker__weeknumber\"\n role=\"gridcell\"\n aria-readonly=\"true\"\n >\n {{ weekNumbers()[row] }}\n </div>\n }\n @for (day of week; track day.date) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"tedi-date-picker__day\"\n [class.tedi-date-picker__day--other-month]=\"\n !day.inCurrentMonth\n \"\n [class.tedi-date-picker__day--selected]=\"\n isSelected(day.date)\n \"\n [disabled]=\"day.disabled\"\n [attr.aria-selected]=\"isSelected(day.date) ? 'true' : null\"\n [attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n [attr.aria-current]=\"isToday(day.date) ? 'date' : null\"\n [attr.tabindex]=\"getTabIndex(day.date)\"\n [attr.data-date-key]=\"day.date.getTime()\"\n (keydown)=\"onDayKeydown($event, day.date)\"\n (click)=\"selectDay(day)\"\n >\n @if (isToday(day.date)) {\n <div class=\"tedi-date-picker__today\">\n {{ day.date.getDate() }}\n </div>\n } @else {\n {{ day.date.getDate() }}\n }\n </button>\n }\n </div>\n }\n </div>\n } @else if (currentView() === \"month-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (monthName of monthShortNames; track i; let i = $index) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getMonth() === i\n \"\n (click)=\"onMonthSelect(i.toString())\"\n >\n {{ monthName() }}\n </button>\n }\n </div>\n } @else if (currentView() === \"year-grid\") {\n <div class=\"tedi-date-picker__month-year-grid\" role=\"group\">\n @for (year of pagedYears(); track year) {\n <button\n type=\"button\"\n class=\"tedi-date-picker__month-year-button\"\n [class.tedi-date-picker__month-year-button--selected]=\"\n month().getFullYear() === year\n \"\n (click)=\"onYearSelect(year.toString())\"\n >\n {{ year }}\n </button>\n }\n </div>\n }\n </div>\n </tedi-popover-content>\n </tedi-popover>\n</div>\n", styles: ["tedi-date-picker{display:flex;min-height:var(--form-field-height);gap:var(--form-field-inner-spacing);align-self:stretch;border-radius:var(--form-field-radius);border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding-right:var(--form-field-padding-x-md-default)}tedi-date-picker:has(.tedi-date-picker__input:hover):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-hover)}tedi-date-picker:has(.tedi-date-picker__input:active):not(:has(.tedi-date-picker__input:disabled)),tedi-date-picker:has(.tedi-date-picker__input:focus):not(:has(.tedi-date-picker__input:disabled)){border-color:var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}tedi-date-picker:has(.tedi-date-picker__input:disabled){border-color:var(--form-input-border-disabled);background:var(--form-input-background-disabled);cursor:not-allowed}tedi-date-picker:has(.tedi-date-picker__input--valid){border-color:var(--form-general-feedback-success-border)}tedi-date-picker:has(.tedi-date-picker__input--error){border-color:var(--form-general-feedback-error-border)}tedi-date-picker:has(.tedi-date-picker__input--small){min-height:var(--form-field-height-sm)}.tedi-date-picker__input{flex:1;padding-left:var(--form-field-padding-x-md-default);color:var(--form-input-text-filled);font-size:var(--body-regular-size);border:0;border-radius:var(--form-field-radius)}.tedi-date-picker__input::placeholder{color:var(--form-input-text-placeholder)}.tedi-date-picker__input:disabled{cursor:not-allowed}.tedi-date-picker__input-buttons{align-self:center;display:flex;align-items:center;justify-content:center;gap:var(--layout-grid-gutters-04)}.tedi-date-picker__clear:disabled{cursor:not-allowed}.tedi-date-picker__toggle{width:var(--button-xs-icon-size)!important;height:var(--form-field-button-height-sm)!important;border-radius:var(--button-radius-sm)!important;font-size:1.125rem!important}.tedi-date-picker__toggle:disabled{cursor:not-allowed}.tedi-date-picker__calendar{width:fit-content;display:block;border-radius:var(--card-radius-rounded);background:var(--card-background-primary);-webkit-user-select:none;user-select:none}.tedi-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-xs) var(--card-padding-md-default)}.tedi-date-picker__controls{display:flex;align-items:center;gap:var(--layout-grid-gutters-08);margin:0 auto}.tedi-date-picker__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--layout-grid-gutters-02);padding:0;padding-left:var(--layout-grid-gutters-04);font-size:1rem;font-weight:500;color:var(--general-text-primary);background:transparent;border:0;border-radius:var(--button-radius-sm);cursor:pointer}.tedi-date-picker__dropdown-trigger:hover{color:var(--button-main-neutral-text-hover);background:var(--button-main-neutral-icon-only-background-hover)}.tedi-date-picker__dropdown-trigger:hover tedi-icon{color:var(--button-main-neutral-text-hover)}.tedi-date-picker__dropdown-trigger:active{color:var(--button-main-neutral-text-active);background:var(--button-main-neutral-icon-only-background-active)}.tedi-date-picker__dropdown-trigger:active tedi-icon{color:var(--button-main-neutral-text-active)}.tedi-date-picker__dropdown-trigger:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__dropdown-trigger tedi-icon{font-size:2rem;color:var(--general-icon-tertiary)}.tedi-date-picker__dropdown-content{max-height:15rem}.tedi-date-picker__dropdown-content--month{width:10rem}.tedi-date-picker__dropdown-content--year{width:8.75rem}.tedi-date-picker__label{color:var(--general-text-primary);font-weight:500}.tedi-date-picker__nav{font-size:var(--button-icon-inner-icon-only-size)!important}.tedi-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--card-padding-md-default)}.tedi-date-picker__weekdays--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weekday{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;font-size:var(--body-small-regular-size);color:var(--general-text-tertiary);text-align:center;text-transform:uppercase;border-bottom:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__grid{display:flex;flex-direction:column;padding:0 var(--card-padding-md-default) var(--card-padding-md-default) var(--card-padding-md-default)}.tedi-date-picker__row{display:grid;grid-template-columns:repeat(7,1fr)}.tedi-date-picker__row--numbered{grid-template-columns:repeat(8,1fr)}.tedi-date-picker__weeknumber{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size);border-right:var(--borders-01) solid var(--general-border-primary)}.tedi-date-picker__day{width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--general-text-primary);font-size:var(--body-regular-size);border-radius:var(--button-radius-sm)}.tedi-date-picker__day:hover{background:var(--form-datepicker-date-hover)}.tedi-date-picker__day:active{background:var(--form-datepicker-date-active)}.tedi-date-picker__day:disabled{cursor:not-allowed;opacity:.3}.tedi-date-picker__day:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__day--other-month{color:var(--form-datepicker-date-text-muted)}.tedi-date-picker__day--selected{color:var(--form-datepicker-date-text-selected);border-radius:var(--button-radius-sm);background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected:hover{background:var(--form-datepicker-date-selected)}.tedi-date-picker__day--selected .tedi-date-picker__today{border-color:var(--form-datepicker-today-border-secondary)}.tedi-date-picker__today{display:flex;width:var(--form-calendar-date-width);height:var(--form-calendar-date-width);justify-content:center;align-items:center;border-radius:var(--button-radius-default);border:var(--borders-01) solid var(--form-datepicker-today-border);flex-shrink:0}.tedi-date-picker__month-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-grid-gutters-08);padding:var(--card-padding-md-default)}.tedi-date-picker__month-year-button{display:flex;justify-content:center;align-items:center;padding:var(--form-checkbox-radio-card-radio-padding-y) var(--form-checkbox-radio-card-radio-padding-x);border-radius:var(--form-checkbox-radio-card-radius);border:var(--borders-01) solid var(--form-checkbox-radio-card-secondary-default-border);background:var(--form-checkbox-radio-card-secondary-default-background);color:var(--form-checkbox-radio-card-primary-default-text);font-size:var(--body-regular-size)}.tedi-date-picker__month-year-button:hover{color:var(--form-checkbox-radio-card-secondary-hover-text);border-color:var(--form-checkbox-radio-card-secondary-hover-border);background:var(--form-checkbox-radio-card-secondary-hover-background)}.tedi-date-picker__month-year-button:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-date-picker__month-year-button:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-default-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-default-border);background:var(--form-checkbox-radio-card-secondary-disabled-default-background);cursor:not-allowed}.tedi-date-picker__month-year-button--selected{color:var(--form-checkbox-radio-card-secondary-selected-text);border-color:var(--form-checkbox-radio-card-secondary-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-selected-border);background:var(--form-checkbox-radio-card-secondary-selected-background)}.tedi-date-picker__month-year-button--selected:disabled{color:var(--form-checkbox-radio-card-secondary-disabled-selected-text);border-color:var(--form-checkbox-radio-card-secondary-disabled-selected-border);box-shadow:0 0 0 1px var(--form-checkbox-radio-card-secondary-disabled-selected-border);background:var(--form-checkbox-radio-card-secondary-disabled-selected-background);cursor:not-allowed}\n"] }]
3067
3067
  }] });
3068
3068
 
3069
3069
  class FeedbackTextComponent {
@@ -3097,7 +3097,7 @@ class FeedbackTextComponent {
3097
3097
  return `tedi-feedback-text tedi-feedback-text--${this.type()} tedi-feedback-text--${this.position()}`;
3098
3098
  });
3099
3099
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FeedbackTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3100
- 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 });
3100
+ 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);font-size:var(--body-small-regular-size)}.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 });
3101
3101
  }
3102
3102
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FeedbackTextComponent, decorators: [{
3103
3103
  type: Component,
@@ -3105,7 +3105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3105
3105
  "[class]": "classes()",
3106
3106
  "[attr.role]": "role()",
3107
3107
  "[attr.aria-live]": "ariaLive()",
3108
- }, 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"] }]
3108
+ }, template: "{{ text() }}\n", styles: [".tedi-feedback-text{display:block;color:var(--general-text-tertiary);font-size:var(--body-small-regular-size)}.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"] }]
3109
3109
  }] });
3110
3110
 
3111
3111
  class LabelComponent {
@@ -3135,13 +3135,13 @@ class LabelComponent {
3135
3135
  return classList.join(" ");
3136
3136
  });
3137
3137
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3138
- 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 }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".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)}.tedi-label--primary{color:var(--general-text-primary)}.tedi-label--secondary{color:var(--general-text-secondary)}.tedi-label:has(input[disabled]),.tedi-label[for]:has(+input[disabled]){color:var(--general-text-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3138
+ 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 }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-label{font-size:var(--body-regular-size);font-family:var(--family-default)}.tedi-label--small{font-size:var(--body-small-regular-size)}.tedi-label--required:after{content:\" *\";color:var(--form-general-feedback-error-border)}.tedi-label--primary{color:var(--general-text-primary)}.tedi-label--secondary{color:var(--general-text-secondary)}.tedi-label:has(input[disabled]),.tedi-label[for]:has(+input[disabled]){color:var(--general-text-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3139
3139
  }
3140
3140
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LabelComponent, decorators: [{
3141
3141
  type: Component,
3142
3142
  args: [{ selector: "label[tedi-label]", template: "<ng-content />", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
3143
3143
  "[class]": "classes()",
3144
- }, styles: [".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)}.tedi-label--primary{color:var(--general-text-primary)}.tedi-label--secondary{color:var(--general-text-secondary)}.tedi-label:has(input[disabled]),.tedi-label[for]:has(+input[disabled]){color:var(--general-text-disabled)}\n"] }]
3144
+ }, styles: [".tedi-label{font-size:var(--body-regular-size);font-family:var(--family-default)}.tedi-label--small{font-size:var(--body-small-regular-size)}.tedi-label--required:after{content:\" *\";color:var(--form-general-feedback-error-border)}.tedi-label--primary{color:var(--general-text-primary)}.tedi-label--secondary{color:var(--general-text-secondary)}.tedi-label:has(input[disabled]),.tedi-label[for]:has(+input[disabled]){color:var(--general-text-disabled)}\n"] }]
3145
3145
  }] });
3146
3146
 
3147
3147
  class NumberFieldComponent {
@@ -3265,7 +3265,7 @@ class NumberFieldComponent {
3265
3265
  useExisting: forwardRef(() => NumberFieldComponent),
3266
3266
  multi: true,
3267
3267
  },
3268
- ], 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", "color"] }, { 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 });
3268
+ ], 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);width:var(--form-field-height);height:var(--form-field-height)}.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;border-top-left-radius:var(--button-radius-sm);border-bottom-left-radius:var(--button-radius-sm)}.tedi-number-field .tedi-number-field__button--increment{margin-left:calc(-1 * var(--borders-01));border-radius:0;border-top-right-radius:var(--button-radius-sm);border-bottom-right-radius:var(--button-radius-sm)}.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm);height:var(--form-field-height-sm)}.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);width:var(--form-number-input-min-width);height:var(--form-field-height);padding-left:var(--form-field-padding-y-3-default);padding-right:var(--form-field-padding-y-3-default);gap:var(--form-field-inner-spacing-sm)}.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);border-radius:var(--button-radius-sm)}.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)}.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;font-size:var(--heading-h6-size)}.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", "color"] }, { 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 });
3269
3269
  }
3270
3270
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NumberFieldComponent, decorators: [{
3271
3271
  type: Component,
@@ -3282,7 +3282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3282
3282
  useExisting: forwardRef(() => NumberFieldComponent),
3283
3283
  multi: true,
3284
3284
  },
3285
- ], 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"] }]
3285
+ ], 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);width:var(--form-field-height);height:var(--form-field-height)}.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;border-top-left-radius:var(--button-radius-sm);border-bottom-left-radius:var(--button-radius-sm)}.tedi-number-field .tedi-number-field__button--increment{margin-left:calc(-1 * var(--borders-01));border-radius:0;border-top-right-radius:var(--button-radius-sm);border-bottom-right-radius:var(--button-radius-sm)}.tedi-number-field .tedi-number-field__button--small{width:var(--form-field-height-sm);height:var(--form-field-height-sm)}.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);width:var(--form-number-input-min-width);height:var(--form-field-height);padding-left:var(--form-field-padding-y-3-default);padding-right:var(--form-field-padding-y-3-default);gap:var(--form-field-inner-spacing-sm)}.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);border-radius:var(--button-radius-sm)}.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)}.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;font-size:var(--heading-h6-size)}.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"] }]
3286
3286
  }], propDecorators: { inputRef: [{
3287
3287
  type: ViewChild,
3288
3288
  args: ["inputElement"]
@@ -3376,7 +3376,7 @@ class ToggleComponent {
3376
3376
  useExisting: forwardRef(() => ToggleComponent),
3377
3377
  multi: true
3378
3378
  }
3379
- ], 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 });
3379
+ ], 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--size{--_toggle-indicator: var(--form-toggl-default-indicator)}.tedi-toggle--size-default{width:var(--form-toggl-default-width);height:var(--form-toggl-default-height)}.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator);height:var(--form-toggl-default-indicator)}.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator);width:var(--form-toggl-large-width);height:var(--form-toggl-large-height)}.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator);height:var(--form-toggl-large-indicator)}.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;border-radius:var(--form-toggl-radius)}.tedi-toggle__input:checked+.tedi-toggle__slider{transform:translateY(-50%);left:calc(100% - var(--_toggle-indicator) - var(--form-toggl-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;left:var(--form-toggl-padding)}\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 });
3380
3380
  }
3381
3381
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToggleComponent, decorators: [{
3382
3382
  type: Component,
@@ -3388,7 +3388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3388
3388
  }
3389
3389
  ], host: {
3390
3390
  "[class]": "classes()"
3391
- }, 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"] }]
3391
+ }, 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--size{--_toggle-indicator: var(--form-toggl-default-indicator)}.tedi-toggle--size-default{width:var(--form-toggl-default-width);height:var(--form-toggl-default-height)}.tedi-toggle--size-default .tedi-toggle__slider{width:var(--form-toggl-default-indicator);height:var(--form-toggl-default-indicator)}.tedi-toggle--size-large{--_toggle-indicator: var(--form-toggl-large-indicator);width:var(--form-toggl-large-width);height:var(--form-toggl-large-height)}.tedi-toggle--size-large .tedi-toggle__slider{width:var(--form-toggl-large-indicator);height:var(--form-toggl-large-indicator)}.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;border-radius:var(--form-toggl-radius)}.tedi-toggle__input:checked+.tedi-toggle__slider{transform:translateY(-50%);left:calc(100% - var(--_toggle-indicator) - var(--form-toggl-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;left:var(--form-toggl-padding)}\n"] }]
3392
3392
  }], propDecorators: { inputRef: [{
3393
3393
  type: ViewChild,
3394
3394
  args: ['inputElement']
@@ -3528,11 +3528,11 @@ class TimelineComponent {
3528
3528
  this.items.update((list) => list.filter((i) => i !== item));
3529
3529
  }
3530
3530
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3531
- 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 });
3531
+ 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;column-gap:var(--layout-grid-gutters-12)}@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 });
3532
3532
  }
3533
3533
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineComponent, decorators: [{
3534
3534
  type: Component,
3535
- 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"] }]
3535
+ 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;column-gap:var(--layout-grid-gutters-12)}@media (min-width: 992px){tedi-timeline{grid-template-columns:max-content max-content 1fr;row-gap:0;grid-auto-flow:row}}\n"] }]
3536
3536
  }] });
3537
3537
 
3538
3538
  class TimelineItemComponent {
@@ -3588,29 +3588,29 @@ class TimelineItemComponent {
3588
3588
  return "secondary";
3589
3589
  });
3590
3590
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3591
- 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 });
3591
+ 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;gap:var(--layout-grid-gutters-04)}@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;font-size:var(--body-small-regular-size)}@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)}}@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;margin-inline:var(--layout-grid-gutters-04)}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 });
3592
3592
  }
3593
3593
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineItemComponent, decorators: [{
3594
3594
  type: Component,
3595
- 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"] }]
3595
+ 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;gap:var(--layout-grid-gutters-04)}@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;font-size:var(--body-small-regular-size)}@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)}}@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;margin-inline:var(--layout-grid-gutters-04)}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"] }]
3596
3596
  }] });
3597
3597
 
3598
3598
  class TimelineDescriptionComponent {
3599
3599
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3600
- 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 });
3600
+ 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);gap:var(--layout-grid-gutters-04);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}tedi-timeline-description>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3601
3601
  }
3602
3602
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineDescriptionComponent, decorators: [{
3603
3603
  type: Component,
3604
- 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"] }]
3604
+ 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);gap:var(--layout-grid-gutters-04);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}tedi-timeline-description>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"] }]
3605
3605
  }] });
3606
3606
 
3607
3607
  class TimelineTitleComponent {
3608
3608
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3609
- 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 });
3609
+ 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);gap:var(--layout-grid-gutters-04);font-size:var(--body-small-bold-size);line-height:var(--body-small-bold-line-height);font-weight:var(--body-bold-weight)}tedi-timeline-title>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3610
3610
  }
3611
3611
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimelineTitleComponent, decorators: [{
3612
3612
  type: Component,
3613
- 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"] }]
3613
+ 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);gap:var(--layout-grid-gutters-04);font-size:var(--body-small-bold-size);line-height:var(--body-small-bold-line-height);font-weight:var(--body-bold-weight)}tedi-timeline-title>*{font-size:inherit;font-weight:inherit;line-height:inherit}\n"] }]
3614
3614
  }] });
3615
3615
 
3616
3616
  class FooterComponent {
@@ -3628,14 +3628,14 @@ class FooterBodyComponent {
3628
3628
  breakpointService = inject(BreakpointService);
3629
3629
  mobileLayout = this.breakpointService.isBelowBreakpoint("sm");
3630
3630
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3631
- 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 });
3631
+ 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;gap:var(--layout-grid-gutters-24);padding:var(--layout-footer-padding-y) var(--layout-footer-padding-x)}.tedi-footer-body--mobile{gap:.75rem;flex-direction:column;padding:var(--layout-footer-padding-y) var(--layout-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3632
3632
  }
3633
3633
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBodyComponent, decorators: [{
3634
3634
  type: Component,
3635
3635
  args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: "tedi-footer-body", template: "<ng-content />", host: {
3636
3636
  class: "tedi-footer-body",
3637
3637
  "[class.tedi-footer-body--mobile]": "this.mobileLayout()",
3638
- }, 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"] }]
3638
+ }, styles: [".tedi-footer-body{display:flex;align-items:flex-start;justify-content:space-around;width:100%;flex-wrap:wrap;gap:var(--layout-grid-gutters-24);padding:var(--layout-footer-padding-y) var(--layout-footer-padding-x)}.tedi-footer-body--mobile{gap:.75rem;flex-direction:column;padding:var(--layout-footer-padding-y) var(--layout-footer-padding-x)}\n"] }]
3639
3639
  }] });
3640
3640
 
3641
3641
  class FooterSectionComponent {
@@ -3666,7 +3666,7 @@ class FooterSectionComponent {
3666
3666
  }
3667
3667
  }
3668
3668
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3669
- 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: [
3669
+ 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;gap:var(--layout-footer-col-padding-x)}.tedi-footer-section--collapse{border-bottom:1px solid var(--tedi-alpha-white-10);width:100%}.tedi-footer-section__icon{background:var(--footer-icon-background);padding:var(--icon-background-padding-lg);border-radius:var(--icon-background-radius);gap:var(--layout-footer-item-vertical-spacing)}.tedi-footer-section__container{padding-bottom:.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--layout-footer-item-vertical-spacing)}.tedi-footer-section__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--layout-footer-item-vertical-spacing)}.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: [
3670
3670
  trigger("collapseContent", [
3671
3671
  state("collapsed", style({
3672
3672
  height: "0",
@@ -3701,7 +3701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3701
3701
  })),
3702
3702
  transition("collapsed <=> expanded", [animate("300ms ease")]),
3703
3703
  ]),
3704
- ], 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"] }]
3704
+ ], 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;gap:var(--layout-footer-col-padding-x)}.tedi-footer-section--collapse{border-bottom:1px solid var(--tedi-alpha-white-10);width:100%}.tedi-footer-section__icon{background:var(--footer-icon-background);padding:var(--icon-background-padding-lg);border-radius:var(--icon-background-radius);gap:var(--layout-footer-item-vertical-spacing)}.tedi-footer-section__container{padding-bottom:.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--layout-footer-item-vertical-spacing)}.tedi-footer-section__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--layout-footer-item-vertical-spacing)}.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"] }]
3705
3705
  }] });
3706
3706
 
3707
3707
  class FooterSideComponent {
@@ -3733,11 +3733,11 @@ class FooterSideComponent {
3733
3733
  return classes.join(" ");
3734
3734
  }
3735
3735
  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 });
3736
- 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 });
3736
+ 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)}.tedi-footer-side--start.tedi-footer-side--mobile{padding-bottom:0}.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x)}.tedi-footer-side--end.tedi-footer-side--mobile{padding-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3737
3737
  }
3738
3738
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterSideComponent, decorators: [{
3739
3739
  type: Component,
3740
- 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"] }]
3740
+ 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)}.tedi-footer-side--start.tedi-footer-side--mobile{padding-bottom:0}.tedi-footer-side--end{padding-right:var(--layout-footer-padding-x)}.tedi-footer-side--end.tedi-footer-side--mobile{padding-top:0}\n"] }]
3741
3741
  }], ctorParameters: () => [{ type: undefined, decorators: [{
3742
3742
  type: Attribute,
3743
3743
  args: ["tedi-footer-start"]
@@ -3802,14 +3802,14 @@ class LinkComponent {
3802
3802
  return classList.join(" ");
3803
3803
  });
3804
3804
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3805
- 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 });
3805
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: LinkComponent, isStandalone: true, selector: "[tedi-link]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.tabIndex": "0" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size)}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit;margin-left:var(--button-sm-inner-spacing);margin-right:var(--button-sm-inner-spacing)}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3806
3806
  }
3807
3807
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LinkComponent, decorators: [{
3808
3808
  type: Component,
3809
3809
  args: [{ selector: "[tedi-link]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
3810
3810
  "[class]": "classes()",
3811
3811
  "[attr.tabIndex]": "0",
3812
- }, 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"] }]
3812
+ }, template: "<ng-content></ng-content>", styles: [".tedi-link{display:inline-flex;cursor:pointer;text-decoration:none;color:var(--link-primary-default)}.tedi-link:hover:not(:disabled,[aria-disabled=true]){color:var(--link-primary-hover)}.tedi-link:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:active:not(:disabled,[aria-disabled=true]){color:var(--link-primary-active)}.tedi-link:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link:focus-visible:not(:disabled){color:var(--link-primary-focus);border-radius:0;outline:2px solid var(--link-primary-focus);outline-offset:1px}.tedi-link:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--inverted{color:var(--link-inverted-default)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-hover)}.tedi-link--inverted:hover:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]){color:var(--link-inverted-active)}.tedi-link--inverted:active:not(:disabled,[aria-disabled=true]) .tedi-link__text{text-decoration:underline}.tedi-link--inverted:focus-visible:not(:disabled){color:var(--link-inverted-focus);border-radius:0;outline:2px solid var(--link-inverted-focus);outline-offset:1px}.tedi-link--inverted:focus-visible:not(:disabled) .tedi-link__text{text-decoration:underline}.tedi-link--small{font-size:var(--body-small-regular-size)}.tedi-link:not(.tedi-link--no-underline) :not(tedi-icon){text-decoration:underline}.tedi-link:hover :not(tedi-icon){text-decoration:underline}.tedi-link tedi-icon{height:fit-content;font-size:16px;color:inherit;line-height:inherit;margin-left:var(--button-sm-inner-spacing);margin-right:var(--button-sm-inner-spacing)}.tedi-link tedi-icon:first-child{margin-left:0}.tedi-link tedi-icon:last-child{margin-right:0}\n"] }]
3813
3813
  }] });
3814
3814
 
3815
3815
  class FooterBottomComponent {
@@ -3866,14 +3866,14 @@ class FooterBottomComponent {
3866
3866
  this.ellipsisViews = [];
3867
3867
  }
3868
3868
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3869
- 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 });
3869
+ 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:var(--layout-grid-gutters-24);padding:var(--layout-footer-bottom-padding-y) var(--layout-footer-bottom-padding-x)}.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3870
3870
  }
3871
3871
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FooterBottomComponent, decorators: [{
3872
3872
  type: Component,
3873
3873
  args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: "tedi-footer-bottom", host: {
3874
3874
  class: "tedi-footer-bottom",
3875
3875
  "[class.tedi-footer-bottom--mobile]": "mobileLayout()",
3876
- }, 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"] }]
3876
+ }, 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:var(--layout-grid-gutters-24);padding:var(--layout-footer-bottom-padding-y) var(--layout-footer-bottom-padding-x)}.tedi-footer-bottom--mobile{gap:var(--layout-grid-gutters-16)}\n"] }]
3877
3877
  }], propDecorators: { ellipsis: [{
3878
3878
  type: ViewChild,
3879
3879
  args: ["ellipsis", { static: true }]
@@ -3884,33 +3884,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3884
3884
 
3885
3885
  class HeaderComponent {
3886
3886
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3887
- 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 });
3887
+ 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(--tedi-alpha-20, rgba(0, 0, 0, .2));height:var(--layout-header-min-height);padding:var(--layout-header-padding-y) var(--layout-header-padding-right) var(--layout-header-padding-y) var(--layout-header-padding-left)}.tedi-header__link-button{display:inline-flex;align-items:center;background-color:transparent;border:0;padding:0;font-size:var(--body-regular-size)}.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 });
3888
3888
  }
3889
3889
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderComponent, decorators: [{
3890
3890
  type: Component,
3891
3891
  args: [{ selector: "header[tedi-header]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
3892
3892
  "class": "tedi-header"
3893
- }, 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"] }]
3893
+ }, 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(--tedi-alpha-20, rgba(0, 0, 0, .2));height:var(--layout-header-min-height);padding:var(--layout-header-padding-y) var(--layout-header-padding-right) var(--layout-header-padding-y) var(--layout-header-padding-left)}.tedi-header__link-button{display:inline-flex;align-items:center;background-color:transparent;border:0;padding:0;font-size:var(--body-regular-size)}.tedi-header__link-button:hover span{text-decoration:underline!important}.tedi-header__link-button span{text-decoration:none!important}\n"] }]
3894
3894
  }] });
3895
3895
 
3896
3896
  class HeaderActionsComponent {
3897
3897
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3898
- 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 });
3898
+ 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);padding-left:var(--layout-header-items-right-gutter-x)}.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x)}.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 });
3899
3899
  }
3900
3900
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderActionsComponent, decorators: [{
3901
3901
  type: Component,
3902
3902
  args: [{ selector: "tedi-header-actions", standalone: true, template: "<ng-content />", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
3903
3903
  "class": "tedi-header-actions"
3904
- }, 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"] }]
3904
+ }, 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);padding-left:var(--layout-header-items-right-gutter-x)}.tedi-header-actions>*:not(:last-child){padding-right:var(--layout-header-items-right-gutter-x)}.tedi-header-actions>*:has(.tedi-header-login__button--mobile),.tedi-header-actions>*:has(.tedi-header-profile--mobile){padding-left:0}\n"] }]
3905
3905
  }] });
3906
3906
 
3907
3907
  class HeaderContentComponent {
3908
3908
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3909
- 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 });
3909
+ 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;gap:var(--layout-header-items-center-gutter-x)}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(--tedi-primary-500);outline-offset:var(--borders-01)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3910
3910
  }
3911
3911
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderContentComponent, decorators: [{
3912
3912
  type: Component,
3913
- 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"] }]
3913
+ 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;gap:var(--layout-header-items-center-gutter-x)}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(--tedi-primary-500);outline-offset:var(--borders-01)}\n"] }]
3914
3914
  }] });
3915
3915
 
3916
3916
  class HeaderLanguageComponent {
@@ -3961,11 +3961,11 @@ class HeaderLoginComponent {
3961
3961
  textMobile = this.translationService.track("header.login-mobile");
3962
3962
  text = computed(() => this.isMobile() ? this.textMobile() : this.textDesktop());
3963
3963
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3964
- 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 });
3964
+ 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:var(--body-extra-small-size);line-height:var(--body-regular-line-height);min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-login .tedi-header-login__button--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05)}\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 });
3965
3965
  }
3966
3966
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLoginComponent, decorators: [{
3967
3967
  type: Component,
3968
- 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"] }]
3968
+ 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:var(--body-extra-small-size);line-height:var(--body-regular-line-height);min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-login .tedi-header-login__button--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-login .tedi-header-login__button--mobile tedi-icon{font-size:var(--icon-05)}\n"] }]
3969
3969
  }] });
3970
3970
 
3971
3971
  class HeaderLogoutComponent {
@@ -3979,13 +3979,13 @@ class HeaderLogoutComponent {
3979
3979
  return classList.join(" ");
3980
3980
  });
3981
3981
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3982
- 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 });
3982
+ 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;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}.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:var(--body-extra-small-size);line-height:var(--body-regular-line-height);min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}.tedi-header-logout--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}.tedi-header-logout--mobile tedi-icon{font-size:var(--icon-05)!important;margin:0 0 4px!important}.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 });
3983
3983
  }
3984
3984
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderLogoutComponent, decorators: [{
3985
3985
  type: Component,
3986
3986
  args: [{ selector: 'button[tedi-header-logout]', standalone: true, imports: [IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
3987
3987
  "[class]": "classes()"
3988
- }, 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"] }]
3988
+ }, 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;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}.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:var(--body-extra-small-size);line-height:var(--body-regular-line-height);min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}.tedi-header-logout--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}.tedi-header-logout--mobile tedi-icon{font-size:var(--icon-05)!important;margin:0 0 4px!important}.tedi-header-logout span{text-decoration:none!important}\n"] }]
3989
3989
  }] });
3990
3990
 
3991
3991
  class ShowAtDirective {
@@ -4079,7 +4079,7 @@ class HeaderProfileComponent {
4079
4079
  }
4080
4080
  }
4081
4081
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4082
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderProfileComponent, isStandalone: true, selector: "tedi-header-profile", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showDropdown(); as dropdown) {\n <ng-container *hideAt=\"dropdown\">\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n </ng-container>\n\n <ng-container *showAt=\"dropdown\">\n <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n <tedi-popover-trigger>\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"small\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-popover-content>\n </tedi-popover>\n </ng-container>\n} @else {\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #button>\n <ng-container *hideAt=\"'sm'\">\n <button\n tedi-button\n variant=\"neutral\"\n class=\"tedi-header-profile--mobile\"\n [attr.data-open]=\"modalOpen()\"\n (click)=\"handleModalOpen()\"\n >\n <tedi-icon\n [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n color=\"brand\"\n />\n {{ \"header.profile\" | tediTranslate }}\n </button>\n </ng-container>\n\n <ng-container *showAt=\"'sm'\">\n <button\n tedi-button\n [variant]=\"name() ? 'secondary' : 'neutral'\"\n (click)=\"handleModalOpen()\"\n >\n <tedi-icon\n name=\"account_circle\"\n color=\"brand\"\n [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n />\n {{ name() }}\n @if (name()) {\n <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n }\n </button>\n </ng-container>\n</ng-template>\n\n<ng-template #modal>\n @if (modalOpen()) {\n <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n <div class=\"tedi-header-profile__modal\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n }\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile{--_header-min-height: var(--layout-header-min-height-mobile)}@media (min-width: 576px){tedi-header-profile{--_header-min-height: var(--layout-header-min-height-tablet)}}@media (min-width: 992px){tedi-header-profile{--_header-min-height: var(--layout-header-min-height-desktop)}}tedi-header-profile tedi-popover tedi-popover-trigger{height:46px;align-items:center}tedi-header-profile .tedi-header-profile--mobile{flex-direction:column;justify-content:center;align-items:center;gap:0;border:0;border-radius:0;font-size:12px;line-height:16px}tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{min-width:var(--layout-header-mobile-button-size-desktop)}}tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{min-height:var(--layout-header-mobile-button-size-desktop)}}tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile{padding:var(--layout-grid-gutters-08-desktop)}}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05-desktop)}}tedi-header-profile .tedi-header-profile--mobile[data-open=true]{background:var(--button-main-neutral-icon-only-background-active)}tedi-header-profile .tedi-header-profile__overlay{position:absolute;left:0;top:var(--_header-min-height);width:100%;min-height:calc(100dvh - var(--_header-min-height));background:#00000040;z-index:calc(var(--z-index-header) - 1)}tedi-header-profile .tedi-header-profile__modal{min-height:calc(100dvh - var(--_header-min-height));max-height:100%;position:absolute;right:0;top:var(--_header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header)}tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal{width:var(--side-navigation-item-width-default-desktop)}}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding-desktop)}}tedi-header-profile .tedi-header-profile__modal>*:not(:last-child){border-bottom:var(--borders-01) solid var(--general-border-primary)}tedi-header-profile .tedi-header-profile__modal>*:has(.tedi-header-role__head){border-bottom:var(--borders-04) solid var(--general-border-brand)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{flex-direction:row;justify-content:flex-start}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{font-size:var(--body-regular-size-desktop)}}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-mobile)}@media (min-width: 576px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-tablet)}}@media (min-width: 992px){tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{gap:var(--link-inner-spacing-x-desktop)}}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile tedi-icon{font-size:inherit!important}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4082
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderProfileComponent, isStandalone: true, selector: "tedi-header-profile", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showDropdown(); as dropdown) {\n <ng-container *hideAt=\"dropdown\">\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n </ng-container>\n\n <ng-container *showAt=\"dropdown\">\n <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n <tedi-popover-trigger>\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"small\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-popover-content>\n </tedi-popover>\n </ng-container>\n} @else {\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #button>\n <ng-container *hideAt=\"'sm'\">\n <button\n tedi-button\n variant=\"neutral\"\n class=\"tedi-header-profile--mobile\"\n [attr.data-open]=\"modalOpen()\"\n (click)=\"handleModalOpen()\"\n >\n <tedi-icon\n [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n color=\"brand\"\n />\n {{ \"header.profile\" | tediTranslate }}\n </button>\n </ng-container>\n\n <ng-container *showAt=\"'sm'\">\n <button\n tedi-button\n [variant]=\"name() ? 'secondary' : 'neutral'\"\n (click)=\"handleModalOpen()\"\n >\n <tedi-icon\n name=\"account_circle\"\n color=\"brand\"\n [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n />\n {{ name() }}\n @if (name()) {\n <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n }\n </button>\n </ng-container>\n</ng-template>\n\n<ng-template #modal>\n @if (modalOpen()) {\n <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n <div class=\"tedi-header-profile__modal\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n }\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile tedi-popover tedi-popover-trigger{height:46px;align-items:center}tedi-header-profile .tedi-header-profile--mobile{flex-direction:column;justify-content:center;align-items:center;gap:0;border:0;border-radius:0;font-size:12px;line-height:16px;min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05)}tedi-header-profile .tedi-header-profile--mobile[data-open=true]{background:var(--button-main-neutral-icon-only-background-active)}tedi-header-profile .tedi-header-profile__overlay{position:absolute;left:0;top:var(--layout-header-min-height);width:100%;min-height:calc(100dvh - var(--layout-header-min-height));background:#00000040;z-index:calc(var(--z-index-header) - 1)}tedi-header-profile .tedi-header-profile__modal{min-height:calc(100dvh - var(--layout-header-min-height));max-height:100%;position:absolute;right:0;top:var(--layout-header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header);width:var(--navigation-vertical-item-width-default)}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding)}tedi-header-profile .tedi-header-profile__modal>*:not(:last-child){border-bottom:var(--borders-01) solid var(--general-border-primary)}tedi-header-profile .tedi-header-profile__modal>*:has(.tedi-header-role__head){border-bottom:var(--borders-04) solid var(--general-border-brand)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{flex-direction:row;justify-content:flex-start;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile tedi-icon{font-size:inherit!important}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4083
4083
  }
4084
4084
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderProfileComponent, decorators: [{
4085
4085
  type: Component,
@@ -4093,7 +4093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
4093
4093
  HideAtDirective,
4094
4094
  NgTemplateOutlet,
4095
4095
  TediTranslationPipe,
4096
- ], 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"] }]
4096
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showDropdown(); as dropdown) {\n <ng-container *hideAt=\"dropdown\">\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n </ng-container>\n\n <ng-container *showAt=\"dropdown\">\n <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n <tedi-popover-trigger>\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"small\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-popover-content>\n </tedi-popover>\n </ng-container>\n} @else {\n <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n <ng-container *ngTemplateOutlet=\"modal\"></ng-container>\n}\n\n<ng-template #button>\n <ng-container *hideAt=\"'sm'\">\n <button\n tedi-button\n variant=\"neutral\"\n class=\"tedi-header-profile--mobile\"\n [attr.data-open]=\"modalOpen()\"\n (click)=\"handleModalOpen()\"\n >\n <tedi-icon\n [name]=\"modalOpen() ? 'close' : 'account_circle'\"\n color=\"brand\"\n />\n {{ \"header.profile\" | tediTranslate }}\n </button>\n </ng-container>\n\n <ng-container *showAt=\"'sm'\">\n <button\n tedi-button\n [variant]=\"name() ? 'secondary' : 'neutral'\"\n (click)=\"handleModalOpen()\"\n >\n <tedi-icon\n name=\"account_circle\"\n color=\"brand\"\n [style]=\"{ 'font-size': name() ? '18px' : '36px' }\"\n />\n {{ name() }}\n @if (name()) {\n <tedi-icon name=\"expand_more\" style=\"font-size: 18px\" />\n }\n </button>\n </ng-container>\n</ng-template>\n\n<ng-template #modal>\n @if (modalOpen()) {\n <div class=\"tedi-header-profile__overlay\" (click)=\"handleModalOpen()\"></div>\n <div class=\"tedi-header-profile__modal\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n }\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["tedi-header-profile{align-content:center}tedi-header-profile tedi-popover tedi-popover-trigger{height:46px;align-items:center}tedi-header-profile .tedi-header-profile--mobile{flex-direction:column;justify-content:center;align-items:center;gap:0;border:0;border-radius:0;font-size:12px;line-height:16px;min-width:var(--layout-header-mobile-button-size);min-height:var(--layout-header-mobile-button-size);padding:var(--layout-grid-gutters-08)}tedi-header-profile .tedi-header-profile--mobile:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:calc(-1 * var(--borders-02))}tedi-header-profile .tedi-header-profile--mobile tedi-icon{font-size:var(--icon-05)}tedi-header-profile .tedi-header-profile--mobile[data-open=true]{background:var(--button-main-neutral-icon-only-background-active)}tedi-header-profile .tedi-header-profile__overlay{position:absolute;left:0;top:var(--layout-header-min-height);width:100%;min-height:calc(100dvh - var(--layout-header-min-height));background:#00000040;z-index:calc(var(--z-index-header) - 1)}tedi-header-profile .tedi-header-profile__modal{min-height:calc(100dvh - var(--layout-header-min-height));max-height:100%;position:absolute;right:0;top:var(--layout-header-min-height);overflow-y:auto;display:flex;flex-direction:column;background:var(--general-surface-primary);z-index:var(--z-index-header);width:var(--navigation-vertical-item-width-default)}tedi-header-profile .tedi-header-profile__modal>*{padding:var(--layout-header-modal-item-padding)}tedi-header-profile .tedi-header-profile__modal>*:not(:last-child){border-bottom:var(--borders-01) solid var(--general-border-primary)}tedi-header-profile .tedi-header-profile__modal>*:has(.tedi-header-role__head){border-bottom:var(--borders-04) solid var(--general-border-brand)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile{flex-direction:row;justify-content:flex-start;font-size:var(--body-regular-size);gap:var(--link-inner-spacing-x)}tedi-header-profile .tedi-header-profile__modal .tedi-header-logout--mobile tedi-icon{font-size:inherit!important}\n"] }]
4097
4097
  }], ctorParameters: () => [] });
4098
4098
 
4099
4099
  class HeaderRoleComponent {
@@ -4142,7 +4142,7 @@ class HeaderRoleComponent {
4142
4142
  this.inputValue.set(value);
4143
4143
  }
4144
4144
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRoleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4145
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderRoleComponent, isStandalone: true, selector: "tedi-header-role", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showInput: { classPropertyName: "showInput", publicName: "showInput", isSignal: true, isRequired: false, transformFunction: null }, representatives: { classPropertyName: "representatives", publicName: "representatives", isSignal: true, isRequired: true, transformFunction: null }, currentRepresentative: { classPropertyName: "currentRepresentative", publicName: "currentRepresentative", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { currentRepresentative: "currentRepresentativeChange" }, host: { classAttribute: "tedi-header-role" }, ngImport: i0, template: "<ng-container *hideAt=\"'lg'\">\n <div class=\"tedi-header-role__head\">\n <div tedi-text color=\"secondary\" class=\"tedi-header-role__info\" [attr.data-multiple]=\"representatives().length > 1\">\n <b>{{ role() }} {{ currentRepresentative().name }}</b>\n @if (description()) {\n <span class=\"tedi-header-role__description\">{{ description() }}</span>\n }\n </div>\n @if (representatives().length > 1) {\n <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n {{ collapseText() }}\n <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n </button>\n }\n </div>\n @if (representatives().length > 1) {\n <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n <div class=\"tedi-header-role__collapse__items\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n @if (role() || description()) {\n <div tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-role__head\">\n @if (role()) {\n <b>{{ role() }}</b>\n }\n\n @if (description()) {\n <span class=\"tedi-header-role__description\">{{ description() }}</span>\n }\n </div>\n }\n\n <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n <tedi-popover-trigger>\n <button class=\"tedi-link tedi-header__link-button\">\n <span>{{ currentRepresentative().name }}</span>\n <tedi-icon name=\"expand_more\" />\n </button>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-popover-content>\n </tedi-popover>\n </ng-container>\n</ng-container>\n\n<ng-template #content>\n @if (showInput()) {\n <div>\n <label for=\"representative-input\">{{ searchText() }}</label>\n <input id=\"representative-input\" class=\"tedi-header-role__input\" [value]=\"inputValue()\" (input)=\"handleInputChange($event)\" />\n </div>\n }\n @if (filteredRepresentatives().length === 0) {\n <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n }\n <button \n *ngFor=\"let r of filteredRepresentatives();\"\n class=\"tedi-header-role__representative\"\n [attr.data-selected]=\"r.name === currentRepresentative().name && r.description === currentRepresentative().description\"\n (click)=\"handleSelectRepresentative(r)\"\n >\n @if (r.icon) {\n <tedi-icon [name]=\"r.icon\" />\n }\n <div>\n <div>{{ r.name }}</div>\n @if (r.description) {\n <div>\n {{ r.description }}\n </div>\n }\n </div>\n </button>\n</ng-template>\n\n<ng-template #normalText>\n <div>{{ currentRepresentative().name }}</div>\n</ng-template>", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--_header-role-info-gap)}.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__head .tedi-header-role__info{--_header-role-info-gap: var(--layout-grid-gutters-16-desktop)}}.tedi-header-role__head .tedi-header-role__info[data-multiple=true]{flex-direction:column;gap:0px}.tedi-header-role__head .tedi-header-role__info[data-multiple=true] .tedi-header-role__description:before{display:none}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description{position:relative}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description:before{content:\"\";height:1rem;width:1px;position:absolute;top:50%;left:calc(-1 * var(--_header-role-info-gap) / 2);transform:translateY(-50%);background:var(--general-border-secondary)}.tedi-header-role__head button tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role__head button tedi-icon[data-open=true]{transform:rotate(180deg)}.tedi-header-role tedi-popover-trigger tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-role__dropdown{display:flex;flex-direction:column;gap:var(--_header-role-dropdown-gap)!important}.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__dropdown{--_header-role-dropdown-gap: var(--layout-grid-gutters-16-desktop)}}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--_header-role-dropdown-gap) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}.tedi-header-role__representative{width:100%;display:flex;gap:8px;align-items:center;text-align:start;cursor:pointer;color:var(--general-text-secondary);background:transparent;border:0}.tedi-header-role__representative{font-size:var(--body-regular-size-mobile)}@media (min-width: 992px){.tedi-header-role__representative{font-size:var(--body-regular-size-desktop)}}.tedi-header-role__representative{border-radius:var(--card-radius-rounded-mobile)}@media (min-width: 576px){.tedi-header-role__representative{border-radius:var(--card-radius-rounded-tablet)}}@media (min-width: 992px){.tedi-header-role__representative{border-radius:var(--card-radius-rounded-desktop)}}.tedi-header-role__representative{padding:var(--card-padding-xs-mobile)}@media (min-width: 576px){.tedi-header-role__representative{padding:var(--card-padding-xs-tablet)}}@media (min-width: 992px){.tedi-header-role__representative{padding:var(--card-padding-xs-desktop)}}.tedi-header-role__representative:not([data-selected=true]):hover{background:var(--header-popover-item-hover);color:var(--general-text-primary)}.tedi-header-role__representative:not([data-selected=true]):active{background:var(--header-popover-item-active);color:var(--general-text-white)}.tedi-header-role__representative:focus-visible{outline:var(--borders-02) solid var(--primary-500);outline-offset:var(--borders-01)}.tedi-header-role__representative[data-selected=true]{background:var(--header-popover-item-selected);color:var(--general-text-white)}.tedi-header-role__representative tedi-icon{color:inherit}.tedi-header-role__input{width:100%;border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default)}.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-mobile) var(--form-field-padding-x-md-default-mobile)}@media (min-width: 576px){.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-tablet) var(--form-field-padding-x-md-default-tablet)}}@media (min-width: 992px){.tedi-header-role__input{padding:var(--form-field-padding-y-md-default-desktop) var(--form-field-padding-x-md-default-desktop)}}.tedi-header-role__input{border-radius:var(--form-field-radius-mobile)}@media (min-width: 576px){.tedi-header-role__input{border-radius:var(--form-field-radius-tablet)}}@media (min-width: 992px){.tedi-header-role__input{border-radius:var(--form-field-radius-desktop)}}.tedi-header-role__input{gap:var(--form-field-inner-spacing-mobile)}@media (min-width: 576px){.tedi-header-role__input{gap:var(--form-field-inner-spacing-tablet)}}@media (min-width: 992px){.tedi-header-role__input{gap:var(--form-field-inner-spacing-desktop)}}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center}.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-mobile)}@media (min-width: 576px){.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-tablet)}}@media (min-width: 992px){.tedi-header-role__no-results{padding-top:var(--layout-grid-gutters-08-desktop)}}.tedi-header-role__collapse{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_header-role-transition-duration) ease}.tedi-header-role__collapse[data-open=true]{visibility:visible;grid-template-rows:1fr}.tedi-header-role__collapse[data-open=true] .tedi-header-role__collapse__items{visibility:visible}.tedi-header-role__collapse__items{min-height:0;display:flex;flex-direction:column;gap:var(--_header-role-collapse-gap);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-mobile)}@media (min-width: 576px){.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-tablet)}}@media (min-width: 992px){.tedi-header-role__collapse__items{--_header-role-collapse-gap: var(--layout-grid-gutters-16-desktop)}}.tedi-header-role__collapse__items>*:not(:first-child){position:relative}.tedi-header-role__collapse__items>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--_header-role-collapse-gap) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4145
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderRoleComponent, isStandalone: true, selector: "tedi-header-role", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showInput: { classPropertyName: "showInput", publicName: "showInput", isSignal: true, isRequired: false, transformFunction: null }, representatives: { classPropertyName: "representatives", publicName: "representatives", isSignal: true, isRequired: true, transformFunction: null }, currentRepresentative: { classPropertyName: "currentRepresentative", publicName: "currentRepresentative", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { currentRepresentative: "currentRepresentativeChange" }, host: { classAttribute: "tedi-header-role" }, ngImport: i0, template: "<ng-container *hideAt=\"'lg'\">\n <div class=\"tedi-header-role__head\">\n <div tedi-text color=\"secondary\" class=\"tedi-header-role__info\" [attr.data-multiple]=\"representatives().length > 1\">\n <b>{{ role() }} {{ currentRepresentative().name }}</b>\n @if (description()) {\n <span class=\"tedi-header-role__description\">{{ description() }}</span>\n }\n </div>\n @if (representatives().length > 1) {\n <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n {{ collapseText() }}\n <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n </button>\n }\n </div>\n @if (representatives().length > 1) {\n <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n <div class=\"tedi-header-role__collapse__items\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n @if (role() || description()) {\n <div tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-role__head\">\n @if (role()) {\n <b>{{ role() }}</b>\n }\n\n @if (description()) {\n <span class=\"tedi-header-role__description\">{{ description() }}</span>\n }\n </div>\n }\n\n <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n <tedi-popover-trigger>\n <button class=\"tedi-link tedi-header__link-button\">\n <span>{{ currentRepresentative().name }}</span>\n <tedi-icon name=\"expand_more\" />\n </button>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-popover-content>\n </tedi-popover>\n </ng-container>\n</ng-container>\n\n<ng-template #content>\n @if (showInput()) {\n <div>\n <label for=\"representative-input\">{{ searchText() }}</label>\n <input id=\"representative-input\" class=\"tedi-header-role__input\" [value]=\"inputValue()\" (input)=\"handleInputChange($event)\" />\n </div>\n }\n @if (filteredRepresentatives().length === 0) {\n <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n }\n <button \n *ngFor=\"let r of filteredRepresentatives();\"\n class=\"tedi-header-role__representative\"\n [attr.data-selected]=\"r.name === currentRepresentative().name && r.description === currentRepresentative().description\"\n (click)=\"handleSelectRepresentative(r)\"\n >\n @if (r.icon) {\n <tedi-icon [name]=\"r.icon\" />\n }\n <div>\n <div>{{ r.name }}</div>\n @if (r.description) {\n <div>\n {{ r.description }}\n </div>\n }\n </div>\n </button>\n</ng-template>\n\n<ng-template #normalText>\n <div>{{ currentRepresentative().name }}</div>\n</ng-template>", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--layout-grid-gutters-16)}.tedi-header-role__head .tedi-header-role__info[data-multiple=true]{flex-direction:column;gap:0px}.tedi-header-role__head .tedi-header-role__info[data-multiple=true] .tedi-header-role__description:before{display:none}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description{position:relative}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description:before{content:\"\";height:1rem;width:1px;position:absolute;top:50%;left:calc(-1 * var(--layout-grid-gutters-16) / 2);transform:translateY(-50%);background:var(--general-border-secondary)}.tedi-header-role__head button tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role__head button tedi-icon[data-open=true]{transform:rotate(180deg)}.tedi-header-role tedi-popover-trigger tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-role__dropdown{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16)!important}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}.tedi-header-role__representative{width:100%;display:flex;gap:8px;align-items:center;text-align:start;cursor:pointer;color:var(--general-text-secondary);background:transparent;border:0;font-size:var(--body-regular-size);border-radius:var(--card-radius-rounded);padding:var(--card-padding-xs)}.tedi-header-role__representative:not([data-selected=true]):hover{background:var(--header-popover-item-hover);color:var(--general-text-primary)}.tedi-header-role__representative:not([data-selected=true]):active{background:var(--header-popover-item-active);color:var(--general-text-white)}.tedi-header-role__representative:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-header-role__representative[data-selected=true]{background:var(--header-popover-item-selected);color:var(--general-text-white)}.tedi-header-role__representative tedi-icon{color:inherit}.tedi-header-role__input{width:100%;border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default);border-radius:var(--form-field-radius);gap:var(--form-field-inner-spacing)}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center;padding-top:var(--layout-grid-gutters-08)}.tedi-header-role__collapse{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_header-role-transition-duration) ease}.tedi-header-role__collapse[data-open=true]{visibility:visible;grid-template-rows:1fr}.tedi-header-role__collapse[data-open=true] .tedi-header-role__collapse__items{visibility:visible}.tedi-header-role__collapse__items{min-height:0;display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items>*:not(:first-child){position:relative}.tedi-header-role__collapse__items>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverComponent, selector: "tedi-popover", inputs: ["openWith", "position", "dismissible", "hideOnScroll", "withBorder", "withArrow", "lockScroll"] }, { kind: "component", type: PopoverTriggerComponent, selector: "tedi-popover-trigger" }, { kind: "component", type: PopoverContentComponent, selector: "tedi-popover-content", inputs: ["maxWidth", "title", "showClose"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "directive", type: ShowAtDirective, selector: "[showAt]", inputs: ["showAt"] }, { kind: "directive", type: HideAtDirective, selector: "[hideAt]", inputs: ["hideAt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4146
4146
  }
4147
4147
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRoleComponent, decorators: [{
4148
4148
  type: Component,
@@ -4160,7 +4160,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
4160
4160
  HideAtDirective
4161
4161
  ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
4162
4162
  class: "tedi-header-role"
4163
- }, 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"] }]
4163
+ }, template: "<ng-container *hideAt=\"'lg'\">\n <div class=\"tedi-header-role__head\">\n <div tedi-text color=\"secondary\" class=\"tedi-header-role__info\" [attr.data-multiple]=\"representatives().length > 1\">\n <b>{{ role() }} {{ currentRepresentative().name }}</b>\n @if (description()) {\n <span class=\"tedi-header-role__description\">{{ description() }}</span>\n }\n </div>\n @if (representatives().length > 1) {\n <button tedi-button variant=\"neutral\" (click)=\"handleMobileOpen()\">\n {{ collapseText() }}\n <tedi-icon name=\"expand_more\" [attr.data-open]=\"mobileOpen()\" />\n </button>\n }\n </div>\n @if (representatives().length > 1) {\n <div class=\"tedi-header-role__collapse\" [attr.data-open]=\"mobileOpen()\">\n <div class=\"tedi-header-role__collapse__items\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n }\n</ng-container>\n\n<ng-container *showAt=\"'lg'\">\n @if (role() || description()) {\n <div tedi-text color=\"secondary\" modifiers=\"small\" class=\"tedi-header-role__head\">\n @if (role()) {\n <b>{{ role() }}</b>\n }\n\n @if (description()) {\n <span class=\"tedi-header-role__description\">{{ description() }}</span>\n }\n </div>\n }\n\n <ng-container *ngIf=\"representatives().length > 1; else normalText\">\n <tedi-popover [withBorder]=\"true\" position=\"bottom\">\n <tedi-popover-trigger>\n <button class=\"tedi-link tedi-header__link-button\">\n <span>{{ currentRepresentative().name }}</span>\n <tedi-icon name=\"expand_more\" />\n </button>\n </tedi-popover-trigger>\n <tedi-popover-content maxWidth=\"small\" class=\"tedi-header-role__dropdown\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-popover-content>\n </tedi-popover>\n </ng-container>\n</ng-container>\n\n<ng-template #content>\n @if (showInput()) {\n <div>\n <label for=\"representative-input\">{{ searchText() }}</label>\n <input id=\"representative-input\" class=\"tedi-header-role__input\" [value]=\"inputValue()\" (input)=\"handleInputChange($event)\" />\n </div>\n }\n @if (filteredRepresentatives().length === 0) {\n <span class=\"tedi-header-role__no-results\">{{ noResultsText() }}</span>\n }\n <button \n *ngFor=\"let r of filteredRepresentatives();\"\n class=\"tedi-header-role__representative\"\n [attr.data-selected]=\"r.name === currentRepresentative().name && r.description === currentRepresentative().description\"\n (click)=\"handleSelectRepresentative(r)\"\n >\n @if (r.icon) {\n <tedi-icon [name]=\"r.icon\" />\n }\n <div>\n <div>{{ r.name }}</div>\n @if (r.description) {\n <div>\n {{ r.description }}\n </div>\n }\n </div>\n </button>\n</ng-template>\n\n<ng-template #normalText>\n <div>{{ currentRepresentative().name }}</div>\n</ng-template>", styles: [":root{--_header-role-transition-duration: .3s}.tedi-header-role{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tedi-header-role__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (min-width: 992px){.tedi-header-role__head{justify-content:flex-start}}.tedi-header-role__head .tedi-header-role__info{display:flex;flex-direction:row;gap:var(--layout-grid-gutters-16)}.tedi-header-role__head .tedi-header-role__info[data-multiple=true]{flex-direction:column;gap:0px}.tedi-header-role__head .tedi-header-role__info[data-multiple=true] .tedi-header-role__description:before{display:none}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description{position:relative}.tedi-header-role__head .tedi-header-role__info .tedi-header-role__description:before{content:\"\";height:1rem;width:1px;position:absolute;top:50%;left:calc(-1 * var(--layout-grid-gutters-16) / 2);transform:translateY(-50%);background:var(--general-border-secondary)}.tedi-header-role__head button tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role__head button tedi-icon[data-open=true]{transform:rotate(180deg)}.tedi-header-role tedi-popover-trigger tedi-icon{transition:transform var(--_header-role-transition-duration) ease}.tedi-header-role tedi-popover-trigger[data-open=true] tedi-icon{transform:rotate(180deg)}.tedi-header-role__dropdown{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16)!important}.tedi-header-role__dropdown>*:not(:first-child){position:relative}.tedi-header-role__dropdown>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}.tedi-header-role__representative{width:100%;display:flex;gap:8px;align-items:center;text-align:start;cursor:pointer;color:var(--general-text-secondary);background:transparent;border:0;font-size:var(--body-regular-size);border-radius:var(--card-radius-rounded);padding:var(--card-padding-xs)}.tedi-header-role__representative:not([data-selected=true]):hover{background:var(--header-popover-item-hover);color:var(--general-text-primary)}.tedi-header-role__representative:not([data-selected=true]):active{background:var(--header-popover-item-active);color:var(--general-text-white)}.tedi-header-role__representative:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-header-role__representative[data-selected=true]{background:var(--header-popover-item-selected);color:var(--general-text-white)}.tedi-header-role__representative tedi-icon{color:inherit}.tedi-header-role__input{width:100%;border:var(--borders-01) solid var(--form-input-border-default);background:var(--form-input-background-default);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default);border-radius:var(--form-field-radius);gap:var(--form-field-inner-spacing)}.tedi-header-role__no-results{color:var(--general-text-secondary);text-align:center;padding-top:var(--layout-grid-gutters-08)}.tedi-header-role__collapse{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_header-role-transition-duration) ease}.tedi-header-role__collapse[data-open=true]{visibility:visible;grid-template-rows:1fr}.tedi-header-role__collapse[data-open=true] .tedi-header-role__collapse__items{visibility:visible}.tedi-header-role__collapse__items{min-height:0;display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);transition:visibility var(--_header-role-transition-duration) ease;visibility:hidden}.tedi-header-role__collapse__items>*:not(:first-child){position:relative}.tedi-header-role__collapse__items>*:not(:first-child):after{content:\"\";position:absolute;top:calc(-1 * (var(--layout-grid-gutters-16) / 2 + 1px));left:0;width:100%;height:1px;background-color:var(--general-border-primary)}\n"] }]
4164
4164
  }] });
4165
4165
 
4166
4166
  class SideNavService {
@@ -4250,13 +4250,13 @@ class SideNavComponent {
4250
4250
  return classList.join(" ");
4251
4251
  });
4252
4252
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavComponent, deps: [{ token: SideNavService }], target: i0.ɵɵFactoryTarget.Component });
4253
- 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 });
4253
+ 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(--navigation-vertical-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav);width:var(--navigation-vertical-item-width-default)}.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;top:var(--navigation-vertical-item-padding-y);width:var(--button-sm-height);height:var(--button-sm-height);padding:var(--button-md-icon-padding);border-radius:var(--button-radius-default)}.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(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-large );--_sidenav-item-font-size: var(--navigation-vertical-text-size);--_sidenav-item-line-height: var(--body-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon)}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-medium );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-md);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-md);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-md)}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-small );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-sm);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-sm);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm)}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--navigation-vertical-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 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm);width:var(--navigation-vertical-item-width-collapsed)}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center;min-height:var(--navigation-vertical-item-min-height-large);padding:var(--navigation-vertical-item-padding-y) var(--navigation-vertical-item-padding-x-sm)}.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(--navigation-vertical-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(--tedi-alpha-20);transition:none;visibility:hidden;border-radius:var(--form-select-area-radius)}.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;padding:var(--dropdown-group-label-padding-y) var(--dropdown-group-label-padding-x) var(--layout-grid-gutters-04) var(--dropdown-group-label-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-size:var(--body-regular-size)}.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(--dropdown-item-padding-x) + var(--_sidenav-tree-container) + var(--_gap))}.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(--navigation-vertical-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(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x)}.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(--navigation-vertical-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--navigation-vertical-item-icon)}\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 });
4254
4254
  }
4255
4255
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavComponent, decorators: [{
4256
4256
  type: Component,
4257
4257
  args: [{ selector: "nav[tedi-sidenav]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, TediTranslationPipe], host: {
4258
4258
  "[class]": "classes()",
4259
- }, 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"] }]
4259
+ }, 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(--navigation-vertical-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav);width:var(--navigation-vertical-item-width-default)}.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;top:var(--navigation-vertical-item-padding-y);width:var(--button-sm-height);height:var(--button-sm-height);padding:var(--button-md-icon-padding);border-radius:var(--button-radius-default)}.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(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-large );--_sidenav-item-font-size: var(--navigation-vertical-text-size);--_sidenav-item-line-height: var(--body-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon)}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-medium );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-md);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-md);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-md)}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-small );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-sm);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-sm);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm)}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--navigation-vertical-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 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm);width:var(--navigation-vertical-item-width-collapsed)}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center;min-height:var(--navigation-vertical-item-min-height-large);padding:var(--navigation-vertical-item-padding-y) var(--navigation-vertical-item-padding-x-sm)}.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(--navigation-vertical-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(--tedi-alpha-20);transition:none;visibility:hidden;border-radius:var(--form-select-area-radius)}.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;padding:var(--dropdown-group-label-padding-y) var(--dropdown-group-label-padding-x) var(--layout-grid-gutters-04) var(--dropdown-group-label-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-size:var(--body-regular-size)}.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(--dropdown-item-padding-x) + var(--_sidenav-tree-container) + var(--_gap))}.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(--navigation-vertical-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(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x)}.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(--navigation-vertical-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--navigation-vertical-item-icon)}\n"] }]
4260
4260
  }], ctorParameters: () => [{ type: SideNavService }] });
4261
4261
 
4262
4262
  class SideNavDropdownItemComponent {
@@ -4281,24 +4281,24 @@ class SideNavDropdownItemComponent {
4281
4281
  return classList.join(" ");
4282
4282
  });
4283
4283
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4284
- 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 }, route: { classPropertyName: "route", publicName: "route", 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 (route()) {\n <a [routerLink]=\"route()\">\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 });
4284
+ 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 }, route: { classPropertyName: "route", publicName: "route", 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 (route()) {\n <a [routerLink]=\"route()\">\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{--_padding-left: var(--navigation-vertical-item-padding-left-level-2);--_gap: var(--navigation-vertical-item-inner-spacing);min-height:var(--_sidenav-dropdown-item-height);position:relative;display:block;color:var(--navigation-vertical-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:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-dropdown-item--selected{background:var(--navigation-vertical-item-background-active);font-weight:var(--body-bold-weight)}.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(--navigation-vertical-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(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x)}.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 });
4285
4285
  }
4286
4286
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownItemComponent, decorators: [{
4287
4287
  type: Component,
4288
4288
  args: [{ selector: "tedi-sidenav-dropdown-item", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RouterLink, NgTemplateOutlet], host: {
4289
4289
  "[class]": "classes()",
4290
- }, template: "@if (href()) {\n <a [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (route()) {\n <a [routerLink]=\"route()\">\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"] }]
4290
+ }, template: "@if (href()) {\n <a [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (route()) {\n <a [routerLink]=\"route()\">\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{--_padding-left: var(--navigation-vertical-item-padding-left-level-2);--_gap: var(--navigation-vertical-item-inner-spacing);min-height:var(--_sidenav-dropdown-item-height);position:relative;display:block;color:var(--navigation-vertical-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:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-dropdown-item--selected{background:var(--navigation-vertical-item-background-active);font-weight:var(--body-bold-weight)}.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(--navigation-vertical-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(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x)}.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"] }]
4291
4291
  }] });
4292
4292
 
4293
4293
  class SideNavGroupTitleComponent {
4294
4294
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavGroupTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4295
- 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 });
4295
+ 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(--navigation-vertical-group-title-text);font-size:var(--body-extra-small-bold-size);font-weight:var(--body-extra-small-bold-weight);line-height:var(--body-extra-small-bold-line-height);text-transform:uppercase;padding:var(--layout-grid-gutters-16) var(--navigation-vertical-item-padding-right) var(--layout-grid-gutters-02) var(--navigation-vertical-item-padding-left-level-1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4296
4296
  }
4297
4297
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavGroupTitleComponent, decorators: [{
4298
4298
  type: Component,
4299
4299
  args: [{ selector: "tedi-sidenav-group-title", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
4300
4300
  "class": "tedi-sidenav-group-title",
4301
- }, 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"] }]
4301
+ }, 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(--navigation-vertical-group-title-text);font-size:var(--body-extra-small-bold-size);font-weight:var(--body-extra-small-bold-weight);line-height:var(--body-extra-small-bold-line-height);text-transform:uppercase;padding:var(--layout-grid-gutters-16) var(--navigation-vertical-item-padding-right) var(--layout-grid-gutters-02) var(--navigation-vertical-item-padding-left-level-1)}\n"] }]
4302
4302
  }] });
4303
4303
 
4304
4304
  class TooltipTriggerComponent {
@@ -4363,14 +4363,14 @@ class TooltipTriggerComponent {
4363
4363
  }
4364
4364
  }
4365
4365
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4366
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TooltipTriggerComponent, isStandalone: true, selector: "tedi-tooltip-trigger", host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, properties: { "id": "tooltip.containerId() + '_trigger'", "attr.aria-controls": "tooltip.containerId()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip)}float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;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--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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4366
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TooltipTriggerComponent, isStandalone: true, selector: "tedi-tooltip-trigger", host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, properties: { "id": "tooltip.containerId() + '_trigger'", "attr.aria-controls": "tooltip.containerId()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip);border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--tedi-primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));max-width:var(--tooltip-max-width);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius)}.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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4367
4367
  }
4368
4368
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipTriggerComponent, decorators: [{
4369
4369
  type: Component,
4370
4370
  args: [{ selector: "tedi-tooltip-trigger", standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
4371
4371
  "[id]": "tooltip.containerId() + '_trigger'",
4372
4372
  "[attr.aria-controls]": "tooltip.containerId()",
4373
- }, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip)}float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;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--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}\n"] }]
4373
+ }, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip);border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--tedi-primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));max-width:var(--tooltip-max-width);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius)}.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}\n"] }]
4374
4374
  }], propDecorators: { onClick: [{
4375
4375
  type: HostListener,
4376
4376
  args: ["click"]
@@ -4452,11 +4452,11 @@ class TooltipComponent {
4452
4452
  }
4453
4453
  }
4454
4454
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4455
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: TooltipComponent, isStandalone: true, selector: "tedi-tooltip", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, preventOverflow: { classPropertyName: "preventOverflow", publicName: "preventOverflow", isSignal: true, isRequired: false, transformFunction: null }, openWith: { classPropertyName: "openWith", publicName: "openWith", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, timeoutDelay: { classPropertyName: "timeoutDelay", publicName: "timeoutDelay", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tooltipTrigger", first: true, predicate: TooltipTriggerComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n applyClass=\"float-ui-container-tooltip\"\n ariaRole=\"tooltip\"\n ariaHidden=\"true\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"tooltipTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"tedi-tooltip-trigger\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-tooltip-content\" />\n</float-ui-content>\n", styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip)}float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;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--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}\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 });
4455
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: TooltipComponent, isStandalone: true, selector: "tedi-tooltip", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, preventOverflow: { classPropertyName: "preventOverflow", publicName: "preventOverflow", isSignal: true, isRequired: false, transformFunction: null }, openWith: { classPropertyName: "openWith", publicName: "openWith", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, timeoutDelay: { classPropertyName: "timeoutDelay", publicName: "timeoutDelay", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tooltipTrigger", first: true, predicate: TooltipTriggerComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "floatUiComponent", first: true, predicate: NgxFloatUiContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n applyClass=\"float-ui-container-tooltip\"\n ariaRole=\"tooltip\"\n ariaHidden=\"true\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"tooltipTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"tedi-tooltip-trigger\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-tooltip-content\" />\n</float-ui-content>\n", styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip);border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--tedi-primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));max-width:var(--tooltip-max-width);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius)}.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}\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 });
4456
4456
  }
4457
4457
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipComponent, decorators: [{
4458
4458
  type: Component,
4459
- args: [{ standalone: true, selector: "tedi-tooltip", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n applyClass=\"float-ui-container-tooltip\"\n ariaRole=\"tooltip\"\n ariaHidden=\"true\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"tooltipTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"tedi-tooltip-trigger\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-tooltip-content\" />\n</float-ui-content>\n", styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip)}float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;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--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}\n"] }]
4459
+ args: [{ standalone: true, selector: "tedi-tooltip", imports: [NgxFloatUiModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n applyClass=\"float-ui-container-tooltip\"\n ariaRole=\"tooltip\"\n ariaHidden=\"true\"\n style=\"display: contents\"\n looseTrigger=\"none\"\n [floatUiLoose]=\"floatUiComponent\"\n [loosePlacement]=\"position()\"\n [preventOverflow]=\"position().includes('auto') ? false : preventOverflow()\"\n [disableAnimation]=\"true\"\n [targetElement]=\"tooltipTrigger().host.nativeElement\"\n [appendTo]=\"appendTo()\"\n>\n <ng-content select=\"tedi-tooltip-trigger\" />\n</div>\n<float-ui-content #floatUiComponent [style.display]=\"floatUiDisplay()\">\n <ng-content select=\"tedi-tooltip-content\" />\n</float-ui-content>\n", styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip);border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--tedi-primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));max-width:var(--tooltip-max-width);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius)}.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}\n"] }]
4460
4460
  }] });
4461
4461
 
4462
4462
  class TooltipContentComponent {
@@ -4481,14 +4481,14 @@ class TooltipContentComponent {
4481
4481
  this.tooltip.isContentHovered.set(false);
4482
4482
  }
4483
4483
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4484
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TooltipContentComponent, isStandalone: true, selector: "tedi-tooltip-content", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip)}float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;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--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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4484
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TooltipContentComponent, isStandalone: true, selector: "tedi-tooltip-content", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip);border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--tedi-primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));max-width:var(--tooltip-max-width);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius)}.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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4485
4485
  }
4486
4486
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TooltipContentComponent, decorators: [{
4487
4487
  type: Component,
4488
4488
  args: [{ standalone: true, selector: "tedi-tooltip-content", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
4489
4489
  "[class]": "classes()",
4490
4490
  role: "tooltip",
4491
- }, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip)}float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-mobile)}@media (min-width: 576px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-tablet)}}@media (min-width: 992px){float-ui-content .float-ui-container-tooltip{border-radius:var(--popover-radius-rounded-desktop)}}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;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--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}\n"] }]
4491
+ }, styles: ["tedi-tooltip{display:contents}float-ui-content .float-ui-container-tooltip{padding:0;border:0;box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));z-index:var(--z-index-tooltip);border-radius:var(--popover-radius-rounded)}float-ui-content .float-ui-container-tooltip .float-ui-arrow{width:8px;height:8px;background:var(--tooltip-background);clip-path:inset(0px -5px -5px 0px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top]{transform:translateY(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=top] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom]{transform:translateY(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=bottom] .float-ui-arrow{transform:rotate(-135deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left]{transform:translate(-4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=left] .float-ui-arrow{transform:rotate(-45deg)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right]{transform:translate(4px)}float-ui-content .float-ui-container-tooltip[data-float-ui-placement=right] .float-ui-arrow{transform:rotate(135deg)}tedi-tooltip-trigger{display:inline-flex}tedi-tooltip-trigger .tedi-tooltip-trigger--focus:focus-visible{outline:2px solid var(--tedi-primary-500);outline-offset:2px}tedi-tooltip-trigger .tedi-tooltip-trigger__text{text-decoration:underline dashed var(--general-border-secondary);text-underline-offset:.5em}.tedi-tooltip-content{position:relative;display:block;background:var(--tooltip-background);color:var(--tooltip-text);box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));max-width:var(--tooltip-max-width);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius)}.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}\n"] }]
4492
4492
  }], propDecorators: { onMouseEnter: [{
4493
4493
  type: HostListener,
4494
4494
  args: ["mouseenter"]
@@ -4567,7 +4567,7 @@ class SideNavItemComponent {
4567
4567
  this.dropdown.open.update((prev) => !prev);
4568
4568
  }
4569
4569
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4570
- 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 }, route: { classPropertyName: "route", publicName: "route", 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() && !route(); 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=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\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()\">\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 if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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 class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\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()\">\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 >\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{width:100%;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: ["position", "preventOverflow", "openWith", "appendTo", "timeoutDelay"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger" }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4570
+ 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 }, route: { classPropertyName: "route", publicName: "route", 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() && !route(); 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=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\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()\">\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 if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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 class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\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()\">\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 >\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(--navigation-vertical-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight)}.tedi-sidenav-item__trigger{--_gap: var(--navigation-vertical-item-inner-spacing);width:100%;position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger:hover{background:var(--navigation-vertical-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(--navigation-vertical-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(--tedi-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(--navigation-vertical-item-background-arrow-button-active)}.tedi-sidenav-item__caret-button:focus-visible .tedi-sidenav-item__caret-container{outline:var(--borders-02) solid var(--tedi-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;border-radius:var(--button-radius-sm)}.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(--navigation-vertical-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(--navigation-vertical-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: ["position", "preventOverflow", "openWith", "appendTo", "timeoutDelay"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger" }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4571
4571
  }
4572
4572
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavItemComponent, decorators: [{
4573
4573
  type: Component,
@@ -4582,7 +4582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
4582
4582
  TooltipContentComponent,
4583
4583
  ], host: {
4584
4584
  "[class]": "classes()",
4585
- }, template: "@if (sidenavService.isMobile()) {\n @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n <ng-container *ngIf=\"!href() && !route(); 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=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\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()\">\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 if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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 class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\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()\">\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 >\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{width:100%;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"] }]
4585
+ }, template: "@if (sidenavService.isMobile()) {\n @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n <ng-container *ngIf=\"!href() && !route(); 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=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\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()\">\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 if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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 class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\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=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\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()\">\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 >\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(--navigation-vertical-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight)}.tedi-sidenav-item__trigger{--_gap: var(--navigation-vertical-item-inner-spacing);width:100%;position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger:hover{background:var(--navigation-vertical-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(--navigation-vertical-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(--tedi-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(--navigation-vertical-item-background-arrow-button-active)}.tedi-sidenav-item__caret-button:focus-visible .tedi-sidenav-item__caret-container{outline:var(--borders-02) solid var(--tedi-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;border-radius:var(--button-radius-sm)}.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(--navigation-vertical-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(--navigation-vertical-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"] }]
4586
4586
  }], propDecorators: { dropdown: [{
4587
4587
  type: ContentChild,
4588
4588
  args: [forwardRef(() => SideNavDropdownComponent)]
@@ -4791,31 +4791,31 @@ class ModalComponent {
4791
4791
  }
4792
4792
  };
4793
4793
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4794
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (open()) {\n <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n <div\n class=\"tedi-modal__dialog\"\n role=\"dialog\"\n aria-modal=\"true\"\n tabindex=\"-1\"\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"open()\"\n >\n <ng-content select=\"tedi-modal-header\" />\n <ng-content select=\"tedi-modal-content\" />\n <ng-content select=\"tedi-modal-footer\" />\n </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4794
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (open()) {\n <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n <div\n class=\"tedi-modal__dialog\"\n role=\"dialog\"\n aria-modal=\"true\"\n tabindex=\"-1\"\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"open()\"\n >\n <ng-content select=\"tedi-modal-header\" />\n <ng-content select=\"tedi-modal-content\" />\n <ng-content select=\"tedi-modal-footer\" />\n </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4795
4795
  }
4796
4796
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, decorators: [{
4797
4797
  type: Component,
4798
4798
  args: [{ standalone: true, selector: "tedi-modal", imports: [CdkTrapFocus], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
4799
4799
  "[class]": "classes()",
4800
- }, template: "@if (open()) {\n <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n <div\n class=\"tedi-modal__dialog\"\n role=\"dialog\"\n aria-modal=\"true\"\n tabindex=\"-1\"\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"open()\"\n >\n <ng-content select=\"tedi-modal-header\" />\n <ng-content select=\"tedi-modal-content\" />\n <ng-content select=\"tedi-modal-footer\" />\n </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4800
+ }, template: "@if (open()) {\n <div class=\"tedi-modal__backdrop\" (click)=\"open.set(false)\"></div>\n <div\n class=\"tedi-modal__dialog\"\n role=\"dialog\"\n aria-modal=\"true\"\n tabindex=\"-1\"\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"open()\"\n >\n <ng-content select=\"tedi-modal-header\" />\n <ng-content select=\"tedi-modal-content\" />\n <ng-content select=\"tedi-modal-footer\" />\n </div>\n}\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4801
4801
  }], ctorParameters: () => [] });
4802
4802
 
4803
4803
  class ModalContentComponent {
4804
4804
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4805
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalContentComponent, isStandalone: true, selector: "tedi-modal-content", ngImport: i0, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4805
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalContentComponent, isStandalone: true, selector: "tedi-modal-content", ngImport: i0, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4806
4806
  }
4807
4807
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalContentComponent, decorators: [{
4808
4808
  type: Component,
4809
- args: [{ standalone: true, selector: "tedi-modal-content", imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4809
+ args: [{ standalone: true, selector: "tedi-modal-content", imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4810
4810
  }] });
4811
4811
 
4812
4812
  class ModalFooterComponent {
4813
4813
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4814
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4814
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", ngImport: i0, template: "<ng-content />", isInline: true, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4815
4815
  }
4816
4816
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, decorators: [{
4817
4817
  type: Component,
4818
- args: [{ standalone: true, selector: "tedi-modal-footer", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4818
+ args: [{ standalone: true, selector: "tedi-modal-footer", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4819
4819
  }] });
4820
4820
 
4821
4821
  class ModalHeaderComponent {
@@ -4826,11 +4826,11 @@ class ModalHeaderComponent {
4826
4826
  this.modal.open.set(false);
4827
4827
  }
4828
4828
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4829
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-modal-header__head\">\n <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n @if (showClose()) {\n <button tedi-closing-button (click)=\"closeModal()\"></button>\n }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4829
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-modal-header__head\">\n <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n @if (showClose()) {\n <button tedi-closing-button (click)=\"closeModal()\"></button>\n }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4830
4830
  }
4831
4831
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, decorators: [{
4832
4832
  type: Component,
4833
- args: [{ standalone: true, selector: "tedi-modal-header", imports: [ClosingButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tedi-modal-header__head\">\n <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n @if (showClose()) {\n <button tedi-closing-button (click)=\"closeModal()\"></button>\n }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4833
+ args: [{ standalone: true, selector: "tedi-modal-header", imports: [ClosingButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tedi-modal-header__head\">\n <ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n @if (showClose()) {\n <button tedi-closing-button (click)=\"closeModal()\"></button>\n }\n</div>\n<ng-content />\n", styles: ["h1,.h1,.tedi-h1,.text-h1,.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2,.h2,.tedi-h2,.text-h2,.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3,.h3,.tedi-h3,.text-h3,.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}h4,.h4,.tedi-h4,.text-h4,.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}h5,.h5,.tedi-h5,.text-h5,.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}h6,.h6,.tedi-h6,.text-h6,.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}.tedi-text--h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}.tedi-text--h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-text--h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-text--h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.tedi-text--h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line-height)}.tedi-text--default{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}.tedi-text--small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-subtitle{font-size:var(--heading-subtitle-regular-size);font-weight:var(--heading-subtitle-regular-weight);line-height:var(--heading-subtitle-regular-line-height);text-transform:uppercase}.text-subtitle.text-small{font-size:var(--heading-subtitle-small-size);font-weight:var(--heading-subtitle-small-weight);line-height:var(--heading-subtitle-small-line-height)}label{line-height:var(--body-regular-line-height);color:var(--general-text-secondary)}.text-normal{font-family:var(--family-default);font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--general-text-primary)}small,.text-small{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height)}.text-extra-small{font-size:var(--body-extra-small-size);font-weight:var(--body-extra-small-weight);line-height:var(--body-extra-small-line-height)}.tedi-text--default,.tedi-text--primary{color:var(--general-text-primary)}.tedi-text--secondary{color:var(--general-text-secondary)}.tedi-text--tertiary{color:var(--general-text-tertiary)}.tedi-text--white{color:var(--general-text-white)}.tedi-text--disabled{color:var(--general-text-disabled)}.tedi-text--brand{color:var(--general-text-brand)}.tedi-text--success{color:var(--general-status-success-text)}.tedi-text--warning{color:var(--general-status-warning-text)}.tedi-text--danger{color:var(--general-status-danger-text)}.tedi-text--info{color:var(--general-status-info-text)}.tedi-text--neutral{color:var(--general-status-neutral-text)}.text-nowrap{white-space:nowrap}.text-break-all{word-break:break-all}.text-break-word{word-break:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-capitalize-first:first-letter{text-transform:capitalize}.text-break-spaces{white-space:break-spaces}.text-inline-block{display:inline-block}.text-inline{display:inline}b,strong,.text-bold{font-weight:700}.text-thin{font-weight:300}i,.text-italic{font-style:italic}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-line-normal{line-height:normal}.text-line-condensed{line-height:1}.text-default{color:var(--general-text-primary)}.text-primary{color:var(--general-text-brand)}@media print{.text-primary{filter:grayscale(1)}}.text-muted{color:var(--general-text-secondary)}.text-subtle{color:var(--general-text-tertiary)}.text-disabled{color:var(--general-text-disabled)}.text-inverted{color:var(--general-text-white)}.text-positive{color:var(--general-status-success-text)}@media print{.text-positive{filter:grayscale(1)}}.text-important{color:var(--general-status-danger-text)}@media print{.text-important{filter:grayscale(1)}}.text-warning{color:var(--general-status-warning-text)}@media print{.text-warning{filter:grayscale(1)}}.tedi-modal{position:fixed;inset:0;display:none;z-index:1000}.tedi-modal--open{display:block}.tedi-modal--default{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-body-padding: var(--modal-body-padding);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y)}.tedi-modal--default .tedi-modal-header__head h1,.tedi-modal--default .tedi-modal-header__head h2,.tedi-modal--default .tedi-modal-header__head h3,.tedi-modal--default .tedi-modal-header__head h4,.tedi-modal--default .tedi-modal-header__head h5,.tedi-modal--default .tedi-modal-header__head h6{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}.tedi-modal--small{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-sm);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-sm);--_tedi-modal-body-padding: var(--modal-body-padding-sm);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-sm);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-sm)}.tedi-modal--small .tedi-modal-header__head h1,.tedi-modal--small .tedi-modal-header__head h2,.tedi-modal--small .tedi-modal-header__head h3,.tedi-modal--small .tedi-modal-header__head h4,.tedi-modal--small .tedi-modal-header__head h5,.tedi-modal--small .tedi-modal-header__head h6{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height)}.tedi-modal--xs .tedi-modal__dialog{max-width:var(--modal-max-width-xs)}.tedi-modal--sm .tedi-modal__dialog{max-width:var(--modal-max-width-sm)}.tedi-modal--md .tedi-modal__dialog{max-width:var(--modal-max-width-md)}.tedi-modal--lg .tedi-modal__dialog{max-width:var(--modal-max-width-lg)}.tedi-modal--xl .tedi-modal__dialog{max-width:var(--modal-max-width-xl)}.tedi-modal--center .tedi-modal__dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:95dvh}.tedi-modal--left .tedi-modal__dialog{top:0;left:0;height:100%}.tedi-modal--right .tedi-modal__dialog{top:0;right:0;height:100%}.tedi-modal__dialog{position:fixed;width:100%;display:flex;flex-direction:column;background-color:var(--modal-background);border:var(--borders-01) solid var(--modal-border-outer);border-radius:var(--modal-radius)}.tedi-modal__backdrop{position:fixed;inset:0;background:var(--general-surface-overlay)}.tedi-modal tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal tedi-modal-header .tedi-modal-header__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-08)}.tedi-modal tedi-modal-header .tedi-modal-header__head button[tedi-closing-button]{margin-left:auto}.tedi-modal tedi-modal-content{display:flex;flex-direction:column;gap:var(--layout-grid-gutters-16);padding:var(--_tedi-modal-body-padding);overflow-y:auto}.tedi-modal tedi-modal-footer{display:flex;gap:var(--layout-grid-gutters-16);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
4834
4834
  }] });
4835
4835
 
4836
4836
  class AlertComponent {
@@ -4907,7 +4907,7 @@ class AlertComponent {
4907
4907
  this.open.set(false);
4908
4908
  }
4909
4909
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4910
- 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 });
4910
+ 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;font-size:var(--body-regular-size);border-radius:var(--alert-radius);padding:var(--alert-default-padding-y) var(--alert-default-padding-x);gap:var(--layout-grid-gutters-04);color:var(--general-text-primary);background-color:var(--alert-default-background-info);border-color:var(--alert-default-border-info)}.tedi-alert__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-04)}.tedi-alert__close{margin-left:auto}.tedi-alert__content{display:flex;align-items:flex-start;gap:var(--layout-grid-gutters-08)}.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height)}.tedi-alert__title{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.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(--tedi-neutral-100);border-color:var(--tedi-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 });
4911
4911
  }
4912
4912
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AlertComponent, decorators: [{
4913
4913
  type: Component,
@@ -4917,7 +4917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
4917
4917
  "[attr.aria-label]": "getAriaLabel()",
4918
4918
  "[class]": "classes()",
4919
4919
  "[attr.role]": "role() === 'none' ? null : role()",
4920
- }, 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"] }]
4920
+ }, 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;font-size:var(--body-regular-size);border-radius:var(--alert-radius);padding:var(--alert-default-padding-y) var(--alert-default-padding-x);gap:var(--layout-grid-gutters-04);color:var(--general-text-primary);background-color:var(--alert-default-background-info);border-color:var(--alert-default-border-info)}.tedi-alert__head{display:flex;align-items:center;gap:var(--layout-grid-gutters-04)}.tedi-alert__close{margin-left:auto}.tedi-alert__content{display:flex;align-items:flex-start;gap:var(--layout-grid-gutters-08)}.tedi-alert__content .tedi-alert__content-icon{line-height:var(--body-regular-line-height)}.tedi-alert__title{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line-height)}.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(--tedi-neutral-100);border-color:var(--tedi-neutral-350)}}\n"] }]
4921
4921
  }] });
4922
4922
 
4923
4923
  class VerticalSpacingItemDirective {