@tedi-design-system/angular 6.4.0-rc.2 → 6.4.0-rc.3
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/fesm2022/tedi-design-system-angular-tedi.mjs +3 -64
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/package.json +1 -1
- package/tedi/components/navigation/index.d.ts +0 -1
- package/tedi/components/navigation/index.d.ts.map +1 -1
- package/tedi/services/translation/translations.d.ts +0 -7
- package/tedi/services/translation/translations.d.ts.map +1 -1
- package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/horizontal-stepper-item.component.d.ts +0 -14
- package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/horizontal-stepper-item.component.d.ts.map +0 -1
- package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/index.d.ts +0 -2
- package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/index.d.ts.map +0 -1
- package/tedi/components/navigation/horizontal-stepper/horizontal-stepper.component.d.ts +0 -19
- package/tedi/components/navigation/horizontal-stepper/horizontal-stepper.component.d.ts.map +0 -1
- package/tedi/components/navigation/horizontal-stepper/index.d.ts +0 -3
- package/tedi/components/navigation/horizontal-stepper/index.d.ts.map +0 -1
|
@@ -602,13 +602,6 @@ const translationsMap = {
|
|
|
602
602
|
en: "Not completed",
|
|
603
603
|
ru: "Не завершено",
|
|
604
604
|
},
|
|
605
|
-
"stepper.error": {
|
|
606
|
-
description: "Label for screen-reader that this step has errors (visually hidden)",
|
|
607
|
-
components: ["HorizontalStepper"],
|
|
608
|
-
et: "Viga",
|
|
609
|
-
en: "Error",
|
|
610
|
-
ru: "Ошибка",
|
|
611
|
-
},
|
|
612
605
|
"skeleton.loading": {
|
|
613
606
|
description: "Announced by screen-readers when skeleton is loading",
|
|
614
607
|
components: ["Skeleton"],
|
|
@@ -2135,11 +2128,11 @@ class CollapseComponent {
|
|
|
2135
2128
|
}
|
|
2136
2129
|
}
|
|
2137
2130
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2138
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CollapseComponent, isStandalone: true, selector: "tedi-collapse", inputs: { openText: { classPropertyName: "openText", publicName: "openText", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, hideCollapseText: { classPropertyName: "hideCollapseText", publicName: "hideCollapseText", isSignal: true, isRequired: false, transformFunction: null }, arrowType: { classPropertyName: "arrowType", publicName: "arrowType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-collapse\" [class.tedi-collapse--open]=\"isOpen() === true\">\n <button\n class=\"tedi-collapse__button\"\n (click)=\"toggleCollapse()\"\n [attr.aria-expanded]=\"isOpen() ? true : false\"\n [attr.aria-controls]=\"collapseContentId\"\n >\n @if (hideCollapseText() === false) {\n <p tedi-text color=\"brand\" class=\"tedi-collapse__button--text\">\n {{\n isOpen()\n ? (closeText() ?? (\"close\" | tediTranslate))\n : (openText() ?? (\"open\" | tediTranslate))\n }}\n </p>\n }\n @if (arrowType() === \"default\") {\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n } @else if (arrowType() === \"secondary\") {\n <div class=\"tedi-collapse__icon--wrapper\">\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n </div>\n }\n </button>\n <div class=\"tedi-collapse__content\" [id]=\"collapseContentId\">\n <div class=\"tedi-collapse__extender\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}.tedi-collapse__button{display:flex;gap:var(--link-inner-spacing-x);align-items:center;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none}.tedi-collapse__button:disabled{cursor:default}.tedi-collapse__button--text{text-decoration:underline}.tedi-collapse__button:focus-visible{outline:2px solid var(--button-main-neutral-text-default);outline-offset:var(--global-outline-offset)}.tedi-collapse__icon{color:var(--button-main-neutral-text-default);transition:transform .3s ease}.tedi-collapse__icon--wrapper{display:flex;align-items:center;justify-content:center;width:var(--button-sm-icon-size);height:var(--button-sm-icon-size);border:var(--tedi-borders-01) solid var(--button-main-secondary-border-default);border-radius:100%}.tedi-collapse--open>.tedi-collapse__button .tedi-collapse__icon{transform:rotate(180deg)}.tedi-collapse__extender{visibility:hidden;min-height:0;padding-top:var(--tedi-dimensions-05);transition:visibility .3s}.tedi-collapse__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s}.tedi-collapse--open>.tedi-collapse__content{grid-template-rows:1fr}.tedi-collapse--open>.tedi-collapse__content .tedi-collapse__extender{visibility:visible}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2131
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CollapseComponent, isStandalone: true, selector: "tedi-collapse", inputs: { openText: { classPropertyName: "openText", publicName: "openText", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, hideCollapseText: { classPropertyName: "hideCollapseText", publicName: "hideCollapseText", isSignal: true, isRequired: false, transformFunction: null }, arrowType: { classPropertyName: "arrowType", publicName: "arrowType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-collapse\" [class.tedi-collapse--open]=\"isOpen() === true\">\n <button\n type=\"button\"\n class=\"tedi-collapse__button\"\n (click)=\"toggleCollapse()\"\n [attr.aria-expanded]=\"isOpen() ? true : false\"\n [attr.aria-controls]=\"collapseContentId\"\n >\n @if (hideCollapseText() === false) {\n <p tedi-text color=\"brand\" class=\"tedi-collapse__button--text\">\n {{\n isOpen()\n ? (closeText() ?? (\"close\" | tediTranslate))\n : (openText() ?? (\"open\" | tediTranslate))\n }}\n </p>\n }\n @if (arrowType() === \"default\") {\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n } @else if (arrowType() === \"secondary\") {\n <div class=\"tedi-collapse__icon--wrapper\">\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n </div>\n }\n </button>\n <div class=\"tedi-collapse__content\" [id]=\"collapseContentId\">\n <div class=\"tedi-collapse__extender\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}.tedi-collapse__button{display:flex;gap:var(--link-inner-spacing-x);align-items:center;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none}.tedi-collapse__button:disabled{cursor:default}.tedi-collapse__button--text{text-decoration:underline}.tedi-collapse__button:focus-visible{outline:2px solid var(--button-main-neutral-text-default);outline-offset:var(--global-outline-offset)}.tedi-collapse__icon{color:var(--button-main-neutral-text-default);transition:transform .3s ease}.tedi-collapse__icon--wrapper{display:flex;align-items:center;justify-content:center;width:var(--button-sm-icon-size);height:var(--button-sm-icon-size);border:var(--tedi-borders-01) solid var(--button-main-secondary-border-default);border-radius:100%}.tedi-collapse--open>.tedi-collapse__button .tedi-collapse__icon{transform:rotate(180deg)}.tedi-collapse__extender{visibility:hidden;min-height:0;padding-top:var(--tedi-dimensions-05);transition:visibility .3s}.tedi-collapse__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s}.tedi-collapse--open>.tedi-collapse__content{grid-template-rows:1fr}.tedi-collapse--open>.tedi-collapse__content .tedi-collapse__extender{visibility:visible}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2139
2132
|
}
|
|
2140
2133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CollapseComponent, decorators: [{
|
|
2141
2134
|
type: Component,
|
|
2142
|
-
args: [{ standalone: true, selector: "tedi-collapse", imports: [IconComponent, TextComponent, TediTranslationPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"tedi-collapse\" [class.tedi-collapse--open]=\"isOpen() === true\">\n <button\n class=\"tedi-collapse__button\"\n (click)=\"toggleCollapse()\"\n [attr.aria-expanded]=\"isOpen() ? true : false\"\n [attr.aria-controls]=\"collapseContentId\"\n >\n @if (hideCollapseText() === false) {\n <p tedi-text color=\"brand\" class=\"tedi-collapse__button--text\">\n {{\n isOpen()\n ? (closeText() ?? (\"close\" | tediTranslate))\n : (openText() ?? (\"open\" | tediTranslate))\n }}\n </p>\n }\n @if (arrowType() === \"default\") {\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n } @else if (arrowType() === \"secondary\") {\n <div class=\"tedi-collapse__icon--wrapper\">\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n </div>\n }\n </button>\n <div class=\"tedi-collapse__content\" [id]=\"collapseContentId\">\n <div class=\"tedi-collapse__extender\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}.tedi-collapse__button{display:flex;gap:var(--link-inner-spacing-x);align-items:center;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none}.tedi-collapse__button:disabled{cursor:default}.tedi-collapse__button--text{text-decoration:underline}.tedi-collapse__button:focus-visible{outline:2px solid var(--button-main-neutral-text-default);outline-offset:var(--global-outline-offset)}.tedi-collapse__icon{color:var(--button-main-neutral-text-default);transition:transform .3s ease}.tedi-collapse__icon--wrapper{display:flex;align-items:center;justify-content:center;width:var(--button-sm-icon-size);height:var(--button-sm-icon-size);border:var(--tedi-borders-01) solid var(--button-main-secondary-border-default);border-radius:100%}.tedi-collapse--open>.tedi-collapse__button .tedi-collapse__icon{transform:rotate(180deg)}.tedi-collapse__extender{visibility:hidden;min-height:0;padding-top:var(--tedi-dimensions-05);transition:visibility .3s}.tedi-collapse__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s}.tedi-collapse--open>.tedi-collapse__content{grid-template-rows:1fr}.tedi-collapse--open>.tedi-collapse__content .tedi-collapse__extender{visibility:visible}\n"] }]
|
|
2135
|
+
args: [{ standalone: true, selector: "tedi-collapse", imports: [IconComponent, TextComponent, TediTranslationPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"tedi-collapse\" [class.tedi-collapse--open]=\"isOpen() === true\">\n <button\n type=\"button\"\n class=\"tedi-collapse__button\"\n (click)=\"toggleCollapse()\"\n [attr.aria-expanded]=\"isOpen() ? true : false\"\n [attr.aria-controls]=\"collapseContentId\"\n >\n @if (hideCollapseText() === false) {\n <p tedi-text color=\"brand\" class=\"tedi-collapse__button--text\">\n {{\n isOpen()\n ? (closeText() ?? (\"close\" | tediTranslate))\n : (openText() ?? (\"open\" | tediTranslate))\n }}\n </p>\n }\n @if (arrowType() === \"default\") {\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n } @else if (arrowType() === \"secondary\") {\n <div class=\"tedi-collapse__icon--wrapper\">\n <tedi-icon class=\"tedi-collapse__icon\" name=\"expand_more\" color=\"brand\" />\n </div>\n }\n </button>\n <div class=\"tedi-collapse__content\" [id]=\"collapseContentId\">\n <div class=\"tedi-collapse__extender\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}.tedi-collapse__button{display:flex;gap:var(--link-inner-spacing-x);align-items:center;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none}.tedi-collapse__button:disabled{cursor:default}.tedi-collapse__button--text{text-decoration:underline}.tedi-collapse__button:focus-visible{outline:2px solid var(--button-main-neutral-text-default);outline-offset:var(--global-outline-offset)}.tedi-collapse__icon{color:var(--button-main-neutral-text-default);transition:transform .3s ease}.tedi-collapse__icon--wrapper{display:flex;align-items:center;justify-content:center;width:var(--button-sm-icon-size);height:var(--button-sm-icon-size);border:var(--tedi-borders-01) solid var(--button-main-secondary-border-default);border-radius:100%}.tedi-collapse--open>.tedi-collapse__button .tedi-collapse__icon{transform:rotate(180deg)}.tedi-collapse__extender{visibility:hidden;min-height:0;padding-top:var(--tedi-dimensions-05);transition:visibility .3s}.tedi-collapse__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s}.tedi-collapse--open>.tedi-collapse__content{grid-template-rows:1fr}.tedi-collapse--open>.tedi-collapse__content .tedi-collapse__extender{visibility:visible}\n"] }]
|
|
2143
2136
|
}] });
|
|
2144
2137
|
|
|
2145
2138
|
class ListComponent {
|
|
@@ -8023,60 +8016,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
8023
8016
|
args: ["click"]
|
|
8024
8017
|
}] } });
|
|
8025
8018
|
|
|
8026
|
-
class HorizontalStepperItemComponent {
|
|
8027
|
-
label = input.required();
|
|
8028
|
-
description = input();
|
|
8029
|
-
completed = input(false, { transform: booleanAttribute });
|
|
8030
|
-
error = input(false, { transform: booleanAttribute });
|
|
8031
|
-
selected = input(false, { transform: booleanAttribute });
|
|
8032
|
-
stepSelect = output();
|
|
8033
|
-
/** @internal Set by parent HorizontalStepperComponent */
|
|
8034
|
-
_stepNumber = signal(0);
|
|
8035
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HorizontalStepperItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8036
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HorizontalStepperItemComponent, isStandalone: true, selector: "tedi-horizontal-stepper-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, completed: { classPropertyName: "completed", publicName: "completed", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepSelect: "stepSelect" }, host: { properties: { "class.tedi-horizontal-stepper-item": "true", "class.tedi-horizontal-stepper-item--selected": "selected()", "class.tedi-horizontal-stepper-item--completed": "completed() && !error()", "class.tedi-horizontal-stepper-item--error": "error()" } }, ngImport: i0, template: "<button\n class=\"tedi-horizontal-stepper-item__step\"\n type=\"button\"\n [attr.aria-current]=\"selected() ? 'step' : null\"\n (click)=\"stepSelect.emit()\"\n>\n <span class=\"tedi-horizontal-stepper-item__indicator\">\n @if (completed() && !error()) {\n <tedi-icon\n name=\"check\"\n color=\"white\"\n [size]=\"18\"\n [label]=\"'stepper.completed' | tediTranslate\"\n />\n } @else if (error()) {\n <tedi-icon\n name=\"exclamation\"\n color=\"white\"\n [size]=\"18\"\n [label]=\"'stepper.error' | tediTranslate\"\n />\n } @else {\n <span class=\"tedi-horizontal-stepper-item__number\">{{ _stepNumber() }}</span>\n }\n </span>\n <span class=\"tedi-horizontal-stepper-item__content\">\n <span class=\"tedi-horizontal-stepper-item__label\">{{ label() }}</span>\n @if (description()) {\n <span class=\"tedi-horizontal-stepper-item__description\">{{ description() }}</span>\n }\n </span>\n</button>\n", styles: [".tedi-horizontal-stepper-item{position:relative;display:flex}.tedi-horizontal-stepper-item__step{position:relative;display:flex;gap:var(--stepper-item-horizontal-inner-spacing);align-items:flex-start;width:auto;min-height:40px;padding:var(--stepper-item-horizontal-padding-y) var(--stepper-item-horizontal-padding-x);font-family:var(--family-default);text-align:left;cursor:pointer;background:none;border:none;border-radius:0}.tedi-horizontal-stepper-item__step:focus-visible{z-index:2;outline:2px solid var(--general-focus-outline);outline-offset:-2px}.tedi-horizontal-stepper-item__indicator{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--stepper-item-vertical-step-size-lg);height:var(--stepper-item-vertical-step-size-lg);background-color:var(--stepper-step-default-bg);border:1px solid var(--stepper-step-default-border);border-radius:100%}.tedi-horizontal-stepper-item__number{font-size:var(--body-small-bold-size);font-weight:var(--body-bold-weight);line-height:var(--body-small-bold-line-height);color:var(--general-text-secondary)}.tedi-horizontal-stepper-item__content{display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.tedi-horizontal-stepper-item__label{font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--stepper-item-horizontal-text-default)}.tedi-horizontal-stepper-item__description{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height);color:var(--general-text-tertiary)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-default-bg-hover);border-color:transparent}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__number{color:var(--general-text-white)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__label{color:var(--stepper-item-horizontal-text-hover)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active{background-color:var(--stepper-item-horizontal-type-default-bg-active)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-default-bg);border-color:transparent}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__number{color:var(--general-text-primary)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__label{color:var(--stepper-item-horizontal-text-hover)}.tedi-horizontal-stepper-item--selected{--_step-arrow-width: 1rem;z-index:1}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__step{padding-right:calc(var(--stepper-item-horizontal-padding-x) + var(--_step-arrow-width));cursor:default;background-color:var(--stepper-item-horizontal-type-selected-bg-default);clip-path:polygon(0 0,calc(100% - var(--_step-arrow-width)) 0,100% 50%,calc(100% - var(--_step-arrow-width)) 100%,0 100%)}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-default-bg);border-color:transparent}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__number{font-weight:var(--body-bold-weight);color:var(--general-text-brand)}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__label{font-weight:var(--body-bold-weight);line-height:var(--body-bold-line-height);color:var(--stepper-item-horizontal-text-selected)}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__description{color:var(--general-text-white)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step{background-color:var(--stepper-item-horizontal-type-completed-bg-default)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-completed-bg);border-color:transparent}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-completed-default)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-completed-bg-hover)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-completed-hover)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active{background-color:var(--stepper-item-horizontal-type-completed-bg-active)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-completed-bg-hover)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-completed-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step{background-color:var(--stepper-item-horizontal-type-danger-bg-default)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-danger-bg);border-color:transparent}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-danger-default)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-danger-bg-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-danger-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active{background-color:var(--stepper-item-horizontal-type-danger-bg-active)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-danger-bg-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-danger-hover)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
8037
|
-
}
|
|
8038
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HorizontalStepperItemComponent, decorators: [{
|
|
8039
|
-
type: Component,
|
|
8040
|
-
args: [{ selector: "tedi-horizontal-stepper-item", imports: [IconComponent, TediTranslationPipe], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
8041
|
-
"[class.tedi-horizontal-stepper-item]": "true",
|
|
8042
|
-
"[class.tedi-horizontal-stepper-item--selected]": "selected()",
|
|
8043
|
-
"[class.tedi-horizontal-stepper-item--completed]": "completed() && !error()",
|
|
8044
|
-
"[class.tedi-horizontal-stepper-item--error]": "error()",
|
|
8045
|
-
}, template: "<button\n class=\"tedi-horizontal-stepper-item__step\"\n type=\"button\"\n [attr.aria-current]=\"selected() ? 'step' : null\"\n (click)=\"stepSelect.emit()\"\n>\n <span class=\"tedi-horizontal-stepper-item__indicator\">\n @if (completed() && !error()) {\n <tedi-icon\n name=\"check\"\n color=\"white\"\n [size]=\"18\"\n [label]=\"'stepper.completed' | tediTranslate\"\n />\n } @else if (error()) {\n <tedi-icon\n name=\"exclamation\"\n color=\"white\"\n [size]=\"18\"\n [label]=\"'stepper.error' | tediTranslate\"\n />\n } @else {\n <span class=\"tedi-horizontal-stepper-item__number\">{{ _stepNumber() }}</span>\n }\n </span>\n <span class=\"tedi-horizontal-stepper-item__content\">\n <span class=\"tedi-horizontal-stepper-item__label\">{{ label() }}</span>\n @if (description()) {\n <span class=\"tedi-horizontal-stepper-item__description\">{{ description() }}</span>\n }\n </span>\n</button>\n", styles: [".tedi-horizontal-stepper-item{position:relative;display:flex}.tedi-horizontal-stepper-item__step{position:relative;display:flex;gap:var(--stepper-item-horizontal-inner-spacing);align-items:flex-start;width:auto;min-height:40px;padding:var(--stepper-item-horizontal-padding-y) var(--stepper-item-horizontal-padding-x);font-family:var(--family-default);text-align:left;cursor:pointer;background:none;border:none;border-radius:0}.tedi-horizontal-stepper-item__step:focus-visible{z-index:2;outline:2px solid var(--general-focus-outline);outline-offset:-2px}.tedi-horizontal-stepper-item__indicator{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--stepper-item-vertical-step-size-lg);height:var(--stepper-item-vertical-step-size-lg);background-color:var(--stepper-step-default-bg);border:1px solid var(--stepper-step-default-border);border-radius:100%}.tedi-horizontal-stepper-item__number{font-size:var(--body-small-bold-size);font-weight:var(--body-bold-weight);line-height:var(--body-small-bold-line-height);color:var(--general-text-secondary)}.tedi-horizontal-stepper-item__content{display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.tedi-horizontal-stepper-item__label{font-size:var(--body-regular-size);font-weight:var(--body-regular-weight);line-height:var(--body-regular-line-height);color:var(--stepper-item-horizontal-text-default)}.tedi-horizontal-stepper-item__description{font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height);color:var(--general-text-tertiary)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-default-bg-hover);border-color:transparent}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__number{color:var(--general-text-white)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__label{color:var(--stepper-item-horizontal-text-hover)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active{background-color:var(--stepper-item-horizontal-type-default-bg-active)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-default-bg);border-color:transparent}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__number{color:var(--general-text-primary)}.tedi-horizontal-stepper-item:not(.tedi-horizontal-stepper-item--selected):not(.tedi-horizontal-stepper-item--completed):not(.tedi-horizontal-stepper-item--error) .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__label{color:var(--stepper-item-horizontal-text-hover)}.tedi-horizontal-stepper-item--selected{--_step-arrow-width: 1rem;z-index:1}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__step{padding-right:calc(var(--stepper-item-horizontal-padding-x) + var(--_step-arrow-width));cursor:default;background-color:var(--stepper-item-horizontal-type-selected-bg-default);clip-path:polygon(0 0,calc(100% - var(--_step-arrow-width)) 0,100% 50%,calc(100% - var(--_step-arrow-width)) 100%,0 100%)}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-default-bg);border-color:transparent}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__number{font-weight:var(--body-bold-weight);color:var(--general-text-brand)}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__label{font-weight:var(--body-bold-weight);line-height:var(--body-bold-line-height);color:var(--stepper-item-horizontal-text-selected)}.tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__description{color:var(--general-text-white)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step{background-color:var(--stepper-item-horizontal-type-completed-bg-default)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-completed-bg);border-color:transparent}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-completed-default)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-completed-bg-hover)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-completed-hover)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active{background-color:var(--stepper-item-horizontal-type-completed-bg-active)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-completed-bg-hover)}.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--completed .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-completed-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step{background-color:var(--stepper-item-horizontal-type-danger-bg-default)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-danger-bg);border-color:transparent}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-danger-default)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-danger-bg-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:hover .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-danger-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active{background-color:var(--stepper-item-horizontal-type-danger-bg-active)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__indicator{background-color:var(--stepper-step-danger-bg-hover)}.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__label,.tedi-horizontal-stepper-item--error .tedi-horizontal-stepper-item__step:active .tedi-horizontal-stepper-item__description{color:var(--stepper-item-horizontal-text-danger-hover)}\n"] }]
|
|
8046
|
-
}] });
|
|
8047
|
-
|
|
8048
|
-
class HorizontalStepperComponent {
|
|
8049
|
-
ariaLabel = input();
|
|
8050
|
-
background = input("default");
|
|
8051
|
-
/**
|
|
8052
|
-
* Collapse labels so only indicators plus the selected step's label are visible.
|
|
8053
|
-
* `true` — always collapsed. A breakpoint (`'sm'`, `'md'`, `'lg'`, `'xl'`) — collapsed below that breakpoint. @default 'sm'
|
|
8054
|
-
*/
|
|
8055
|
-
compact = input("sm");
|
|
8056
|
-
items = contentChildren(HorizontalStepperItemComponent);
|
|
8057
|
-
assignStepNumbers = effect(() => {
|
|
8058
|
-
this.items().forEach((item, index) => {
|
|
8059
|
-
item._stepNumber.set(index + 1);
|
|
8060
|
-
});
|
|
8061
|
-
});
|
|
8062
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HorizontalStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8063
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: HorizontalStepperComponent, isStandalone: true, selector: "tedi-horizontal-stepper", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "navigation" }, properties: { "class.tedi-horizontal-stepper": "true", "class.tedi-horizontal-stepper--transparent": "background() === 'transparent'", "class.tedi-horizontal-stepper--compact": "compact() === true", "class.tedi-horizontal-stepper--compact-sm": "compact() === 'sm'", "class.tedi-horizontal-stepper--compact-md": "compact() === 'md'", "class.tedi-horizontal-stepper--compact-lg": "compact() === 'lg'", "class.tedi-horizontal-stepper--compact-xl": "compact() === 'xl'", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "items", predicate: HorizontalStepperItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [".tedi-horizontal-stepper{display:flex;background-color:var(--stepper-background)}.tedi-horizontal-stepper--transparent{background-color:transparent}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}@media (max-width: 575.98px){.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media (max-width: 767.98px){.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media (max-width: 991.98px){.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media (max-width: 1199.98px){.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
8064
|
-
}
|
|
8065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HorizontalStepperComponent, decorators: [{
|
|
8066
|
-
type: Component,
|
|
8067
|
-
args: [{ selector: "tedi-horizontal-stepper", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
8068
|
-
"[class.tedi-horizontal-stepper]": "true",
|
|
8069
|
-
"[class.tedi-horizontal-stepper--transparent]": "background() === 'transparent'",
|
|
8070
|
-
"[class.tedi-horizontal-stepper--compact]": "compact() === true",
|
|
8071
|
-
"[class.tedi-horizontal-stepper--compact-sm]": "compact() === 'sm'",
|
|
8072
|
-
"[class.tedi-horizontal-stepper--compact-md]": "compact() === 'md'",
|
|
8073
|
-
"[class.tedi-horizontal-stepper--compact-lg]": "compact() === 'lg'",
|
|
8074
|
-
"[class.tedi-horizontal-stepper--compact-xl]": "compact() === 'xl'",
|
|
8075
|
-
role: "navigation",
|
|
8076
|
-
"[attr.aria-label]": "ariaLabel()",
|
|
8077
|
-
}, template: "<ng-content />\n", styles: [".tedi-horizontal-stepper{display:flex;background-color:var(--stepper-background)}.tedi-horizontal-stepper--transparent{background-color:transparent}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}@media (max-width: 575.98px){.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media (max-width: 767.98px){.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media (max-width: 991.98px){.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media (max-width: 1199.98px){.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}\n"] }]
|
|
8078
|
-
}] });
|
|
8079
|
-
|
|
8080
8019
|
class DropdownItemValueMetaComponent {
|
|
8081
8020
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownItemValueMetaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8082
8021
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DropdownItemValueMetaComponent, isStandalone: true, selector: "tedi-dropdown-item-value-meta", host: { classAttribute: "tedi-dropdown-item-value__meta" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -8746,5 +8685,5 @@ function provideTedi(config = {}) {
|
|
|
8746
8685
|
* Generated bundle index. Do not edit.
|
|
8747
8686
|
*/
|
|
8748
8687
|
|
|
8749
|
-
export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, FeedbackTextComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective,
|
|
8688
|
+
export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, FeedbackTextComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TagComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, generateUUID, provideTedi };
|
|
8750
8689
|
//# sourceMappingURL=tedi-design-system-angular-tedi.mjs.map
|