@tedi-design-system/angular 8.0.1-rc.3 → 8.0.1-rc.5
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.
|
@@ -1658,6 +1658,13 @@ const translationsMap = {
|
|
|
1658
1658
|
en: "Remove",
|
|
1659
1659
|
ru: "Удалить",
|
|
1660
1660
|
},
|
|
1661
|
+
loading: {
|
|
1662
|
+
description: "Announces a loading state to assistive technology",
|
|
1663
|
+
components: ["Tag", "Spinner"],
|
|
1664
|
+
et: "Laadimine",
|
|
1665
|
+
en: "Loading",
|
|
1666
|
+
ru: "Загрузка",
|
|
1667
|
+
},
|
|
1661
1668
|
cancel: {
|
|
1662
1669
|
description: "For canceling an action",
|
|
1663
1670
|
components: ["TableFilter"],
|
|
@@ -4640,13 +4647,13 @@ class CardComponent {
|
|
|
4640
4647
|
return classList.join(" ");
|
|
4641
4648
|
}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
4642
4649
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4643
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardComponent, isStandalone: true, selector: "tedi-card", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["
|
|
4650
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardComponent, isStandalone: true, selector: "tedi-card", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--card-border-primary);border-radius:var(--card-radius-rounded);--tedi-card-inner-radius-tl: calc(var(--card-radius-rounded) - 1px);--tedi-card-inner-radius-tr: calc(var(--card-radius-rounded) - 1px);--tedi-card-inner-radius-br: calc(var(--card-radius-rounded) - 1px);--tedi-card-inner-radius-bl: calc(var(--card-radius-rounded) - 1px)}.tedi-card>:not(:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-tr: 0}.tedi-card>:not(:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-br: 0;--tedi-card-inner-radius-bl: 0}.tedi-card>:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-left-radius:var(--tedi-card-inner-radius-tl);border-top-right-radius:var(--tedi-card-inner-radius-tr)}.tedi-card>:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-bottom-right-radius:var(--tedi-card-inner-radius-br);border-bottom-left-radius:var(--tedi-card-inner-radius-bl)}.tedi-card--border--accent{border-color:var(--card-background-accent);--card-border-color: var(--card-background-accent)}.tedi-card--border--brand-primary{border-color:var(--card-background-brand-primary);--card-border-color: var(--card-background-brand-primary)}.tedi-card--border--brand-secondary{border-color:var(--card-background-brand-secondary);--card-border-color: var(--card-background-brand-secondary)}.tedi-card--border--brand-tertiary{border-color:var(--card-background-brand-tertiary);--card-border-color: var(--card-background-brand-tertiary)}.tedi-card--border--brand-quaternary{border-color:var(--card-background-brand-quaternary);--card-border-color: var(--card-background-brand-quaternary)}.tedi-card--border--primary{border-color:var(--card-background-primary);--card-border-color: var(--card-background-primary)}.tedi-card--border--secondary{border-color:var(--card-background-secondary);--card-border-color: var(--card-background-secondary)}.tedi-card--border--tertiary{border-color:var(--card-background-tertiary);--card-border-color: var(--card-background-tertiary)}.tedi-card--border--info-primary{border-color:var(--general-status-info-background-light);--card-border-color: var(--general-status-info-background-light)}.tedi-card--border--info-secondary{border-color:var(--general-status-info-background-dark);--card-border-color: var(--general-status-info-background-dark)}.tedi-card--border--neutral-primary{border-color:var(--general-status-neutral-background-light);--card-border-color: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-secondary{border-color:var(--general-status-neutral-background-dark);--card-border-color: var(--general-status-neutral-background-dark)}.tedi-card--border--success-primary{border-color:var(--card-background-success);--card-border-color: var(--card-background-success)}.tedi-card--border--success-secondary{border-color:var(--general-status-success-background-secondary);--card-border-color: var(--general-status-success-background-secondary)}.tedi-card--border--danger-primary{border-color:var(--general-status-danger-background-primary);--card-border-color: var(--general-status-danger-background-primary)}.tedi-card--border--danger-secondary{border-color:var(--general-status-danger-background-secondary);--card-border-color: var(--general-status-danger-background-secondary)}.tedi-card--border--warning-primary{border-color:var(--general-status-warning-background-light);--card-border-color: var(--general-status-warning-background-light)}.tedi-card--border--warning-secondary{border-color:var(--general-status-warning-background-dark);--card-border-color: var(--general-status-warning-background-dark)}.tedi-card--border-left{border-top-color:var(--card-border-primary);border-right-color:var(--card-border-primary);border-bottom-color:var(--card-border-primary);border-left:4px solid var(--card-border-color);--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-bl: 0}.tedi-card--border-top{border-top:4px solid var(--card-border-color);border-right-color:var(--card-border-primary);border-bottom-color:var(--card-border-primary);border-left-color:var(--card-border-primary);--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-tr: 0}.tedi-card--borderless{border:none;--tedi-card-inner-radius-tl: var(--card-radius-rounded);--tedi-card-inner-radius-tr: var(--card-radius-rounded);--tedi-card-inner-radius-br: var(--card-radius-rounded);--tedi-card-inner-radius-bl: var(--card-radius-rounded)}.tedi-card--no-radius-tl{border-top-left-radius:0;--tedi-card-inner-radius-tl: 0}.tedi-card--no-radius-tr{border-top-right-radius:0;--tedi-card-inner-radius-tr: 0}.tedi-card--no-radius-br{border-bottom-right-radius:0;--tedi-card-inner-radius-br: 0}.tedi-card--no-radius-bl{border-bottom-left-radius:0;--tedi-card-inner-radius-bl: 0}@media print{.tedi-card--border-left,.tedi-card--border-top{border-color:var(--general-border-secondary)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4644
4651
|
}
|
|
4645
4652
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardComponent, decorators: [{
|
|
4646
4653
|
type: Component,
|
|
4647
4654
|
args: [{ selector: "tedi-card", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
4648
4655
|
"[class]": "classes()",
|
|
4649
|
-
}, template: "<ng-content></ng-content>\n", styles: ["
|
|
4656
|
+
}, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--card-border-primary);border-radius:var(--card-radius-rounded);--tedi-card-inner-radius-tl: calc(var(--card-radius-rounded) - 1px);--tedi-card-inner-radius-tr: calc(var(--card-radius-rounded) - 1px);--tedi-card-inner-radius-br: calc(var(--card-radius-rounded) - 1px);--tedi-card-inner-radius-bl: calc(var(--card-radius-rounded) - 1px)}.tedi-card>:not(:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-tr: 0}.tedi-card>:not(:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-br: 0;--tedi-card-inner-radius-bl: 0}.tedi-card>:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-left-radius:var(--tedi-card-inner-radius-tl);border-top-right-radius:var(--tedi-card-inner-radius-tr)}.tedi-card>:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-bottom-right-radius:var(--tedi-card-inner-radius-br);border-bottom-left-radius:var(--tedi-card-inner-radius-bl)}.tedi-card--border--accent{border-color:var(--card-background-accent);--card-border-color: var(--card-background-accent)}.tedi-card--border--brand-primary{border-color:var(--card-background-brand-primary);--card-border-color: var(--card-background-brand-primary)}.tedi-card--border--brand-secondary{border-color:var(--card-background-brand-secondary);--card-border-color: var(--card-background-brand-secondary)}.tedi-card--border--brand-tertiary{border-color:var(--card-background-brand-tertiary);--card-border-color: var(--card-background-brand-tertiary)}.tedi-card--border--brand-quaternary{border-color:var(--card-background-brand-quaternary);--card-border-color: var(--card-background-brand-quaternary)}.tedi-card--border--primary{border-color:var(--card-background-primary);--card-border-color: var(--card-background-primary)}.tedi-card--border--secondary{border-color:var(--card-background-secondary);--card-border-color: var(--card-background-secondary)}.tedi-card--border--tertiary{border-color:var(--card-background-tertiary);--card-border-color: var(--card-background-tertiary)}.tedi-card--border--info-primary{border-color:var(--general-status-info-background-light);--card-border-color: var(--general-status-info-background-light)}.tedi-card--border--info-secondary{border-color:var(--general-status-info-background-dark);--card-border-color: var(--general-status-info-background-dark)}.tedi-card--border--neutral-primary{border-color:var(--general-status-neutral-background-light);--card-border-color: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-secondary{border-color:var(--general-status-neutral-background-dark);--card-border-color: var(--general-status-neutral-background-dark)}.tedi-card--border--success-primary{border-color:var(--card-background-success);--card-border-color: var(--card-background-success)}.tedi-card--border--success-secondary{border-color:var(--general-status-success-background-secondary);--card-border-color: var(--general-status-success-background-secondary)}.tedi-card--border--danger-primary{border-color:var(--general-status-danger-background-primary);--card-border-color: var(--general-status-danger-background-primary)}.tedi-card--border--danger-secondary{border-color:var(--general-status-danger-background-secondary);--card-border-color: var(--general-status-danger-background-secondary)}.tedi-card--border--warning-primary{border-color:var(--general-status-warning-background-light);--card-border-color: var(--general-status-warning-background-light)}.tedi-card--border--warning-secondary{border-color:var(--general-status-warning-background-dark);--card-border-color: var(--general-status-warning-background-dark)}.tedi-card--border-left{border-top-color:var(--card-border-primary);border-right-color:var(--card-border-primary);border-bottom-color:var(--card-border-primary);border-left:4px solid var(--card-border-color);--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-bl: 0}.tedi-card--border-top{border-top:4px solid var(--card-border-color);border-right-color:var(--card-border-primary);border-bottom-color:var(--card-border-primary);border-left-color:var(--card-border-primary);--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-tr: 0}.tedi-card--borderless{border:none;--tedi-card-inner-radius-tl: var(--card-radius-rounded);--tedi-card-inner-radius-tr: var(--card-radius-rounded);--tedi-card-inner-radius-br: var(--card-radius-rounded);--tedi-card-inner-radius-bl: var(--card-radius-rounded)}.tedi-card--no-radius-tl{border-top-left-radius:0;--tedi-card-inner-radius-tl: 0}.tedi-card--no-radius-tr{border-top-right-radius:0;--tedi-card-inner-radius-tr: 0}.tedi-card--no-radius-br{border-bottom-right-radius:0;--tedi-card-inner-radius-br: 0}.tedi-card--no-radius-bl{border-bottom-left-radius:0;--tedi-card-inner-radius-bl: 0}@media print{.tedi-card--border-left,.tedi-card--border-top{border-color:var(--general-border-secondary)}}\n"] }]
|
|
4650
4657
|
}], propDecorators: { background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }], borderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderless", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], xs: [{ type: i0.Input, args: [{ isSignal: true, alias: "xs", required: false }] }], sm: [{ type: i0.Input, args: [{ isSignal: true, alias: "sm", required: false }] }], md: [{ type: i0.Input, args: [{ isSignal: true, alias: "md", required: false }] }], lg: [{ type: i0.Input, args: [{ isSignal: true, alias: "lg", required: false }] }], xl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xl", required: false }] }], xxl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xxl", required: false }] }] } });
|
|
4651
4658
|
|
|
4652
4659
|
/**
|
|
@@ -4752,14 +4759,14 @@ class CardContentComponent {
|
|
|
4752
4759
|
return 1;
|
|
4753
4760
|
}
|
|
4754
4761
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4755
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardContentComponent, isStandalone: true, selector: "tedi-card-content", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, backgroundImage: { classPropertyName: "backgroundImage", publicName: "backgroundImage", isSignal: true, isRequired: false, transformFunction: null }, backgroundPosition: { classPropertyName: "backgroundPosition", publicName: "backgroundPosition", isSignal: true, isRequired: false, transformFunction: null }, backgroundSize: { classPropertyName: "backgroundSize", publicName: "backgroundSize", isSignal: true, isRequired: false, transformFunction: null }, backgroundRepeat: { classPropertyName: "backgroundRepeat", publicName: "backgroundRepeat", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "style": "styles()" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["
|
|
4762
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardContentComponent, isStandalone: true, selector: "tedi-card-content", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, backgroundImage: { classPropertyName: "backgroundImage", publicName: "backgroundImage", isSignal: true, isRequired: false, transformFunction: null }, backgroundPosition: { classPropertyName: "backgroundPosition", publicName: "backgroundPosition", isSignal: true, isRequired: false, transformFunction: null }, backgroundSize: { classPropertyName: "backgroundSize", publicName: "backgroundSize", isSignal: true, isRequired: false, transformFunction: null }, backgroundRepeat: { classPropertyName: "backgroundRepeat", publicName: "backgroundRepeat", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "style": "styles()" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-content--background--accent{background-color:var(--card-background-accent)}.tedi-card-content--background--brand-primary{background-color:var(--card-background-brand-primary)}.tedi-card-content--background--brand-secondary{background-color:var(--card-background-brand-secondary)}.tedi-card-content--background--brand-tertiary{background-color:var(--card-background-brand-tertiary)}.tedi-card-content--background--brand-quaternary{background-color:var(--card-background-brand-quaternary)}.tedi-card-content--background--primary{background-color:var(--card-background-primary)}.tedi-card-content--background--secondary{background-color:var(--card-background-secondary)}.tedi-card-content--background--tertiary{background-color:var(--card-background-tertiary)}.tedi-card-content--background--info-primary{background-color:var(--general-status-info-background-light)}.tedi-card-content--background--info-secondary{background-color:var(--general-status-info-background-dark)}.tedi-card-content--background--neutral-primary{background-color:var(--general-status-neutral-background-light)}.tedi-card-content--background--neutral-secondary{background-color:var(--general-status-neutral-background-dark)}.tedi-card-content--background--success-primary{background-color:var(--card-background-success)}.tedi-card-content--background--success-secondary{background-color:var(--general-status-success-background-secondary)}.tedi-card-content--background--danger-primary{background-color:var(--general-status-danger-background-primary)}.tedi-card-content--background--danger-secondary{background-color:var(--general-status-danger-background-secondary)}.tedi-card-content--background--warning-primary{background-color:var(--general-status-warning-background-light)}.tedi-card-content--background--warning-secondary{background-color:var(--general-status-warning-background-dark)}.tedi-card-content--background--brand-primary,.tedi-card-content--background--brand-secondary{color:var(--general-text-white)}.tedi-card-content{display:block;flex:1 1 1px;padding:var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-left)}.tedi-card-content--auto-width{flex:0 0 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4756
4763
|
}
|
|
4757
4764
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardContentComponent, decorators: [{
|
|
4758
4765
|
type: Component,
|
|
4759
4766
|
args: [{ selector: "tedi-card-content", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
4760
4767
|
"[class]": "classes()",
|
|
4761
4768
|
"[style]": "styles()",
|
|
4762
|
-
}, template: "<ng-content></ng-content>\n", styles: ["
|
|
4769
|
+
}, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-content--background--accent{background-color:var(--card-background-accent)}.tedi-card-content--background--brand-primary{background-color:var(--card-background-brand-primary)}.tedi-card-content--background--brand-secondary{background-color:var(--card-background-brand-secondary)}.tedi-card-content--background--brand-tertiary{background-color:var(--card-background-brand-tertiary)}.tedi-card-content--background--brand-quaternary{background-color:var(--card-background-brand-quaternary)}.tedi-card-content--background--primary{background-color:var(--card-background-primary)}.tedi-card-content--background--secondary{background-color:var(--card-background-secondary)}.tedi-card-content--background--tertiary{background-color:var(--card-background-tertiary)}.tedi-card-content--background--info-primary{background-color:var(--general-status-info-background-light)}.tedi-card-content--background--info-secondary{background-color:var(--general-status-info-background-dark)}.tedi-card-content--background--neutral-primary{background-color:var(--general-status-neutral-background-light)}.tedi-card-content--background--neutral-secondary{background-color:var(--general-status-neutral-background-dark)}.tedi-card-content--background--success-primary{background-color:var(--card-background-success)}.tedi-card-content--background--success-secondary{background-color:var(--general-status-success-background-secondary)}.tedi-card-content--background--danger-primary{background-color:var(--general-status-danger-background-primary)}.tedi-card-content--background--danger-secondary{background-color:var(--general-status-danger-background-secondary)}.tedi-card-content--background--warning-primary{background-color:var(--general-status-warning-background-light)}.tedi-card-content--background--warning-secondary{background-color:var(--general-status-warning-background-dark)}.tedi-card-content--background--brand-primary,.tedi-card-content--background--brand-secondary{color:var(--general-text-white)}.tedi-card-content{display:block;flex:1 1 1px;padding:var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-left)}.tedi-card-content--auto-width{flex:0 0 auto}\n"] }]
|
|
4763
4770
|
}], propDecorators: { background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], backgroundImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundImage", required: false }] }], backgroundPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundPosition", required: false }] }], backgroundSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundSize", required: false }] }], backgroundRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundRepeat", required: false }] }], autoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoWidth", required: false }] }], xs: [{ type: i0.Input, args: [{ isSignal: true, alias: "xs", required: false }] }], sm: [{ type: i0.Input, args: [{ isSignal: true, alias: "sm", required: false }] }], md: [{ type: i0.Input, args: [{ isSignal: true, alias: "md", required: false }] }], lg: [{ type: i0.Input, args: [{ isSignal: true, alias: "lg", required: false }] }], xl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xl", required: false }] }], xxl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xxl", required: false }] }] } });
|
|
4764
4771
|
|
|
4765
4772
|
/**
|
|
@@ -4785,31 +4792,62 @@ class CardIconComponent extends CardContentComponent {
|
|
|
4785
4792
|
return this.size() === "small" ? 0.75 : 1;
|
|
4786
4793
|
}
|
|
4787
4794
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4788
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardIconComponent, isStandalone: true, selector: "tedi-card-icon", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "style": "styles()" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["
|
|
4795
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardIconComponent, isStandalone: true, selector: "tedi-card-icon", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "style": "styles()" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-icon{display:flex;flex:0 0 auto;gap:var(--layout-grid-gutters-08);align-items:flex-start;color:var(--general-icon-secondary);padding:var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-left)}.tedi-card-icon .tedi-icon{color:inherit}.tedi-card-icon--background--accent{background-color:var(--card-background-accent)}.tedi-card-icon--background--brand-primary{background-color:var(--card-background-brand-primary)}.tedi-card-icon--background--brand-secondary{background-color:var(--card-background-brand-secondary)}.tedi-card-icon--background--brand-tertiary{background-color:var(--card-background-brand-tertiary)}.tedi-card-icon--background--brand-quaternary{background-color:var(--card-background-brand-quaternary)}.tedi-card-icon--background--primary{background-color:var(--card-background-primary)}.tedi-card-icon--background--secondary{background-color:var(--card-background-secondary)}.tedi-card-icon--background--tertiary{background-color:var(--card-background-tertiary)}.tedi-card-icon--background--info-primary{background-color:var(--general-status-info-background-light)}.tedi-card-icon--background--info-secondary{background-color:var(--general-status-info-background-dark)}.tedi-card-icon--background--neutral-primary{background-color:var(--general-status-neutral-background-light)}.tedi-card-icon--background--neutral-secondary{background-color:var(--general-status-neutral-background-dark)}.tedi-card-icon--background--success-primary{background-color:var(--card-background-success)}.tedi-card-icon--background--success-secondary{background-color:var(--general-status-success-background-secondary)}.tedi-card-icon--background--danger-primary{background-color:var(--general-status-danger-background-primary)}.tedi-card-icon--background--danger-secondary{background-color:var(--general-status-danger-background-secondary)}.tedi-card-icon--background--warning-primary{background-color:var(--general-status-warning-background-light)}.tedi-card-icon--background--warning-secondary{background-color:var(--general-status-warning-background-dark)}.tedi-card-icon--background--brand-primary,.tedi-card-icon--background--brand-secondary{color:var(--general-text-white)}.tedi-card-icon--auto-width{flex:0 0 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4789
4796
|
}
|
|
4790
4797
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardIconComponent, decorators: [{
|
|
4791
4798
|
type: Component,
|
|
4792
4799
|
args: [{ selector: "tedi-card-icon", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
4793
4800
|
"[class]": "classes()",
|
|
4794
4801
|
"[style]": "styles()",
|
|
4795
|
-
}, template: "<ng-content></ng-content>\n", styles: ["
|
|
4802
|
+
}, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-icon{display:flex;flex:0 0 auto;gap:var(--layout-grid-gutters-08);align-items:flex-start;color:var(--general-icon-secondary);padding:var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-left)}.tedi-card-icon .tedi-icon{color:inherit}.tedi-card-icon--background--accent{background-color:var(--card-background-accent)}.tedi-card-icon--background--brand-primary{background-color:var(--card-background-brand-primary)}.tedi-card-icon--background--brand-secondary{background-color:var(--card-background-brand-secondary)}.tedi-card-icon--background--brand-tertiary{background-color:var(--card-background-brand-tertiary)}.tedi-card-icon--background--brand-quaternary{background-color:var(--card-background-brand-quaternary)}.tedi-card-icon--background--primary{background-color:var(--card-background-primary)}.tedi-card-icon--background--secondary{background-color:var(--card-background-secondary)}.tedi-card-icon--background--tertiary{background-color:var(--card-background-tertiary)}.tedi-card-icon--background--info-primary{background-color:var(--general-status-info-background-light)}.tedi-card-icon--background--info-secondary{background-color:var(--general-status-info-background-dark)}.tedi-card-icon--background--neutral-primary{background-color:var(--general-status-neutral-background-light)}.tedi-card-icon--background--neutral-secondary{background-color:var(--general-status-neutral-background-dark)}.tedi-card-icon--background--success-primary{background-color:var(--card-background-success)}.tedi-card-icon--background--success-secondary{background-color:var(--general-status-success-background-secondary)}.tedi-card-icon--background--danger-primary{background-color:var(--general-status-danger-background-primary)}.tedi-card-icon--background--danger-secondary{background-color:var(--general-status-danger-background-secondary)}.tedi-card-icon--background--warning-primary{background-color:var(--general-status-warning-background-light)}.tedi-card-icon--background--warning-secondary{background-color:var(--general-status-warning-background-dark)}.tedi-card-icon--background--brand-primary,.tedi-card-icon--background--brand-secondary{color:var(--general-text-white)}.tedi-card-icon--auto-width{flex:0 0 auto}\n"] }]
|
|
4796
4803
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
4797
4804
|
|
|
4798
4805
|
/**
|
|
4799
|
-
* Lays out card content cells
|
|
4806
|
+
* Lays out card content cells inside a card.
|
|
4800
4807
|
* Place a `tedi-separator` between cells (vertical, `size="auto"`) or
|
|
4801
4808
|
* between rows (horizontal) to draw dividers.
|
|
4802
4809
|
*/
|
|
4803
4810
|
class CardRowComponent {
|
|
4811
|
+
/**
|
|
4812
|
+
* Direction the cells are laid out in. Use this instead of flex utility
|
|
4813
|
+
* classes — the row rounds the corners it shares with the card based on it.
|
|
4814
|
+
* @default row
|
|
4815
|
+
*/
|
|
4816
|
+
direction = input("row", ...(ngDevMode ? [{ debugName: "direction" }] : []));
|
|
4817
|
+
xs = input(...(ngDevMode ? [undefined, { debugName: "xs" }] : []));
|
|
4818
|
+
sm = input(...(ngDevMode ? [undefined, { debugName: "sm" }] : []));
|
|
4819
|
+
md = input(...(ngDevMode ? [undefined, { debugName: "md" }] : []));
|
|
4820
|
+
lg = input(...(ngDevMode ? [undefined, { debugName: "lg" }] : []));
|
|
4821
|
+
xl = input(...(ngDevMode ? [undefined, { debugName: "xl" }] : []));
|
|
4822
|
+
xxl = input(...(ngDevMode ? [undefined, { debugName: "xxl" }] : []));
|
|
4823
|
+
breakpointService = inject(BreakpointService);
|
|
4824
|
+
breakpointInputs = computed(() => {
|
|
4825
|
+
return this.breakpointService.getBreakpointInputs({
|
|
4826
|
+
direction: this.direction(),
|
|
4827
|
+
xs: this.xs(),
|
|
4828
|
+
sm: this.sm(),
|
|
4829
|
+
md: this.md(),
|
|
4830
|
+
lg: this.lg(),
|
|
4831
|
+
xl: this.xl(),
|
|
4832
|
+
xxl: this.xxl(),
|
|
4833
|
+
});
|
|
4834
|
+
}, ...(ngDevMode ? [{ debugName: "breakpointInputs" }] : []));
|
|
4835
|
+
classes = computed(() => {
|
|
4836
|
+
const classList = ["tedi-card-row"];
|
|
4837
|
+
if (this.breakpointInputs().direction === "column") {
|
|
4838
|
+
classList.push("tedi-card-row--column");
|
|
4839
|
+
}
|
|
4840
|
+
return classList.join(" ");
|
|
4841
|
+
}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
4804
4842
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4805
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
4843
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardRowComponent, isStandalone: true, selector: "tedi-card-row", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-row{display:flex}.tedi-card-row:not(.tedi-card-row--column)>:not(:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-bl: 0}.tedi-card-row:not(.tedi-card-row--column)>:not(:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tr: 0;--tedi-card-inner-radius-br: 0}.tedi-card-row:not(.tedi-card-row--column)>:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-left-radius:var(--tedi-card-inner-radius-tl);border-bottom-left-radius:var(--tedi-card-inner-radius-bl)}.tedi-card-row:not(.tedi-card-row--column)>:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-right-radius:var(--tedi-card-inner-radius-tr);border-bottom-right-radius:var(--tedi-card-inner-radius-br)}.tedi-card-row--column{flex-direction:column}.tedi-card-row--column>:not(:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-tr: 0}.tedi-card-row--column>:not(:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-br: 0;--tedi-card-inner-radius-bl: 0}.tedi-card-row--column>:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-left-radius:var(--tedi-card-inner-radius-tl);border-top-right-radius:var(--tedi-card-inner-radius-tr)}.tedi-card-row--column>:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-bottom-right-radius:var(--tedi-card-inner-radius-br);border-bottom-left-radius:var(--tedi-card-inner-radius-bl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4806
4844
|
}
|
|
4807
4845
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardRowComponent, decorators: [{
|
|
4808
4846
|
type: Component,
|
|
4809
4847
|
args: [{ selector: "tedi-card-row", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
4810
|
-
"[class
|
|
4811
|
-
}, template: "<ng-content></ng-content>\n", styles: ["
|
|
4812
|
-
}] });
|
|
4848
|
+
"[class]": "classes()",
|
|
4849
|
+
}, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-row{display:flex}.tedi-card-row:not(.tedi-card-row--column)>:not(:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-bl: 0}.tedi-card-row:not(.tedi-card-row--column)>:not(:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tr: 0;--tedi-card-inner-radius-br: 0}.tedi-card-row:not(.tedi-card-row--column)>:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-left-radius:var(--tedi-card-inner-radius-tl);border-bottom-left-radius:var(--tedi-card-inner-radius-bl)}.tedi-card-row:not(.tedi-card-row--column)>:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-right-radius:var(--tedi-card-inner-radius-tr);border-bottom-right-radius:var(--tedi-card-inner-radius-br)}.tedi-card-row--column{flex-direction:column}.tedi-card-row--column>:not(:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-tl: 0;--tedi-card-inner-radius-tr: 0}.tedi-card-row--column>:not(:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert)){--tedi-card-inner-radius-br: 0;--tedi-card-inner-radius-bl: 0}.tedi-card-row--column>:nth-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-top-left-radius:var(--tedi-card-inner-radius-tl);border-top-right-radius:var(--tedi-card-inner-radius-tr)}.tedi-card-row--column>:nth-last-child(1 of.tedi-card-header,.tedi-card-content,.tedi-card-icon,.tedi-card-row,.tedi-alert){border-bottom-right-radius:var(--tedi-card-inner-radius-br);border-bottom-left-radius:var(--tedi-card-inner-radius-bl)}\n"] }]
|
|
4850
|
+
}], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], xs: [{ type: i0.Input, args: [{ isSignal: true, alias: "xs", required: false }] }], sm: [{ type: i0.Input, args: [{ isSignal: true, alias: "sm", required: false }] }], md: [{ type: i0.Input, args: [{ isSignal: true, alias: "md", required: false }] }], lg: [{ type: i0.Input, args: [{ isSignal: true, alias: "lg", required: false }] }], xl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xl", required: false }] }], xxl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xxl", required: false }] }] } });
|
|
4813
4851
|
|
|
4814
4852
|
/**
|
|
4815
4853
|
* Header block of a card. Same API as `tedi-card-content`, but defaults to
|
|
@@ -4822,14 +4860,14 @@ class CardHeaderComponent extends CardContentComponent {
|
|
|
4822
4860
|
return undefined;
|
|
4823
4861
|
}
|
|
4824
4862
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4825
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.24", type: CardHeaderComponent, isStandalone: true, selector: "tedi-card-header", host: { properties: { "class": "classes()", "style": "styles()" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["
|
|
4863
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.24", type: CardHeaderComponent, isStandalone: true, selector: "tedi-card-header", host: { properties: { "class": "classes()", "style": "styles()" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-header--background--accent{background-color:var(--card-background-accent)}.tedi-card-header--background--brand-primary{background-color:var(--card-background-brand-primary)}.tedi-card-header--background--brand-secondary{background-color:var(--card-background-brand-secondary)}.tedi-card-header--background--brand-tertiary{background-color:var(--card-background-brand-tertiary)}.tedi-card-header--background--brand-quaternary{background-color:var(--card-background-brand-quaternary)}.tedi-card-header--background--primary{background-color:var(--card-background-primary)}.tedi-card-header--background--secondary{background-color:var(--card-background-secondary)}.tedi-card-header--background--tertiary{background-color:var(--card-background-tertiary)}.tedi-card-header--background--info-primary{background-color:var(--general-status-info-background-light)}.tedi-card-header--background--info-secondary{background-color:var(--general-status-info-background-dark)}.tedi-card-header--background--neutral-primary{background-color:var(--general-status-neutral-background-light)}.tedi-card-header--background--neutral-secondary{background-color:var(--general-status-neutral-background-dark)}.tedi-card-header--background--success-primary{background-color:var(--card-background-success)}.tedi-card-header--background--success-secondary{background-color:var(--general-status-success-background-secondary)}.tedi-card-header--background--danger-primary{background-color:var(--general-status-danger-background-primary)}.tedi-card-header--background--danger-secondary{background-color:var(--general-status-danger-background-secondary)}.tedi-card-header--background--warning-primary{background-color:var(--general-status-warning-background-light)}.tedi-card-header--background--warning-secondary{background-color:var(--general-status-warning-background-dark)}.tedi-card-header--background--brand-primary,.tedi-card-header--background--brand-secondary{color:var(--general-text-white)}.tedi-card-header{display:block;flex:0 0 auto;padding:var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-left)}@media print{.tedi-card-header{color:var(--general-text-primary);background:var(--card-background-primary);border-bottom:1px solid var(--card-border-primary)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4826
4864
|
}
|
|
4827
4865
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardHeaderComponent, decorators: [{
|
|
4828
4866
|
type: Component,
|
|
4829
4867
|
args: [{ selector: "tedi-card-header", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
4830
4868
|
"[class]": "classes()",
|
|
4831
4869
|
"[style]": "styles()",
|
|
4832
|
-
}, template: "<ng-content></ng-content>\n", styles: ["
|
|
4870
|
+
}, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.tedi-card-header--background--accent{background-color:var(--card-background-accent)}.tedi-card-header--background--brand-primary{background-color:var(--card-background-brand-primary)}.tedi-card-header--background--brand-secondary{background-color:var(--card-background-brand-secondary)}.tedi-card-header--background--brand-tertiary{background-color:var(--card-background-brand-tertiary)}.tedi-card-header--background--brand-quaternary{background-color:var(--card-background-brand-quaternary)}.tedi-card-header--background--primary{background-color:var(--card-background-primary)}.tedi-card-header--background--secondary{background-color:var(--card-background-secondary)}.tedi-card-header--background--tertiary{background-color:var(--card-background-tertiary)}.tedi-card-header--background--info-primary{background-color:var(--general-status-info-background-light)}.tedi-card-header--background--info-secondary{background-color:var(--general-status-info-background-dark)}.tedi-card-header--background--neutral-primary{background-color:var(--general-status-neutral-background-light)}.tedi-card-header--background--neutral-secondary{background-color:var(--general-status-neutral-background-dark)}.tedi-card-header--background--success-primary{background-color:var(--card-background-success)}.tedi-card-header--background--success-secondary{background-color:var(--general-status-success-background-secondary)}.tedi-card-header--background--danger-primary{background-color:var(--general-status-danger-background-primary)}.tedi-card-header--background--danger-secondary{background-color:var(--general-status-danger-background-secondary)}.tedi-card-header--background--warning-primary{background-color:var(--general-status-warning-background-light)}.tedi-card-header--background--warning-secondary{background-color:var(--general-status-warning-background-dark)}.tedi-card-header--background--brand-primary,.tedi-card-header--background--brand-secondary{color:var(--general-text-white)}.tedi-card-header{display:block;flex:0 0 auto;padding:var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-left)}@media print{.tedi-card-header{color:var(--general-text-primary);background:var(--card-background-primary);border-bottom:1px solid var(--card-border-primary)}}\n"] }]
|
|
4833
4871
|
}] });
|
|
4834
4872
|
|
|
4835
4873
|
class ListComponent {
|
|
@@ -6041,7 +6079,7 @@ class TagComponent {
|
|
|
6041
6079
|
this.closed.emit(event);
|
|
6042
6080
|
}
|
|
6043
6081
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6044
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: TagComponent, isStandalone: true, selector: "tedi-tag", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, ellipsis: { classPropertyName: "ellipsis", publicName: "ellipsis", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.tedi-tag": "true", "class.tedi-tag--loading": "loading()", "class.tedi-tag--closable": "closable()", "class.tedi-tag--ellipsis": "ellipsis() !== false", "class": "classes()" } }, ngImport: i0, template: "@if (type() === \"danger\") {\n <span class=\"tedi-tag__icon-wrapper\">\n <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n </span>\n}\n\n<span class=\"tedi-tag__content\" [attr.id]=\"uniqueId\">\n @if (ellipsis()) {\n <tedi-ellipsis [position]=\"ellipsisPosition()\" [lineClamp]=\"1\">\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n </tedi-ellipsis>\n } @else {\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n }\n</span>\n\n<ng-template #tagContent><ng-content /></ng-template>\n\n@if (loading()) {\n <span class=\"tedi-tag__spinner-wrapper\">\n <tedi-spinner [size]=\"48\" />\n </span>\n} @else if (closable()) {\n <button\n type=\"button\"\n tedi-closing-button\n size=\"small\"\n [iconSize]=\"18\"\n (click)=\"handleClose($event)\"\n [attr.aria-describedby]=\"uniqueId\"\n [ariaLabel]=\"'remove' | tediTranslate\"\n ></button>\n}\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_line-height: var(--body-small-regular-line-height);display:inline-flex;gap:var(--tag-default-padding-x);align-items:flex-start;padding:0 var(--tag-default-padding-x);font-family:var(--family-default);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--_line-height);color:var(--general-text-primary);background-color:var(--_background-color);border-radius:var(--tag-default-radius);box-shadow:inset 0 0 0 1px var(--_border-color)}.tedi-tag__content{padding:var(--tag-default-padding-y) 0}.tedi-tag--ellipsis .tedi-tag__content{min-width:0}.tedi-tag__icon-wrapper{line-height:var(--_line-height)}.tedi-tag--ellipsis{min-width:0;max-width:100%}.tedi-tag--ellipsis .tedi-tag__content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tedi-tag--ellipsis .tedi-tag__icon-wrapper,.tedi-tag--ellipsis .tedi-closing-button{flex-shrink:0}.tedi-tag--ellipsis-start .tedi-tag__content{text-align:left;direction:rtl}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--tag-default-padding-y))}.tedi-tag__spinner-wrapper tedi-spinner{--tedi-spinner-size: 12;--tedi-spinner-stroke: 2}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--closable:not(.tedi-tag--loading) .tedi-closing-button{border-radius:0 var(--button-radius-sm) var(--button-radius-sm) 0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "tedi-spinner", inputs: ["size", "color", "label"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "icon", "ariaLabel", "showTitle"] }, { kind: "component", type: EllipsisComponent, selector: "tedi-ellipsis", inputs: ["lineClamp", "tooltip", "position"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6082
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: TagComponent, isStandalone: true, selector: "tedi-tag", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, ellipsis: { classPropertyName: "ellipsis", publicName: "ellipsis", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.tedi-tag": "true", "class.tedi-tag--loading": "loading()", "class.tedi-tag--closable": "closable()", "class.tedi-tag--ellipsis": "ellipsis() !== false", "class": "classes()" } }, ngImport: i0, template: "@if (type() === \"danger\") {\n <span class=\"tedi-tag__icon-wrapper\">\n <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n </span>\n}\n\n<span class=\"tedi-tag__content\" [attr.id]=\"uniqueId\">\n @if (ellipsis()) {\n <tedi-ellipsis [position]=\"ellipsisPosition()\" [lineClamp]=\"1\">\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n </tedi-ellipsis>\n } @else {\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n }\n</span>\n\n<ng-template #tagContent><ng-content /></ng-template>\n\n@if (loading()) {\n <span class=\"tedi-tag__spinner-wrapper\">\n <tedi-spinner [size]=\"48\" />\n </span>\n} @else if (closable()) {\n <button\n type=\"button\"\n tedi-closing-button\n size=\"small\"\n [iconSize]=\"18\"\n (click)=\"handleClose($event)\"\n [attr.aria-describedby]=\"uniqueId\"\n [ariaLabel]=\"'remove' | tediTranslate\"\n ></button>\n}\n\n<span class=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n @if (loading()) {\n {{ \"loading\" | tediTranslate }}\n }\n</span>\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_line-height: var(--body-small-regular-line-height);display:inline-flex;gap:var(--tag-default-padding-x);align-items:flex-start;padding:0 var(--tag-default-padding-x);font-family:var(--family-default);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--_line-height);color:var(--general-text-primary);background-color:var(--_background-color);border-radius:var(--tag-default-radius);box-shadow:inset 0 0 0 1px var(--_border-color)}.tedi-tag__content{padding:var(--tag-default-padding-y) 0}.tedi-tag--ellipsis .tedi-tag__content{min-width:0}.tedi-tag__icon-wrapper{line-height:var(--_line-height)}.tedi-tag--ellipsis{min-width:0;max-width:100%}.tedi-tag--ellipsis .tedi-tag__content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tedi-tag--ellipsis .tedi-tag__icon-wrapper,.tedi-tag--ellipsis .tedi-closing-button{flex-shrink:0}.tedi-tag--ellipsis-start .tedi-tag__content{text-align:left;direction:rtl}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--tag-default-padding-y))}.tedi-tag__spinner-wrapper tedi-spinner{--tedi-spinner-size: 12;--tedi-spinner-stroke: 2}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--closable:not(.tedi-tag--loading) .tedi-closing-button{border-radius:0 var(--button-radius-sm) var(--button-radius-sm) 0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "tedi-spinner", inputs: ["size", "color", "label"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "icon", "ariaLabel", "showTitle"] }, { kind: "component", type: EllipsisComponent, selector: "tedi-ellipsis", inputs: ["lineClamp", "tooltip", "position"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6045
6083
|
}
|
|
6046
6084
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TagComponent, decorators: [{
|
|
6047
6085
|
type: Component,
|
|
@@ -6058,7 +6096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
|
|
|
6058
6096
|
"[class.tedi-tag--closable]": "closable()",
|
|
6059
6097
|
"[class.tedi-tag--ellipsis]": "ellipsis() !== false",
|
|
6060
6098
|
"[class]": "classes()",
|
|
6061
|
-
}, template: "@if (type() === \"danger\") {\n <span class=\"tedi-tag__icon-wrapper\">\n <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n </span>\n}\n\n<span class=\"tedi-tag__content\" [attr.id]=\"uniqueId\">\n @if (ellipsis()) {\n <tedi-ellipsis [position]=\"ellipsisPosition()\" [lineClamp]=\"1\">\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n </tedi-ellipsis>\n } @else {\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n }\n</span>\n\n<ng-template #tagContent><ng-content /></ng-template>\n\n@if (loading()) {\n <span class=\"tedi-tag__spinner-wrapper\">\n <tedi-spinner [size]=\"48\" />\n </span>\n} @else if (closable()) {\n <button\n type=\"button\"\n tedi-closing-button\n size=\"small\"\n [iconSize]=\"18\"\n (click)=\"handleClose($event)\"\n [attr.aria-describedby]=\"uniqueId\"\n [ariaLabel]=\"'remove' | tediTranslate\"\n ></button>\n}\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_line-height: var(--body-small-regular-line-height);display:inline-flex;gap:var(--tag-default-padding-x);align-items:flex-start;padding:0 var(--tag-default-padding-x);font-family:var(--family-default);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--_line-height);color:var(--general-text-primary);background-color:var(--_background-color);border-radius:var(--tag-default-radius);box-shadow:inset 0 0 0 1px var(--_border-color)}.tedi-tag__content{padding:var(--tag-default-padding-y) 0}.tedi-tag--ellipsis .tedi-tag__content{min-width:0}.tedi-tag__icon-wrapper{line-height:var(--_line-height)}.tedi-tag--ellipsis{min-width:0;max-width:100%}.tedi-tag--ellipsis .tedi-tag__content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tedi-tag--ellipsis .tedi-tag__icon-wrapper,.tedi-tag--ellipsis .tedi-closing-button{flex-shrink:0}.tedi-tag--ellipsis-start .tedi-tag__content{text-align:left;direction:rtl}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--tag-default-padding-y))}.tedi-tag__spinner-wrapper tedi-spinner{--tedi-spinner-size: 12;--tedi-spinner-stroke: 2}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--closable:not(.tedi-tag--loading) .tedi-closing-button{border-radius:0 var(--button-radius-sm) var(--button-radius-sm) 0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"] }]
|
|
6099
|
+
}, template: "@if (type() === \"danger\") {\n <span class=\"tedi-tag__icon-wrapper\">\n <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n </span>\n}\n\n<span class=\"tedi-tag__content\" [attr.id]=\"uniqueId\">\n @if (ellipsis()) {\n <tedi-ellipsis [position]=\"ellipsisPosition()\" [lineClamp]=\"1\">\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n </tedi-ellipsis>\n } @else {\n <ng-container [ngTemplateOutlet]=\"tagContent\" />\n }\n</span>\n\n<ng-template #tagContent><ng-content /></ng-template>\n\n@if (loading()) {\n <span class=\"tedi-tag__spinner-wrapper\">\n <tedi-spinner [size]=\"48\" />\n </span>\n} @else if (closable()) {\n <button\n type=\"button\"\n tedi-closing-button\n size=\"small\"\n [iconSize]=\"18\"\n (click)=\"handleClose($event)\"\n [attr.aria-describedby]=\"uniqueId\"\n [ariaLabel]=\"'remove' | tediTranslate\"\n ></button>\n}\n\n<span class=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n @if (loading()) {\n {{ \"loading\" | tediTranslate }}\n }\n</span>\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_line-height: var(--body-small-regular-line-height);display:inline-flex;gap:var(--tag-default-padding-x);align-items:flex-start;padding:0 var(--tag-default-padding-x);font-family:var(--family-default);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--_line-height);color:var(--general-text-primary);background-color:var(--_background-color);border-radius:var(--tag-default-radius);box-shadow:inset 0 0 0 1px var(--_border-color)}.tedi-tag__content{padding:var(--tag-default-padding-y) 0}.tedi-tag--ellipsis .tedi-tag__content{min-width:0}.tedi-tag__icon-wrapper{line-height:var(--_line-height)}.tedi-tag--ellipsis{min-width:0;max-width:100%}.tedi-tag--ellipsis .tedi-tag__content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tedi-tag--ellipsis .tedi-tag__icon-wrapper,.tedi-tag--ellipsis .tedi-closing-button{flex-shrink:0}.tedi-tag--ellipsis-start .tedi-tag__content{text-align:left;direction:rtl}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--tag-default-padding-y))}.tedi-tag__spinner-wrapper tedi-spinner{--tedi-spinner-size: 12;--tedi-spinner-stroke: 2}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--closable:not(.tedi-tag--loading) .tedi-closing-button{border-radius:0 var(--button-radius-sm) var(--button-radius-sm) 0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"] }]
|
|
6062
6100
|
}], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], ellipsis: [{ type: i0.Input, args: [{ isSignal: true, alias: "ellipsis", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
|
|
6063
6101
|
|
|
6064
6102
|
/** Horizontal gap (px) between tags in a single row. */
|