@tedi-design-system/angular 6.2.0-rc.9 → 6.3.0-rc.1
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.
- package/README.md +26 -1
- package/community/components/cards/accordion/accordion/accordion.component.d.ts +3 -0
- package/community/components/cards/accordion/accordion/accordion.component.d.ts.map +1 -1
- package/community/components/cards/accordion/accordion-item/accordion-item.component.d.ts +5 -3
- package/community/components/cards/accordion/accordion-item/accordion-item.component.d.ts.map +1 -1
- package/community/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts +1 -0
- package/community/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts.map +1 -1
- package/community/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts +10 -2
- package/community/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts.map +1 -1
- package/community/components/form/file-dropzone/file.service.d.ts.map +1 -1
- package/community/components/form/input/input.component.d.ts +3 -0
- package/community/components/form/input/input.component.d.ts.map +1 -1
- package/fesm2022/tedi-design-system-angular-community.mjs +50 -30
- package/fesm2022/tedi-design-system-angular-community.mjs.map +1 -1
- package/fesm2022/tedi-design-system-angular-tedi.mjs +452 -24
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/index.css +1 -1
- package/package.json +10 -10
- package/tedi/components/cards/accordion/accordion/accordion.component.d.ts +14 -0
- package/tedi/components/cards/accordion/accordion/accordion.component.d.ts.map +1 -0
- package/tedi/components/cards/accordion/accordion-item/accordion-item.component.d.ts +90 -0
- package/tedi/components/cards/accordion/accordion-item/accordion-item.component.d.ts.map +1 -0
- package/tedi/components/cards/accordion/index.d.ts +3 -0
- package/tedi/components/cards/accordion/index.d.ts.map +1 -0
- package/tedi/components/cards/index.d.ts +2 -0
- package/tedi/components/cards/index.d.ts.map +1 -0
- package/tedi/components/form/form-field/form-field-control.d.ts +31 -0
- package/tedi/components/form/form-field/form-field-control.d.ts.map +1 -0
- package/tedi/components/form/form-field/form-field.component.d.ts +57 -0
- package/tedi/components/form/form-field/form-field.component.d.ts.map +1 -0
- package/tedi/components/form/index.d.ts +2 -0
- package/tedi/components/form/index.d.ts.map +1 -1
- package/tedi/components/form/text-field/text-field.component.d.ts +38 -0
- package/tedi/components/form/text-field/text-field.component.d.ts.map +1 -0
- package/tedi/components/index.d.ts +1 -0
- package/tedi/components/index.d.ts.map +1 -1
- package/tedi/components/loader/spinner/spinner.component.d.ts +3 -0
- package/tedi/components/loader/spinner/spinner.component.d.ts.map +1 -1
- package/tedi/components/tags/index.d.ts +1 -0
- package/tedi/components/tags/index.d.ts.map +1 -1
- package/tedi/components/tags/status-badge/status-badge.component.d.ts +55 -0
- package/tedi/components/tags/status-badge/status-badge.component.d.ts.map +1 -0
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, inject, computed, ViewEncapsulation, Component, Directive, ChangeDetectionStrategy,
|
|
2
|
+
import { input, inject, computed, ViewEncapsulation, Component, Directive, ChangeDetectionStrategy, model, contentChildren, effect, booleanAttribute, forwardRef, signal, viewChild, output, TemplateRef, Injector, contentChild, ElementRef, HostListener, Injectable, DestroyRef, Self, EventEmitter } from '@angular/core';
|
|
3
3
|
import * as i1 from '@tedi-design-system/angular/tedi';
|
|
4
4
|
import { BaseButtonDirective, IconComponent, ButtonComponent, generateUUID, FeedbackTextComponent, LabelComponent, BreakpointService, ClosingButtonComponent, TextComponent, TediTranslationPipe, SpinnerComponent, TediTranslationService, TooltipComponent, TooltipTriggerComponent, TooltipContentComponent, InfoButtonComponent, VerticalSpacingDirective, LinkComponent } from '@tedi-design-system/angular/tedi';
|
|
5
|
+
import { _IdGenerator, FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
|
|
6
|
+
import * as i1$1 from '@angular/common';
|
|
7
|
+
import { NgTemplateOutlet, NgStyle, CommonModule } from '@angular/common';
|
|
5
8
|
import * as i1$2 from '@angular/forms';
|
|
6
9
|
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
7
10
|
import * as i2 from '@angular/cdk/overlay';
|
|
8
11
|
import { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
|
|
9
12
|
import * as i3 from '@angular/cdk/listbox';
|
|
10
13
|
import { CdkListbox, CdkListboxModule } from '@angular/cdk/listbox';
|
|
11
|
-
import { FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
|
|
12
14
|
import { DialogRef, DIALOG_DATA, DialogModule, Dialog } from '@angular/cdk/dialog';
|
|
13
15
|
import { CdkScrollable } from '@angular/cdk/scrolling';
|
|
14
|
-
import * as i1$1 from '@angular/common';
|
|
15
|
-
import { NgStyle, CommonModule, NgTemplateOutlet } from '@angular/common';
|
|
16
16
|
import * as i2$1 from '@angular/cdk/menu';
|
|
17
17
|
import { CdkMenu, CdkMenuModule } from '@angular/cdk/menu';
|
|
18
18
|
import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
|
|
@@ -156,7 +156,7 @@ class CardComponent {
|
|
|
156
156
|
return modifiers.join(" ");
|
|
157
157
|
});
|
|
158
158
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
159
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardComponent, isStandalone: true, selector: "tedi-card", inputs: { borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, accentBorder: { classPropertyName: "accentBorder", publicName: "accentBorder", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card": "true", "class.tedi-card--borderless": "borderless()", "class.tedi-card--selected": "selected()", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card{--_card-border: var(--card-border-primary);--_card-selected-border: var(--card-border-selected);--_card-bg: var(--card-background-primary);--_card-timeline-color: var(--general-border-accent);--_card-radius: var(--card-radius-rounded);border-radius:var(--_card-radius);display:flex;flex-direction:column;position:relative}.tedi-card--background--accent{--_card-bg: var(--card-background-accent)}.tedi-card--border--accent{--_card-border: var(--card-background-accent)}.tedi-card--background--brand-primary{--_card-bg: var(--card-background-brand-primary)}.tedi-card--border--brand-primary{--_card-border: var(--card-background-brand-primary)}.tedi-card--background--brand-secondary{--_card-bg: var(--card-background-brand-secondary)}.tedi-card--border--brand-secondary{--_card-border: var(--card-background-brand-secondary)}.tedi-card--background--brand-tertiary{--_card-bg: var(--card-background-brand-tertiary)}.tedi-card--border--brand-tertiary{--_card-border: var(--card-background-brand-tertiary)}.tedi-card--background--brand-quaternary{--_card-bg: var(--card-background-brand-quaternary)}.tedi-card--border--brand-quaternary{--_card-border: var(--card-background-brand-quaternary)}.tedi-card--background--primary{--_card-bg: var(--card-background-primary)}.tedi-card--border--primary{--_card-border: var(--card-background-primary)}.tedi-card--background--secondary{--_card-bg: var(--card-background-secondary)}.tedi-card--border--secondary{--_card-border: var(--card-background-secondary)}.tedi-card--background--tertiary{--_card-bg: var(--card-background-tertiary)}.tedi-card--border--tertiary{--_card-border: var(--card-background-tertiary)}.tedi-card--background--info-primary{--_card-bg: var(--general-status-info-background-light)}.tedi-card--border--info-primary{--_card-border: var(--general-status-info-background-light)}.tedi-card--background--info-secondary{--_card-bg: var(--general-status-info-background-dark)}.tedi-card--border--info-secondary{--_card-border: var(--general-status-info-background-dark)}.tedi-card--background--neutral-primary{--_card-bg: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-primary{--_card-border: var(--general-status-neutral-background-light)}.tedi-card--background--neutral-secondary{--_card-bg: var(--general-status-neutral-background-dark)}.tedi-card--border--neutral-secondary{--_card-border: var(--general-status-neutral-background-dark)}.tedi-card--background--success-primary{--_card-bg: var(--card-background-success)}.tedi-card--border--success-primary{--_card-border: var(--card-background-success)}.tedi-card--background--success-secondary{--_card-bg: var(--general-status-success-background-secondary)}.tedi-card--border--success-secondary{--_card-border: var(--general-status-success-background-secondary)}.tedi-card--background--danger-primary{--_card-bg: var(--general-status-danger-background-primary)}.tedi-card--border--danger-primary{--_card-border: var(--general-status-danger-background-primary)}.tedi-card--background--danger-secondary{--_card-bg: var(--general-status-danger-background-secondary)}.tedi-card--border--danger-secondary{--_card-border: var(--general-status-danger-background-secondary)}.tedi-card--background--warning-primary{--_card-bg: var(--general-status-warning-background-light)}.tedi-card--border--warning-primary{--_card-border: var(--general-status-warning-background-light)}.tedi-card--background--warning-secondary{--_card-bg: var(--general-status-warning-background-dark)}.tedi-card--border--warning-secondary{--_card-border: var(--general-status-warning-background-dark)}.tedi-card--spacing-xs{--_card-padding: var(--card-padding-xs)}.tedi-card--spacing-sm{--_card-padding: var(--card-padding-sm)}.tedi-card--spacing-md{--_card-padding: var(--card-padding-md-default)}.tedi-card--spacing-lg{--_card-padding: var(--card-padding-lg)}.tedi-card--spacing-none{--_card-padding: 0}.tedi-card{--_card-padding-vertical: var(--_card-padding);--_card-padding-horizontal: var(--_card-padding);--_card-padding-top: var(--_card-padding-vertical);--_card-padding-bottom: var(--_card-padding-vertical);--_card-padding-left: var(--_card-padding-horizontal);--_card-padding-right: var(--_card-padding-horizontal)}.tedi-card--padding-vertical-xs,.tedi-card--padding-xs{--_card-padding-vertical: var(--card-padding-xs)}.tedi-card--padding-horizontal-xs,.tedi-card--padding-xs{--_card-padding-horizontal: var(--card-padding-xs)}.tedi-card--padding-top-xs,.tedi-card--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-bottom-xs,.tedi-card--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-left-xs,.tedi-card--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-right-xs,.tedi-card--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-vertical-sm,.tedi-card--padding-sm{--_card-padding-vertical: var(--card-padding-sm)}.tedi-card--padding-horizontal-sm,.tedi-card--padding-sm{--_card-padding-horizontal: var(--card-padding-sm)}.tedi-card--padding-top-sm,.tedi-card--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-bottom-sm,.tedi-card--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-left-sm,.tedi-card--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-right-sm,.tedi-card--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-vertical-md,.tedi-card--padding-md{--_card-padding-vertical: var(--card-padding-md-default)}.tedi-card--padding-horizontal-md,.tedi-card--padding-md{--_card-padding-horizontal: var(--card-padding-md-default)}.tedi-card--padding-top-md,.tedi-card--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-bottom-md,.tedi-card--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-left-md,.tedi-card--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-right-md,.tedi-card--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg,.tedi-card--padding-lg{--_card-padding-vertical: var(--card-padding-lg)}.tedi-card--padding-horizontal-lg,.tedi-card--padding-lg{--_card-padding-horizontal: var(--card-padding-lg)}.tedi-card--padding-top-lg,.tedi-card--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-bottom-lg,.tedi-card--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-left-lg,.tedi-card--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-right-lg,.tedi-card--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-vertical-none,.tedi-card--padding-none{--_card-padding-vertical: 0}.tedi-card--padding-horizontal-none,.tedi-card--padding-none{--_card-padding-horizontal: 0}.tedi-card--padding-top-none,.tedi-card--padding-none{--_card-padding-top: 0}.tedi-card--padding-bottom-none,.tedi-card--padding-none{--_card-padding-bottom: 0}.tedi-card--padding-left-none,.tedi-card--padding-none{--_card-padding-left: 0}.tedi-card--padding-right-none,.tedi-card--padding-none{--_card-padding-right: 0}.tedi-card--accent-border:before{content:\"\";display:block;position:absolute;left:0;top:0;bottom:0;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius);border-left:4px solid var(--_card-border-accent)}.tedi-card--accent-border--info{--_card-border-accent: var(--general-status-info-background-dark)}.tedi-card--accent-border--success{--_card-border-accent: var(--general-status-success-background-secondary)}.tedi-card--accent-border--warning{--_card-border-accent: var(--general-status-warning-background-dark)}.tedi-card--accent-border--danger{--_card-border-accent: var(--general-status-danger-background-secondary)}.tedi-card>.tedi-card-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:not(:first-child){border-top:transparent}.tedi-card>.tedi-card-content:not(.tedi-card-content--has-separator,:last-child){border-bottom:transparent}.tedi-card>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:last-child{border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row>.tedi-card-content:not(:first-child){border-left:transparent}.tedi-card>.tedi-card-row>.tedi-card-content:not(:last-child,.tedi-card-content--has-separator){border-right:transparent}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:last-child{border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:first-child{border-bottom-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:last-child{border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:not(:first-child)>.tedi-card-content{border-top:transparent}.tedi-card>.tedi-card-row:not(:last-child,.tedi-card-row--has-separator)>.tedi-card-content{border-bottom:transparent}.tedi-card--selected{outline:1px solid var(--_card-selected-border);outline-offset:-1px}.tedi-card--borderless{--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
159
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardComponent, isStandalone: true, selector: "tedi-card", inputs: { borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, accentBorder: { classPropertyName: "accentBorder", publicName: "accentBorder", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card": "true", "class.tedi-card--borderless": "borderless()", "class.tedi-card--selected": "selected()", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card{--_card-border: var(--card-border-primary);--_card-selected-border: var(--card-border-selected);--_card-bg: var(--card-background-primary);--_card-timeline-color: var(--general-border-accent);--_card-radius: var(--card-radius-rounded);border-radius:var(--_card-radius);display:flex;flex-direction:column;position:relative}.tedi-card--background--accent{--_card-bg: var(--card-background-accent)}.tedi-card--border--accent{--_card-border: var(--card-background-accent)}.tedi-card--background--brand-primary{--_card-bg: var(--card-background-brand-primary)}.tedi-card--border--brand-primary{--_card-border: var(--card-background-brand-primary)}.tedi-card--background--brand-secondary{--_card-bg: var(--card-background-brand-secondary)}.tedi-card--border--brand-secondary{--_card-border: var(--card-background-brand-secondary)}.tedi-card--background--brand-tertiary{--_card-bg: var(--card-background-brand-tertiary)}.tedi-card--border--brand-tertiary{--_card-border: var(--card-background-brand-tertiary)}.tedi-card--background--brand-quaternary{--_card-bg: var(--card-background-brand-quaternary)}.tedi-card--border--brand-quaternary{--_card-border: var(--card-background-brand-quaternary)}.tedi-card--background--primary{--_card-bg: var(--card-background-primary)}.tedi-card--border--primary{--_card-border: var(--card-background-primary)}.tedi-card--background--secondary{--_card-bg: var(--card-background-secondary)}.tedi-card--border--secondary{--_card-border: var(--card-background-secondary)}.tedi-card--background--tertiary{--_card-bg: var(--card-background-tertiary)}.tedi-card--border--tertiary{--_card-border: var(--card-background-tertiary)}.tedi-card--background--info-primary{--_card-bg: var(--general-status-info-background-light)}.tedi-card--border--info-primary{--_card-border: var(--general-status-info-background-light)}.tedi-card--background--info-secondary{--_card-bg: var(--general-status-info-background-dark)}.tedi-card--border--info-secondary{--_card-border: var(--general-status-info-background-dark)}.tedi-card--background--neutral-primary{--_card-bg: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-primary{--_card-border: var(--general-status-neutral-background-light)}.tedi-card--background--neutral-secondary{--_card-bg: var(--general-status-neutral-background-dark)}.tedi-card--border--neutral-secondary{--_card-border: var(--general-status-neutral-background-dark)}.tedi-card--background--success-primary{--_card-bg: var(--card-background-success)}.tedi-card--border--success-primary{--_card-border: var(--card-background-success)}.tedi-card--background--success-secondary{--_card-bg: var(--general-status-success-background-secondary)}.tedi-card--border--success-secondary{--_card-border: var(--general-status-success-background-secondary)}.tedi-card--background--danger-primary{--_card-bg: var(--general-status-danger-background-primary)}.tedi-card--border--danger-primary{--_card-border: var(--general-status-danger-background-primary)}.tedi-card--background--danger-secondary{--_card-bg: var(--general-status-danger-background-secondary)}.tedi-card--border--danger-secondary{--_card-border: var(--general-status-danger-background-secondary)}.tedi-card--background--warning-primary{--_card-bg: var(--general-status-warning-background-light)}.tedi-card--border--warning-primary{--_card-border: var(--general-status-warning-background-light)}.tedi-card--background--warning-secondary{--_card-bg: var(--general-status-warning-background-dark)}.tedi-card--border--warning-secondary{--_card-border: var(--general-status-warning-background-dark)}.tedi-card--spacing-xs{--_card-padding-top: var(--card-padding-xs);--_card-padding-bottom: var(--card-padding-xs);--_card-padding-left: var(--card-padding-xs);--_card-padding-right: var(--card-padding-xs)}.tedi-card--spacing-sm{--_card-padding-top: var(--card-padding-sm);--_card-padding-bottom: var(--card-padding-sm);--_card-padding-left: var(--card-padding-sm);--_card-padding-right: var(--card-padding-sm)}.tedi-card--spacing-md{--_card-padding-top: var(--card-padding-md-default);--_card-padding-bottom: var(--card-padding-md-default);--_card-padding-left: var(--card-padding-md-default);--_card-padding-right: var(--card-padding-md-default)}.tedi-card--spacing-lg{--_card-padding-top: var(--card-padding-lg);--_card-padding-bottom: var(--card-padding-lg);--_card-padding-left: var(--card-padding-lg);--_card-padding-right: var(--card-padding-lg)}.tedi-card--spacing-none{--_card-padding-top: 0;--_card-padding-bottom: 0;--_card-padding-left: 0;--_card-padding-right: 0}.tedi-card--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-top: 0}.tedi-card--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-bottom: 0}.tedi-card--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-left: 0}.tedi-card--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-right: 0}.tedi-card--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-top: 0}.tedi-card--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-left: 0}.tedi-card--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-right: 0}.tedi-card--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-top-none{--_card-padding-top: 0}.tedi-card--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-left-none{--_card-padding-left: 0}.tedi-card--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-right-none{--_card-padding-right: 0}.tedi-card--accent-border:before{content:\"\";display:block;position:absolute;left:0;top:0;bottom:0;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius);border-left:4px solid var(--_card-border-accent)}.tedi-card--accent-border--info{--_card-border-accent: var(--general-status-info-background-dark)}.tedi-card--accent-border--success{--_card-border-accent: var(--general-status-success-background-secondary)}.tedi-card--accent-border--warning{--_card-border-accent: var(--general-status-warning-background-dark)}.tedi-card--accent-border--danger{--_card-border-accent: var(--general-status-danger-background-secondary)}.tedi-card>.tedi-card-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:not(:first-child){border-top:transparent}.tedi-card>.tedi-card-content:not(.tedi-card-content--has-separator,:last-child){border-bottom:transparent}.tedi-card>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:last-child{border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row>.tedi-card-content:not(:first-child){border-left:transparent}.tedi-card>.tedi-card-row>.tedi-card-content:not(:last-child,.tedi-card-content--has-separator){border-right:transparent}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:last-child{border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:first-child{border-bottom-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:last-child{border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:not(:first-child)>.tedi-card-content{border-top:transparent}.tedi-card>.tedi-card-row:not(:last-child,.tedi-card-row--has-separator)>.tedi-card-content{border-bottom:transparent}.tedi-card--selected{outline:1px solid var(--_card-selected-border);outline-offset:-1px}.tedi-card--borderless{--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
160
160
|
}
|
|
161
161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardComponent, decorators: [{
|
|
162
162
|
type: Component,
|
|
@@ -174,24 +174,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
174
174
|
directive: CardPaddingDirective,
|
|
175
175
|
inputs: ["padding"],
|
|
176
176
|
},
|
|
177
|
-
], template: "<ng-content></ng-content>\n", styles: [".tedi-card{--_card-border: var(--card-border-primary);--_card-selected-border: var(--card-border-selected);--_card-bg: var(--card-background-primary);--_card-timeline-color: var(--general-border-accent);--_card-radius: var(--card-radius-rounded);border-radius:var(--_card-radius);display:flex;flex-direction:column;position:relative}.tedi-card--background--accent{--_card-bg: var(--card-background-accent)}.tedi-card--border--accent{--_card-border: var(--card-background-accent)}.tedi-card--background--brand-primary{--_card-bg: var(--card-background-brand-primary)}.tedi-card--border--brand-primary{--_card-border: var(--card-background-brand-primary)}.tedi-card--background--brand-secondary{--_card-bg: var(--card-background-brand-secondary)}.tedi-card--border--brand-secondary{--_card-border: var(--card-background-brand-secondary)}.tedi-card--background--brand-tertiary{--_card-bg: var(--card-background-brand-tertiary)}.tedi-card--border--brand-tertiary{--_card-border: var(--card-background-brand-tertiary)}.tedi-card--background--brand-quaternary{--_card-bg: var(--card-background-brand-quaternary)}.tedi-card--border--brand-quaternary{--_card-border: var(--card-background-brand-quaternary)}.tedi-card--background--primary{--_card-bg: var(--card-background-primary)}.tedi-card--border--primary{--_card-border: var(--card-background-primary)}.tedi-card--background--secondary{--_card-bg: var(--card-background-secondary)}.tedi-card--border--secondary{--_card-border: var(--card-background-secondary)}.tedi-card--background--tertiary{--_card-bg: var(--card-background-tertiary)}.tedi-card--border--tertiary{--_card-border: var(--card-background-tertiary)}.tedi-card--background--info-primary{--_card-bg: var(--general-status-info-background-light)}.tedi-card--border--info-primary{--_card-border: var(--general-status-info-background-light)}.tedi-card--background--info-secondary{--_card-bg: var(--general-status-info-background-dark)}.tedi-card--border--info-secondary{--_card-border: var(--general-status-info-background-dark)}.tedi-card--background--neutral-primary{--_card-bg: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-primary{--_card-border: var(--general-status-neutral-background-light)}.tedi-card--background--neutral-secondary{--_card-bg: var(--general-status-neutral-background-dark)}.tedi-card--border--neutral-secondary{--_card-border: var(--general-status-neutral-background-dark)}.tedi-card--background--success-primary{--_card-bg: var(--card-background-success)}.tedi-card--border--success-primary{--_card-border: var(--card-background-success)}.tedi-card--background--success-secondary{--_card-bg: var(--general-status-success-background-secondary)}.tedi-card--border--success-secondary{--_card-border: var(--general-status-success-background-secondary)}.tedi-card--background--danger-primary{--_card-bg: var(--general-status-danger-background-primary)}.tedi-card--border--danger-primary{--_card-border: var(--general-status-danger-background-primary)}.tedi-card--background--danger-secondary{--_card-bg: var(--general-status-danger-background-secondary)}.tedi-card--border--danger-secondary{--_card-border: var(--general-status-danger-background-secondary)}.tedi-card--background--warning-primary{--_card-bg: var(--general-status-warning-background-light)}.tedi-card--border--warning-primary{--_card-border: var(--general-status-warning-background-light)}.tedi-card--background--warning-secondary{--_card-bg: var(--general-status-warning-background-dark)}.tedi-card--border--warning-secondary{--_card-border: var(--general-status-warning-background-dark)}.tedi-card--spacing-xs{--_card-padding: var(--card-padding-xs)}.tedi-card--spacing-sm{--_card-padding: var(--card-padding-sm)}.tedi-card--spacing-md{--_card-padding: var(--card-padding-md-default)}.tedi-card--spacing-lg{--_card-padding: var(--card-padding-lg)}.tedi-card--spacing-none{--_card-padding: 0}.tedi-card{--_card-padding-vertical: var(--_card-padding);--_card-padding-horizontal: var(--_card-padding);--_card-padding-top: var(--_card-padding-vertical);--_card-padding-bottom: var(--_card-padding-vertical);--_card-padding-left: var(--_card-padding-horizontal);--_card-padding-right: var(--_card-padding-horizontal)}.tedi-card--padding-vertical-xs,.tedi-card--padding-xs{--_card-padding-vertical: var(--card-padding-xs)}.tedi-card--padding-horizontal-xs,.tedi-card--padding-xs{--_card-padding-horizontal: var(--card-padding-xs)}.tedi-card--padding-top-xs,.tedi-card--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-bottom-xs,.tedi-card--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-left-xs,.tedi-card--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-right-xs,.tedi-card--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-vertical-sm,.tedi-card--padding-sm{--_card-padding-vertical: var(--card-padding-sm)}.tedi-card--padding-horizontal-sm,.tedi-card--padding-sm{--_card-padding-horizontal: var(--card-padding-sm)}.tedi-card--padding-top-sm,.tedi-card--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-bottom-sm,.tedi-card--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-left-sm,.tedi-card--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-right-sm,.tedi-card--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-vertical-md,.tedi-card--padding-md{--_card-padding-vertical: var(--card-padding-md-default)}.tedi-card--padding-horizontal-md,.tedi-card--padding-md{--_card-padding-horizontal: var(--card-padding-md-default)}.tedi-card--padding-top-md,.tedi-card--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-bottom-md,.tedi-card--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-left-md,.tedi-card--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-right-md,.tedi-card--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg,.tedi-card--padding-lg{--_card-padding-vertical: var(--card-padding-lg)}.tedi-card--padding-horizontal-lg,.tedi-card--padding-lg{--_card-padding-horizontal: var(--card-padding-lg)}.tedi-card--padding-top-lg,.tedi-card--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-bottom-lg,.tedi-card--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-left-lg,.tedi-card--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-right-lg,.tedi-card--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-vertical-none,.tedi-card--padding-none{--_card-padding-vertical: 0}.tedi-card--padding-horizontal-none,.tedi-card--padding-none{--_card-padding-horizontal: 0}.tedi-card--padding-top-none,.tedi-card--padding-none{--_card-padding-top: 0}.tedi-card--padding-bottom-none,.tedi-card--padding-none{--_card-padding-bottom: 0}.tedi-card--padding-left-none,.tedi-card--padding-none{--_card-padding-left: 0}.tedi-card--padding-right-none,.tedi-card--padding-none{--_card-padding-right: 0}.tedi-card--accent-border:before{content:\"\";display:block;position:absolute;left:0;top:0;bottom:0;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius);border-left:4px solid var(--_card-border-accent)}.tedi-card--accent-border--info{--_card-border-accent: var(--general-status-info-background-dark)}.tedi-card--accent-border--success{--_card-border-accent: var(--general-status-success-background-secondary)}.tedi-card--accent-border--warning{--_card-border-accent: var(--general-status-warning-background-dark)}.tedi-card--accent-border--danger{--_card-border-accent: var(--general-status-danger-background-secondary)}.tedi-card>.tedi-card-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:not(:first-child){border-top:transparent}.tedi-card>.tedi-card-content:not(.tedi-card-content--has-separator,:last-child){border-bottom:transparent}.tedi-card>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:last-child{border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row>.tedi-card-content:not(:first-child){border-left:transparent}.tedi-card>.tedi-card-row>.tedi-card-content:not(:last-child,.tedi-card-content--has-separator){border-right:transparent}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:last-child{border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:first-child{border-bottom-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:last-child{border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:not(:first-child)>.tedi-card-content{border-top:transparent}.tedi-card>.tedi-card-row:not(:last-child,.tedi-card-row--has-separator)>.tedi-card-content{border-bottom:transparent}.tedi-card--selected{outline:1px solid var(--_card-selected-border);outline-offset:-1px}.tedi-card--borderless{--_card-border: transparent}\n"] }]
|
|
177
|
+
], template: "<ng-content></ng-content>\n", styles: [".tedi-card{--_card-border: var(--card-border-primary);--_card-selected-border: var(--card-border-selected);--_card-bg: var(--card-background-primary);--_card-timeline-color: var(--general-border-accent);--_card-radius: var(--card-radius-rounded);border-radius:var(--_card-radius);display:flex;flex-direction:column;position:relative}.tedi-card--background--accent{--_card-bg: var(--card-background-accent)}.tedi-card--border--accent{--_card-border: var(--card-background-accent)}.tedi-card--background--brand-primary{--_card-bg: var(--card-background-brand-primary)}.tedi-card--border--brand-primary{--_card-border: var(--card-background-brand-primary)}.tedi-card--background--brand-secondary{--_card-bg: var(--card-background-brand-secondary)}.tedi-card--border--brand-secondary{--_card-border: var(--card-background-brand-secondary)}.tedi-card--background--brand-tertiary{--_card-bg: var(--card-background-brand-tertiary)}.tedi-card--border--brand-tertiary{--_card-border: var(--card-background-brand-tertiary)}.tedi-card--background--brand-quaternary{--_card-bg: var(--card-background-brand-quaternary)}.tedi-card--border--brand-quaternary{--_card-border: var(--card-background-brand-quaternary)}.tedi-card--background--primary{--_card-bg: var(--card-background-primary)}.tedi-card--border--primary{--_card-border: var(--card-background-primary)}.tedi-card--background--secondary{--_card-bg: var(--card-background-secondary)}.tedi-card--border--secondary{--_card-border: var(--card-background-secondary)}.tedi-card--background--tertiary{--_card-bg: var(--card-background-tertiary)}.tedi-card--border--tertiary{--_card-border: var(--card-background-tertiary)}.tedi-card--background--info-primary{--_card-bg: var(--general-status-info-background-light)}.tedi-card--border--info-primary{--_card-border: var(--general-status-info-background-light)}.tedi-card--background--info-secondary{--_card-bg: var(--general-status-info-background-dark)}.tedi-card--border--info-secondary{--_card-border: var(--general-status-info-background-dark)}.tedi-card--background--neutral-primary{--_card-bg: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-primary{--_card-border: var(--general-status-neutral-background-light)}.tedi-card--background--neutral-secondary{--_card-bg: var(--general-status-neutral-background-dark)}.tedi-card--border--neutral-secondary{--_card-border: var(--general-status-neutral-background-dark)}.tedi-card--background--success-primary{--_card-bg: var(--card-background-success)}.tedi-card--border--success-primary{--_card-border: var(--card-background-success)}.tedi-card--background--success-secondary{--_card-bg: var(--general-status-success-background-secondary)}.tedi-card--border--success-secondary{--_card-border: var(--general-status-success-background-secondary)}.tedi-card--background--danger-primary{--_card-bg: var(--general-status-danger-background-primary)}.tedi-card--border--danger-primary{--_card-border: var(--general-status-danger-background-primary)}.tedi-card--background--danger-secondary{--_card-bg: var(--general-status-danger-background-secondary)}.tedi-card--border--danger-secondary{--_card-border: var(--general-status-danger-background-secondary)}.tedi-card--background--warning-primary{--_card-bg: var(--general-status-warning-background-light)}.tedi-card--border--warning-primary{--_card-border: var(--general-status-warning-background-light)}.tedi-card--background--warning-secondary{--_card-bg: var(--general-status-warning-background-dark)}.tedi-card--border--warning-secondary{--_card-border: var(--general-status-warning-background-dark)}.tedi-card--spacing-xs{--_card-padding-top: var(--card-padding-xs);--_card-padding-bottom: var(--card-padding-xs);--_card-padding-left: var(--card-padding-xs);--_card-padding-right: var(--card-padding-xs)}.tedi-card--spacing-sm{--_card-padding-top: var(--card-padding-sm);--_card-padding-bottom: var(--card-padding-sm);--_card-padding-left: var(--card-padding-sm);--_card-padding-right: var(--card-padding-sm)}.tedi-card--spacing-md{--_card-padding-top: var(--card-padding-md-default);--_card-padding-bottom: var(--card-padding-md-default);--_card-padding-left: var(--card-padding-md-default);--_card-padding-right: var(--card-padding-md-default)}.tedi-card--spacing-lg{--_card-padding-top: var(--card-padding-lg);--_card-padding-bottom: var(--card-padding-lg);--_card-padding-left: var(--card-padding-lg);--_card-padding-right: var(--card-padding-lg)}.tedi-card--spacing-none{--_card-padding-top: 0;--_card-padding-bottom: 0;--_card-padding-left: 0;--_card-padding-right: 0}.tedi-card--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-top: 0}.tedi-card--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-bottom: 0}.tedi-card--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-left: 0}.tedi-card--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-right: 0}.tedi-card--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-top: 0}.tedi-card--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-left: 0}.tedi-card--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-right: 0}.tedi-card--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-top-none{--_card-padding-top: 0}.tedi-card--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-left-none{--_card-padding-left: 0}.tedi-card--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-right-none{--_card-padding-right: 0}.tedi-card--accent-border:before{content:\"\";display:block;position:absolute;left:0;top:0;bottom:0;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius);border-left:4px solid var(--_card-border-accent)}.tedi-card--accent-border--info{--_card-border-accent: var(--general-status-info-background-dark)}.tedi-card--accent-border--success{--_card-border-accent: var(--general-status-success-background-secondary)}.tedi-card--accent-border--warning{--_card-border-accent: var(--general-status-warning-background-dark)}.tedi-card--accent-border--danger{--_card-border-accent: var(--general-status-danger-background-secondary)}.tedi-card>.tedi-card-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:not(:first-child){border-top:transparent}.tedi-card>.tedi-card-content:not(.tedi-card-content--has-separator,:last-child){border-bottom:transparent}.tedi-card>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:last-child{border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row>.tedi-card-content:not(:first-child){border-left:transparent}.tedi-card>.tedi-card-row>.tedi-card-content:not(:last-child,.tedi-card-content--has-separator){border-right:transparent}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:last-child{border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:first-child{border-bottom-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:last-child{border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:not(:first-child)>.tedi-card-content{border-top:transparent}.tedi-card>.tedi-card-row:not(:last-child,.tedi-card-row--has-separator)>.tedi-card-content{border-bottom:transparent}.tedi-card--selected{outline:1px solid var(--_card-selected-border);outline-offset:-1px}.tedi-card--borderless{--_card-border: transparent}\n"] }]
|
|
178
178
|
}] });
|
|
179
179
|
|
|
180
180
|
class AccordionItemComponent {
|
|
181
181
|
/**
|
|
182
182
|
* Accordion item id
|
|
183
183
|
*/
|
|
184
|
-
id = input
|
|
184
|
+
id = input();
|
|
185
185
|
/**
|
|
186
186
|
* Whether accordion item is selected
|
|
187
187
|
*/
|
|
188
188
|
selected = input(false);
|
|
189
|
-
opened =
|
|
189
|
+
opened = model(false);
|
|
190
|
+
idGenerator = inject(_IdGenerator);
|
|
191
|
+
itemId = computed(() => this.id() || this.idGenerator.getId("accordion"));
|
|
190
192
|
headerId = computed(() => {
|
|
191
|
-
return `tedi-accordion-header-${this.
|
|
193
|
+
return `tedi-accordion-header-${this.itemId()}`;
|
|
192
194
|
});
|
|
193
195
|
contentId = computed(() => {
|
|
194
|
-
return `tedi-accordion-content-${this.
|
|
196
|
+
return `tedi-accordion-content-${this.itemId()}`;
|
|
195
197
|
});
|
|
196
198
|
open() {
|
|
197
199
|
this.opened.set(true);
|
|
@@ -203,15 +205,18 @@ class AccordionItemComponent {
|
|
|
203
205
|
this.opened.update((wasOpened) => !wasOpened);
|
|
204
206
|
}
|
|
205
207
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
206
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemComponent, isStandalone: true, selector: "tedi-accordion-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired:
|
|
208
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemComponent, isStandalone: true, selector: "tedi-accordion-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "class.tedi-accordion-item": "true" } }, ngImport: i0, template: "<tedi-card\n [selected]=\"selected()\"\n class=\"tedi-accordion-item__card\"\n [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 16px;--_accordion-header-title-spacing: 8px;--_accordion-title-color: var(--general-text-secondary)}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
207
209
|
}
|
|
208
210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemComponent, decorators: [{
|
|
209
211
|
type: Component,
|
|
210
212
|
args: [{ selector: "tedi-accordion-item", standalone: true, imports: [CardComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
211
213
|
"[class.tedi-accordion-item]": "true",
|
|
212
|
-
}, template: "<tedi-card\n [selected]=\"selected()\"\n class=\"tedi-accordion-item__card\"\n [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 8px}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"] }]
|
|
214
|
+
}, template: "<tedi-card\n [selected]=\"selected()\"\n class=\"tedi-accordion-item__card\"\n [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 16px;--_accordion-header-title-spacing: 8px;--_accordion-title-color: var(--general-text-secondary)}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"] }]
|
|
213
215
|
}] });
|
|
214
216
|
|
|
217
|
+
/**
|
|
218
|
+
* @deprecated Use Accordion from TEDI-ready instead. This component will be removed from future versions.
|
|
219
|
+
*/
|
|
215
220
|
class AccordionComponent {
|
|
216
221
|
/**
|
|
217
222
|
* id-s of items that should be opened by default.
|
|
@@ -304,7 +309,7 @@ class CardContentComponent {
|
|
|
304
309
|
*/
|
|
305
310
|
timeline = input(false, { transform: booleanAttribute });
|
|
306
311
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
307
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardContentComponent, isStandalone: true, selector: "tedi-card-content", inputs: { hasSeparator: { classPropertyName: "hasSeparator", publicName: "hasSeparator", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, timeline: { classPropertyName: "timeline", publicName: "timeline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-content": "true", "class.tedi-card-content--has-separator": "hasSeparator() || timeline()", "class.tedi-card-content--auto-width": "autoWidth()", "class.tedi-card-content--timeline": "timeline()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-content{display:block;background-color:var(--_card-bg);border:1px solid var(--_card-border);padding:var(--_card-padding-top) var(--_card-padding-right) var(--_card-padding-bottom) var(--_card-padding-left)
|
|
312
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardContentComponent, isStandalone: true, selector: "tedi-card-content", inputs: { hasSeparator: { classPropertyName: "hasSeparator", publicName: "hasSeparator", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, timeline: { classPropertyName: "timeline", publicName: "timeline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-content": "true", "class.tedi-card-content--has-separator": "hasSeparator() || timeline()", "class.tedi-card-content--auto-width": "autoWidth()", "class.tedi-card-content--timeline": "timeline()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-content{display:block;background-color:var(--_card-bg);border:1px solid var(--_card-border);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-content--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-top: 0}.tedi-card-content--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-bottom: 0}.tedi-card-content--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-left: 0}.tedi-card-content--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-right: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-top: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-content--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-top-none{--_card-padding-top: 0}.tedi-card-content--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-content--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-left-none{--_card-padding-left: 0}.tedi-card-content--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-right-none{--_card-padding-right: 0}.tedi-card-content{flex:1 1 0}.tedi-card-content--auto-width{flex-grow:0}.tedi-card-content--timeline{position:relative;border-right:1px solid var(--_card-timeline-color)}.tedi-card-content--timeline:after{content:\"\";display:block;background-color:var(--_card-timeline-color);position:absolute;top:22px;right:-.5px;transform:translate(50%);width:9px;height:9px;border-radius:50%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
308
313
|
}
|
|
309
314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardContentComponent, decorators: [{
|
|
310
315
|
type: Component,
|
|
@@ -322,7 +327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
322
327
|
directive: CardPaddingDirective,
|
|
323
328
|
inputs: ["padding"],
|
|
324
329
|
},
|
|
325
|
-
], template: "<ng-content></ng-content>\n", styles: [".tedi-card-content{display:block;background-color:var(--_card-bg);border:1px solid var(--_card-border);padding:var(--_card-padding-top) var(--_card-padding-right) var(--_card-padding-bottom) var(--_card-padding-left)
|
|
330
|
+
], template: "<ng-content></ng-content>\n", styles: [".tedi-card-content{display:block;background-color:var(--_card-bg);border:1px solid var(--_card-border);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-content--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-top: 0}.tedi-card-content--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-bottom: 0}.tedi-card-content--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-left: 0}.tedi-card-content--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-right: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-top: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-content--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-top-none{--_card-padding-top: 0}.tedi-card-content--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-content--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-left-none{--_card-padding-left: 0}.tedi-card-content--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-right-none{--_card-padding-right: 0}.tedi-card-content{flex:1 1 0}.tedi-card-content--auto-width{flex-grow:0}.tedi-card-content--timeline{position:relative;border-right:1px solid var(--_card-timeline-color)}.tedi-card-content--timeline:after{content:\"\";display:block;background-color:var(--_card-timeline-color);position:absolute;top:22px;right:-.5px;transform:translate(50%);width:9px;height:9px;border-radius:50%}\n"] }]
|
|
326
331
|
}] });
|
|
327
332
|
|
|
328
333
|
class AccordionItemContentComponent {
|
|
@@ -330,14 +335,15 @@ class AccordionItemContentComponent {
|
|
|
330
335
|
accordionItem = inject(AccordionItemComponent);
|
|
331
336
|
headerId = this.accordionItem.headerId;
|
|
332
337
|
contentId = this.accordionItem.contentId;
|
|
338
|
+
opened = this.accordionItem.opened;
|
|
333
339
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
334
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemContentComponent, isStandalone: true, selector: "tedi-accordion-item-content", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-content": "true" } }, ngImport: i0, template: "<tedi-card-content\n [background]=\"background()\"\n [id]=\"contentId()\"\n role=\"region\"\n [attr.aria-labelledby]=\"headerId()\"\n>\n <ng-content></ng-content>\n</tedi-card-content>\n", styles: [".tedi-accordion-item-content{display:block;overflow:hidden}\n"], dependencies: [{ kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
340
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemContentComponent, isStandalone: true, selector: "tedi-accordion-item-content", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-content": "true" } }, ngImport: i0, template: "<tedi-card-content\n [background]=\"background()\"\n [id]=\"contentId()\"\n role=\"region\"\n [attr.aria-labelledby]=\"headerId()\"\n [attr.aria-hidden]=\"!opened()\"\n [attr.inert]=\"!opened() ? '' : null\"\n>\n <ng-content></ng-content>\n</tedi-card-content>\n", styles: [".tedi-accordion-item-content{display:block;overflow:hidden}\n"], dependencies: [{ kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
335
341
|
}
|
|
336
342
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemContentComponent, decorators: [{
|
|
337
343
|
type: Component,
|
|
338
344
|
args: [{ selector: "tedi-accordion-item-content", standalone: true, imports: [CardContentComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
339
345
|
"[class.tedi-accordion-item-content]": "true",
|
|
340
|
-
}, template: "<tedi-card-content\n [background]=\"background()\"\n [id]=\"contentId()\"\n role=\"region\"\n [attr.aria-labelledby]=\"headerId()\"\n>\n <ng-content></ng-content>\n</tedi-card-content>\n", styles: [".tedi-accordion-item-content{display:block;overflow:hidden}\n"] }]
|
|
346
|
+
}, template: "<tedi-card-content\n [background]=\"background()\"\n [id]=\"contentId()\"\n role=\"region\"\n [attr.aria-labelledby]=\"headerId()\"\n [attr.aria-hidden]=\"!opened()\"\n [attr.inert]=\"!opened() ? '' : null\"\n>\n <ng-content></ng-content>\n</tedi-card-content>\n", styles: [".tedi-accordion-item-content{display:block;overflow:hidden}\n"] }]
|
|
341
347
|
}] });
|
|
342
348
|
|
|
343
349
|
class CardHeaderComponent {
|
|
@@ -349,7 +355,7 @@ class CardHeaderComponent {
|
|
|
349
355
|
return `tedi-card-header--${this.variant()}`;
|
|
350
356
|
});
|
|
351
357
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
352
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardHeaderComponent, isStandalone: true, selector: "tedi-card-header, [tedi-card-header]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-header": "true", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-header{border:1px solid var(--_card-border);background:var(--_card-bg);padding:var(--_card-padding-top) var(--_card-padding-right) var(--_card-padding-bottom) var(--_card-padding-left)}.tedi-card-header--primary{--_card-bg: var(--card-background-primary);--_card-border: var(--card-border-primary)}.tedi-card-header--secondary{--_card-bg: var(--card-background-secondary);--_card-border: var(--card-border-primary)}.tedi-card-header--tertiary{--_card-bg: var(--card-background-tertiary);--_card-border: var(--card-border-primary)}.tedi-card-header--brand{--_card-bg: linear-gradient(140deg, #005295 -17.66%, #1769ab 71.2%);--_card-border: transparent}.tedi-card-header--brand-dark{--_card-bg: var(--card-background-brand-secondary);--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
358
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardHeaderComponent, isStandalone: true, selector: "tedi-card-header, [tedi-card-header]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-header": "true", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-header{border:1px solid var(--_card-border);background:var(--_card-bg);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-header--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-top: 0}.tedi-card-header--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-bottom: 0}.tedi-card-header--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-left: 0}.tedi-card-header--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-right: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-top: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-header--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-top-none{--_card-padding-top: 0}.tedi-card-header--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-header--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-left-none{--_card-padding-left: 0}.tedi-card-header--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-right-none{--_card-padding-right: 0}.tedi-card-header--primary{--_card-bg: var(--card-background-primary);--_card-border: var(--card-border-primary)}.tedi-card-header--secondary{--_card-bg: var(--card-background-secondary);--_card-border: var(--card-border-primary)}.tedi-card-header--tertiary{--_card-bg: var(--card-background-tertiary);--_card-border: var(--card-border-primary)}.tedi-card-header--brand{--_card-bg: linear-gradient(140deg, #005295 -17.66%, #1769ab 71.2%);--_card-border: transparent}.tedi-card-header--brand-dark{--_card-bg: var(--card-background-brand-secondary);--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
353
359
|
}
|
|
354
360
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardHeaderComponent, decorators: [{
|
|
355
361
|
type: Component,
|
|
@@ -365,7 +371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
365
371
|
directive: CardPaddingDirective,
|
|
366
372
|
inputs: ["padding"],
|
|
367
373
|
},
|
|
368
|
-
], template: "<ng-content></ng-content>\n", styles: [".tedi-card-header{border:1px solid var(--_card-border);background:var(--_card-bg);padding:var(--_card-padding-top) var(--_card-padding-right) var(--_card-padding-bottom) var(--_card-padding-left)}.tedi-card-header--primary{--_card-bg: var(--card-background-primary);--_card-border: var(--card-border-primary)}.tedi-card-header--secondary{--_card-bg: var(--card-background-secondary);--_card-border: var(--card-border-primary)}.tedi-card-header--tertiary{--_card-bg: var(--card-background-tertiary);--_card-border: var(--card-border-primary)}.tedi-card-header--brand{--_card-bg: linear-gradient(140deg, #005295 -17.66%, #1769ab 71.2%);--_card-border: transparent}.tedi-card-header--brand-dark{--_card-bg: var(--card-background-brand-secondary);--_card-border: transparent}\n"] }]
|
|
374
|
+
], template: "<ng-content></ng-content>\n", styles: [".tedi-card-header{border:1px solid var(--_card-border);background:var(--_card-bg);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-header--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-top: 0}.tedi-card-header--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-bottom: 0}.tedi-card-header--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-left: 0}.tedi-card-header--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-right: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-top: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-header--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-top-none{--_card-padding-top: 0}.tedi-card-header--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-header--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-left-none{--_card-padding-left: 0}.tedi-card-header--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-right-none{--_card-padding-right: 0}.tedi-card-header--primary{--_card-bg: var(--card-background-primary);--_card-border: var(--card-border-primary)}.tedi-card-header--secondary{--_card-bg: var(--card-background-secondary);--_card-border: var(--card-border-primary)}.tedi-card-header--tertiary{--_card-bg: var(--card-background-tertiary);--_card-border: var(--card-border-primary)}.tedi-card-header--brand{--_card-bg: linear-gradient(140deg, #005295 -17.66%, #1769ab 71.2%);--_card-border: transparent}.tedi-card-header--brand-dark{--_card-bg: var(--card-background-brand-secondary);--_card-border: transparent}\n"] }]
|
|
369
375
|
}] });
|
|
370
376
|
|
|
371
377
|
const WHITE_ICON_VARIANTS = ["brand", "brand-dark"];
|
|
@@ -395,6 +401,14 @@ class AccordionItemHeaderComponent {
|
|
|
395
401
|
* Color of the indicator arrow
|
|
396
402
|
*/
|
|
397
403
|
indicatorColor = input();
|
|
404
|
+
/**
|
|
405
|
+
* Whether indicator is displayed before or after the main content
|
|
406
|
+
*/
|
|
407
|
+
indicatorPosition = input("end");
|
|
408
|
+
/**
|
|
409
|
+
* Whether header is clickable
|
|
410
|
+
*/
|
|
411
|
+
clickable = input(true);
|
|
398
412
|
accordionItem = inject(AccordionItemComponent);
|
|
399
413
|
opened = this.accordionItem.opened;
|
|
400
414
|
headerId = this.accordionItem.headerId;
|
|
@@ -417,13 +431,18 @@ class AccordionItemHeaderComponent {
|
|
|
417
431
|
this.accordionItem.toggle();
|
|
418
432
|
}
|
|
419
433
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
420
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: AccordionItemHeaderComponent, isStandalone: true, selector: "tedi-accordion-item-header", inputs: { indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, openText: { classPropertyName: "openText", publicName: "openText", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, indicatorColor: { classPropertyName: "indicatorColor", publicName: "indicatorColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-header-host": "true" } }, ngImport: i0, template: "<button\n [id]=\"headerId()\"\n tedi-card-header\n [variant]=\"variant()\"\n [background]=\"background()\"\n class=\"tedi-accordion-item-header\"\n [class.tedi-accordion-item-header--opened]=\"opened()\"\n [attr.aria-expanded]=\"opened()\"\n [attr.aria-controls]=\"contentId()\"\n (click)=\"toggle()\"\n>\n <
|
|
434
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: AccordionItemHeaderComponent, isStandalone: true, selector: "tedi-accordion-item-header", inputs: { indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, openText: { classPropertyName: "openText", publicName: "openText", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, indicatorColor: { classPropertyName: "indicatorColor", publicName: "indicatorColor", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-header-host": "true" } }, ngImport: i0, template: "<button\n [id]=\"headerId()\"\n tedi-card-header\n [variant]=\"variant()\"\n [background]=\"background()\"\n class=\"tedi-accordion-item-header\"\n [class.tedi-accordion-item-header--opened]=\"opened()\"\n [attr.aria-expanded]=\"opened()\"\n [attr.aria-controls]=\"contentId()\"\n (click)=\"toggle()\"\n [disabled]=\"!clickable()\"\n>\n <div class=\"tedi-accordion-item-header__title\">\n @if (indicator() && indicatorPosition() === \"start\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n <ng-content></ng-content>\n </div>\n @if (indicator() && indicatorPosition() === \"end\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n @if (toggleButtonText()) {\n <span\n tedi-button\n variant=\"neutral\"\n class=\"tedi-accordion-item-header__toggle\"\n >\n {{ toggleButtonText() }}\n <tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n color=\"brand\"\n />\n </span>\n }\n <ng-content select=\"[tedi-accordion-header-end]\"></ng-content>\n</button>\n\n<ng-template #indicatorIcon\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n [size]=\"24\"\n [color]=\"indicatorIconColor()\"\n/></ng-template>\n", styles: [".tedi-accordion-item-header-host{display:contents}.tedi-accordion-item-header{font-size:inherit;display:flex;gap:var(--_accordion-header-spacing);align-items:center;text-align:start}.tedi-accordion-item-header:not([disabled]){cursor:pointer}.tedi-accordion-item-header__title{flex-grow:1;display:flex;gap:var(--_accordion-header-title-spacing);color:var(--_accordion-title-color);align-items:center}.tedi-accordion-item-header__indicator{transition:transform .3s}.tedi-accordion-item-header .tedi-accordion-item-header__toggle{--_btn-padding-y: 0}.tedi-accordion-item-header--opened>.tedi-accordion-item-header__indicator,.tedi-accordion-item-header--opened>.tedi-accordion-item-header__toggle>.tedi-accordion-item-header__indicator{transform:rotateX(180deg)}\n"], dependencies: [{ kind: "component", type: CardHeaderComponent, selector: "tedi-card-header, [tedi-card-header]", inputs: ["variant"] }, { 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
421
435
|
}
|
|
422
436
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemHeaderComponent, decorators: [{
|
|
423
437
|
type: Component,
|
|
424
|
-
args: [{ selector: "tedi-accordion-item-header", standalone: true, imports: [
|
|
438
|
+
args: [{ selector: "tedi-accordion-item-header", standalone: true, imports: [
|
|
439
|
+
CardHeaderComponent,
|
|
440
|
+
IconComponent,
|
|
441
|
+
ButtonComponent,
|
|
442
|
+
NgTemplateOutlet,
|
|
443
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
425
444
|
"[class.tedi-accordion-item-header-host]": "true",
|
|
426
|
-
}, template: "<button\n [id]=\"headerId()\"\n tedi-card-header\n [variant]=\"variant()\"\n [background]=\"background()\"\n class=\"tedi-accordion-item-header\"\n [class.tedi-accordion-item-header--opened]=\"opened()\"\n [attr.aria-expanded]=\"opened()\"\n [attr.aria-controls]=\"contentId()\"\n (click)=\"toggle()\"\n>\n <
|
|
445
|
+
}, template: "<button\n [id]=\"headerId()\"\n tedi-card-header\n [variant]=\"variant()\"\n [background]=\"background()\"\n class=\"tedi-accordion-item-header\"\n [class.tedi-accordion-item-header--opened]=\"opened()\"\n [attr.aria-expanded]=\"opened()\"\n [attr.aria-controls]=\"contentId()\"\n (click)=\"toggle()\"\n [disabled]=\"!clickable()\"\n>\n <div class=\"tedi-accordion-item-header__title\">\n @if (indicator() && indicatorPosition() === \"start\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n <ng-content></ng-content>\n </div>\n @if (indicator() && indicatorPosition() === \"end\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n @if (toggleButtonText()) {\n <span\n tedi-button\n variant=\"neutral\"\n class=\"tedi-accordion-item-header__toggle\"\n >\n {{ toggleButtonText() }}\n <tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n color=\"brand\"\n />\n </span>\n }\n <ng-content select=\"[tedi-accordion-header-end]\"></ng-content>\n</button>\n\n<ng-template #indicatorIcon\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n [size]=\"24\"\n [color]=\"indicatorIconColor()\"\n/></ng-template>\n", styles: [".tedi-accordion-item-header-host{display:contents}.tedi-accordion-item-header{font-size:inherit;display:flex;gap:var(--_accordion-header-spacing);align-items:center;text-align:start}.tedi-accordion-item-header:not([disabled]){cursor:pointer}.tedi-accordion-item-header__title{flex-grow:1;display:flex;gap:var(--_accordion-header-title-spacing);color:var(--_accordion-title-color);align-items:center}.tedi-accordion-item-header__indicator{transition:transform .3s}.tedi-accordion-item-header .tedi-accordion-item-header__toggle{--_btn-padding-y: 0}.tedi-accordion-item-header--opened>.tedi-accordion-item-header__indicator,.tedi-accordion-item-header--opened>.tedi-accordion-item-header__toggle>.tedi-accordion-item-header__indicator{transform:rotateX(180deg)}\n"] }]
|
|
427
446
|
}] });
|
|
428
447
|
|
|
429
448
|
class CardRowComponent {
|
|
@@ -733,6 +752,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
733
752
|
}, styles: [".tedi-form-field{display:flex;flex-direction:column}\n"] }]
|
|
734
753
|
}] });
|
|
735
754
|
|
|
755
|
+
/**
|
|
756
|
+
* @deprecated Use TextField from TEDI-ready instead. This component will be removed from future versions.
|
|
757
|
+
*/
|
|
736
758
|
class InputComponent {
|
|
737
759
|
/**
|
|
738
760
|
* Size of the input.
|
|
@@ -2379,18 +2401,16 @@ class FileService {
|
|
|
2379
2401
|
counter++;
|
|
2380
2402
|
}
|
|
2381
2403
|
fileNames.add(newName.toLowerCase());
|
|
2382
|
-
renamedFiles.push(
|
|
2404
|
+
renamedFiles.push(this._copyFile(file.file, newName));
|
|
2383
2405
|
}
|
|
2384
2406
|
return renamedFiles;
|
|
2385
2407
|
}
|
|
2386
2408
|
_copyFile(original, newName) {
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
lastModified: original.lastModified,
|
|
2391
|
-
});
|
|
2392
|
-
return new FileDropzone(file);
|
|
2409
|
+
const file = new File([original], newName ?? original.name, {
|
|
2410
|
+
type: original.type,
|
|
2411
|
+
lastModified: original.lastModified,
|
|
2393
2412
|
});
|
|
2413
|
+
return new FileDropzone(file);
|
|
2394
2414
|
}
|
|
2395
2415
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2396
2416
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileService });
|
|
@@ -3187,7 +3207,7 @@ class TabsComponent {
|
|
|
3187
3207
|
.withHorizontalOrientation("ltr");
|
|
3188
3208
|
}
|
|
3189
3209
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3190
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TabsComponent, isStandalone: true, selector: "tedi-tabs", host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.tedi-tabs": "true" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }, { propertyName: "tabContents", predicate: TabContentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content
|
|
3210
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TabsComponent, isStandalone: true, selector: "tedi-tabs", host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.tedi-tabs": "true" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }, { propertyName: "tabContents", predicate: TabContentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"activeTabId()\"\n [padding]=\"{ horizontal: 'md', vertical: 'lg' }\"\n >\n @if (activeTabContent(); as activeContent) {\n <ng-container *ngTemplateOutlet=\"activeContent\" />\n }\n <ng-content></ng-content>\n </tedi-card-content>\n</tedi-card>\n\n@if (mobileTabsOpened()) {\n <tedi-card padding=\"none\" class=\"tedi-tabs__mobile-dropdown\">\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n size=\"small\"\n (click)=\"mobileTabsOpened.set(false)\"\n ></button>\n </tedi-card-content>\n <tedi-card-content class=\"tedi-tabs__mobile-list\">\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".tedi-tabs{--_tab-list-background: var(--tab-background)}.tedi-tabs__tab-list{display:flex;justify-content:start;overflow:auto;border-top-left-radius:var(--tab-top-radius, 4px);border-top-right-radius:var(--tab-top-radius, 4px);background:var(--_tab-list-background)}@media (max-width: 575.98px){.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--more-btn){flex-grow:1}.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--active,.tedi-tab--selected,.tedi-tab--more-btn){display:none}}@media (min-width: 576px){.tedi-tabs .tedi-tab--more-btn{display:none}}.tedi-tabs__mobile-dropdown.tedi-card{position:fixed;inset:0;z-index:1050}.tedi-tabs__mobile-list.tedi-card-content{display:flex;flex-direction:column}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active{--_tab-background: var(--dropdown-item-active-background);--_tab-color: var(--dropdown-item-active-text);font-weight:var(--body-regular-weight)}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected:after,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { 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 });
|
|
3191
3211
|
}
|
|
3192
3212
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabsComponent, decorators: [{
|
|
3193
3213
|
type: Component,
|
|
@@ -3201,7 +3221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3201
3221
|
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3202
3222
|
"[class.tedi-tabs]": "true",
|
|
3203
3223
|
"(keydown)": "onKeyDown($event)",
|
|
3204
|
-
}, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content
|
|
3224
|
+
}, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"activeTabId()\"\n [padding]=\"{ horizontal: 'md', vertical: 'lg' }\"\n >\n @if (activeTabContent(); as activeContent) {\n <ng-container *ngTemplateOutlet=\"activeContent\" />\n }\n <ng-content></ng-content>\n </tedi-card-content>\n</tedi-card>\n\n@if (mobileTabsOpened()) {\n <tedi-card padding=\"none\" class=\"tedi-tabs__mobile-dropdown\">\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n size=\"small\"\n (click)=\"mobileTabsOpened.set(false)\"\n ></button>\n </tedi-card-content>\n <tedi-card-content class=\"tedi-tabs__mobile-list\">\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".tedi-tabs{--_tab-list-background: var(--tab-background)}.tedi-tabs__tab-list{display:flex;justify-content:start;overflow:auto;border-top-left-radius:var(--tab-top-radius, 4px);border-top-right-radius:var(--tab-top-radius, 4px);background:var(--_tab-list-background)}@media (max-width: 575.98px){.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--more-btn){flex-grow:1}.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--active,.tedi-tab--selected,.tedi-tab--more-btn){display:none}}@media (min-width: 576px){.tedi-tabs .tedi-tab--more-btn{display:none}}.tedi-tabs__mobile-dropdown.tedi-card{position:fixed;inset:0;z-index:1050}.tedi-tabs__mobile-list.tedi-card-content{display:flex;flex-direction:column}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active{--_tab-background: var(--dropdown-item-active-background);--_tab-color: var(--dropdown-item-active-text);font-weight:var(--body-regular-weight)}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected:after,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active:after{display:none}\n"] }]
|
|
3205
3225
|
}], ctorParameters: () => [] });
|
|
3206
3226
|
|
|
3207
3227
|
class VerticalStepperComponent {
|