@tedi-design-system/angular 9.0.0-rc.10 → 9.0.0-rc.12
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-community-text-editor.mjs +2 -2
- package/fesm2022/tedi-design-system-angular-community-text-editor.mjs.map +1 -1
- package/fesm2022/tedi-design-system-angular-community.mjs +10 -10
- package/fesm2022/tedi-design-system-angular-community.mjs.map +1 -1
- package/fesm2022/tedi-design-system-angular-tedi.mjs +114 -98
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/fonts/LICENSE-Apache-2.0.txt +202 -0
- package/index-without-icons.css +1 -1
- package/index.css +1 -1
- package/package.json +1 -1
- package/tedi/index.d.ts +56 -41
- package/tedi/index.d.ts.map +1 -1
|
@@ -666,7 +666,7 @@ class CheckboxCardGroupComponent extends CheckboxGroupComponent {
|
|
|
666
666
|
provide: CheckboxGroupComponent,
|
|
667
667
|
useExisting: CheckboxCardGroupComponent,
|
|
668
668
|
},
|
|
669
|
-
], queries: [{ propertyName: "checkboxes", predicate: i0.forwardRef(() => CheckboxComponent), descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ChoiceGroupDirective, inputs: ["variant", "variant", "hasIndicator", "hasIndicator", "spacing", "spacing"] }], ngImport: i0, template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-
|
|
669
|
+
], queries: [{ propertyName: "checkboxes", predicate: i0.forwardRef(() => CheckboxComponent), descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ChoiceGroupDirective, inputs: ["variant", "variant", "hasIndicator", "hasIndicator", "spacing", "spacing"] }], ngImport: i0, template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-default );--_radio-label-color: var( --form-choice-card-primary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-primary-selected-background-default );--_radio-label-color: var( --form-choice-card-primary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-selected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-primary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-primary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-disabled )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-borderless )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-background-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var(--form-choice-checkbox-selected-border-inverted);--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-default );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-secondary-selected-background-default );--_radio-label-color: var( --form-choice-card-secondary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-selected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-secondary-selected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n", ".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["id", "text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color", "visuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
670
670
|
}
|
|
671
671
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxCardGroupComponent, decorators: [{
|
|
672
672
|
type: Component,
|
|
@@ -685,7 +685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
|
|
|
685
685
|
directive: ChoiceGroupDirective,
|
|
686
686
|
inputs: ["variant", "hasIndicator", "spacing"],
|
|
687
687
|
},
|
|
688
|
-
], template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-
|
|
688
|
+
], template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-default );--_radio-label-color: var( --form-choice-card-primary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-primary-selected-background-default );--_radio-label-color: var( --form-choice-card-primary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-selected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-primary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-primary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-disabled )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-borderless )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-background-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var(--form-choice-checkbox-selected-border-inverted);--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-default );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-secondary-selected-background-default );--_radio-label-color: var( --form-choice-card-secondary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-selected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-secondary-selected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n", ".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"] }]
|
|
689
689
|
}], ctorParameters: () => [], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], checkboxes: [{ type: i0.ContentChildren, args: [forwardRef(() => CheckboxComponent), { ...{
|
|
690
690
|
descendants: true,
|
|
691
691
|
}, isSignal: true }] }] } });
|
|
@@ -794,7 +794,7 @@ class CheckboxComponent {
|
|
|
794
794
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
795
795
|
multi: true,
|
|
796
796
|
},
|
|
797
|
-
], viewQueries: [{ propertyName: "_inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tedi-checkbox__input-area\">\n <input\n class=\"tedi-checkbox__input\"\n type=\"checkbox\"\n #input\n [id]=\"inputId()\"\n [checked]=\"checked()\"\n [disabled]=\"checkboxDisabled()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"_onTouched()\"\n />\n <div class=\"tedi-checkbox__indicator\">\n @if (indicatorIcon(); as iconName) {\n <tedi-icon [name]=\"iconName\" color=\"white\" [size]=\"iconSize()\" />\n }\n </div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-checkbox__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox{--_checkbox-bg: var(--form-checkbox-
|
|
797
|
+
], viewQueries: [{ propertyName: "_inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tedi-checkbox__input-area\">\n <input\n class=\"tedi-checkbox__input\"\n type=\"checkbox\"\n #input\n [id]=\"inputId()\"\n [checked]=\"checked()\"\n [disabled]=\"checkboxDisabled()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"_onTouched()\"\n />\n <div class=\"tedi-checkbox__indicator\">\n @if (indicatorIcon(); as iconName) {\n <tedi-icon [name]=\"iconName\" color=\"white\" [size]=\"iconSize()\" />\n }\n </div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-checkbox__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox{--_checkbox-bg: var(--form-choice-checkbox-unselected-default);--_checkbox-border: var(--form-choice-checkbox-unselected-border-default);--_checkbox-label-color: var(--general-text-primary);--_checkbox-check-color: var(--_checkbox-border);--_checkbox-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_checkbox-size: var(--form-checkbox-radio-size-responsive);--_checkbox-radius: var(--form-checkbox-radio-indicator-radius-checkbox);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-checkbox tedi-icon{-webkit-user-select:none;user-select:none}.tedi-checkbox__input-area{position:relative;grid-area:input-area}.tedi-checkbox__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-checkbox__indicator{position:relative;width:var(--_checkbox-size);height:var(--_checkbox-size);border-radius:var(--_checkbox-radius);border:1px solid var(--_checkbox-border);background:var(--_checkbox-bg);margin-right:var(--_checkbox-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-checkbox__label{color:var(--_checkbox-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-checkbox:has(input:checked,input:indeterminate){--_checkbox-bg: var(--form-choice-checkbox-selected-default);--_checkbox-border: var(--form-choice-checkbox-selected-border-default)}.tedi-checkbox:has(input:hover,input:focus-visible) .tedi-checkbox__indicator{outline:1px solid var(--_checkbox-border)}.tedi-checkbox:has(input:hover,input:focus-visible){--_checkbox-border: var(--form-choice-checkbox-unselected-border-hover)}.tedi-checkbox:has(input:active){--_checkbox-border: var(--form-choice-checkbox-unselected-border-active)}.tedi-checkbox:has(input:checked:active,input:indeterminate:active){--_checkbox-bg: var(--form-choice-checkbox-selected-active)}.tedi-checkbox:has(input:disabled){pointer-events:none;--_checkbox-label-color: var(--general-text-disabled);--_checkbox-bg: var(--form-input-background-disabled);--_checkbox-border: var(--form-input-border-disabled)}.tedi-checkbox:has(input:disabled:checked,input:disabled:indeterminate){--_checkbox-bg: var(--form-choice-checkbox-selected-disabled);--_checkbox-border: var(--form-choice-checkbox-selected-border-disabled)}.tedi-checkbox--error:has(input:not(:checked,:indeterminate,:disabled)){--_checkbox-bg: var(--form-choice-checkbox-unselected-default);--_checkbox-border: var(--form-general-feedback-error-border)}.tedi-checkbox--large{--_checkbox-size: var(--form-checkbox-radio-size-large)}.tedi-checkbox .tedi-feedback-text{grid-area:feedback}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["id", "text", "type", "position"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
798
798
|
}
|
|
799
799
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
800
800
|
type: Component,
|
|
@@ -808,7 +808,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
|
|
|
808
808
|
"[class.tedi-checkbox]": "true",
|
|
809
809
|
"[class.tedi-checkbox--error]": "hasError() || cardGroup?.hasError()",
|
|
810
810
|
"[class.tedi-checkbox--large]": "checkboxSize() === 'large'",
|
|
811
|
-
}, template: "<div class=\"tedi-checkbox__input-area\">\n <input\n class=\"tedi-checkbox__input\"\n type=\"checkbox\"\n #input\n [id]=\"inputId()\"\n [checked]=\"checked()\"\n [disabled]=\"checkboxDisabled()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"_onTouched()\"\n />\n <div class=\"tedi-checkbox__indicator\">\n @if (indicatorIcon(); as iconName) {\n <tedi-icon [name]=\"iconName\" color=\"white\" [size]=\"iconSize()\" />\n }\n </div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-checkbox__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox{--_checkbox-bg: var(--form-checkbox-
|
|
811
|
+
}, template: "<div class=\"tedi-checkbox__input-area\">\n <input\n class=\"tedi-checkbox__input\"\n type=\"checkbox\"\n #input\n [id]=\"inputId()\"\n [checked]=\"checked()\"\n [disabled]=\"checkboxDisabled()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"_onTouched()\"\n />\n <div class=\"tedi-checkbox__indicator\">\n @if (indicatorIcon(); as iconName) {\n <tedi-icon [name]=\"iconName\" color=\"white\" [size]=\"iconSize()\" />\n }\n </div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-checkbox__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox{--_checkbox-bg: var(--form-choice-checkbox-unselected-default);--_checkbox-border: var(--form-choice-checkbox-unselected-border-default);--_checkbox-label-color: var(--general-text-primary);--_checkbox-check-color: var(--_checkbox-border);--_checkbox-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_checkbox-size: var(--form-checkbox-radio-size-responsive);--_checkbox-radius: var(--form-checkbox-radio-indicator-radius-checkbox);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-checkbox tedi-icon{-webkit-user-select:none;user-select:none}.tedi-checkbox__input-area{position:relative;grid-area:input-area}.tedi-checkbox__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-checkbox__indicator{position:relative;width:var(--_checkbox-size);height:var(--_checkbox-size);border-radius:var(--_checkbox-radius);border:1px solid var(--_checkbox-border);background:var(--_checkbox-bg);margin-right:var(--_checkbox-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-checkbox__label{color:var(--_checkbox-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-checkbox:has(input:checked,input:indeterminate){--_checkbox-bg: var(--form-choice-checkbox-selected-default);--_checkbox-border: var(--form-choice-checkbox-selected-border-default)}.tedi-checkbox:has(input:hover,input:focus-visible) .tedi-checkbox__indicator{outline:1px solid var(--_checkbox-border)}.tedi-checkbox:has(input:hover,input:focus-visible){--_checkbox-border: var(--form-choice-checkbox-unselected-border-hover)}.tedi-checkbox:has(input:active){--_checkbox-border: var(--form-choice-checkbox-unselected-border-active)}.tedi-checkbox:has(input:checked:active,input:indeterminate:active){--_checkbox-bg: var(--form-choice-checkbox-selected-active)}.tedi-checkbox:has(input:disabled){pointer-events:none;--_checkbox-label-color: var(--general-text-disabled);--_checkbox-bg: var(--form-input-background-disabled);--_checkbox-border: var(--form-input-border-disabled)}.tedi-checkbox:has(input:disabled:checked,input:disabled:indeterminate){--_checkbox-bg: var(--form-choice-checkbox-selected-disabled);--_checkbox-border: var(--form-choice-checkbox-selected-border-disabled)}.tedi-checkbox--error:has(input:not(:checked,:indeterminate,:disabled)){--_checkbox-bg: var(--form-choice-checkbox-unselected-default);--_checkbox-border: var(--form-general-feedback-error-border)}.tedi-checkbox--large{--_checkbox-size: var(--form-checkbox-radio-size-large)}.tedi-checkbox .tedi-feedback-text{grid-area:feedback}\n"] }]
|
|
812
812
|
}], ctorParameters: () => [], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }, { type: i0.Output, args: ["indeterminateChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], _inputEl: [{ type: i0.ViewChild, args: ["input", { isSignal: true }] }] } });
|
|
813
813
|
|
|
814
814
|
class FormFieldComponent {
|
|
@@ -1063,7 +1063,7 @@ class RadioComponent {
|
|
|
1063
1063
|
}
|
|
1064
1064
|
}
|
|
1065
1065
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1066
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: RadioComponent, isStandalone: true, selector: "tedi-radio", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "class.tedi-radio": "true", "class.tedi-radio--error": "hasError() || radioGroup?.hasError()", "class.tedi-radio--large": "radioGroup?.size() === 'large'" } }, viewQueries: [{ propertyName: "_inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-
|
|
1066
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: RadioComponent, isStandalone: true, selector: "tedi-radio", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "class.tedi-radio": "true", "class.tedi-radio--error": "hasError() || radioGroup?.hasError()", "class.tedi-radio--large": "radioGroup?.size() === 'large'" } }, viewQueries: [{ propertyName: "_inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-choice-radio-unselected-background-default);--_radio-border: var(--form-choice-radio-unselected-border-default);--_radio-label-color: var(--general-text-primary);--_radio-dot-bg: var(--_radio-border);--_radio-dot-size: 12px;--_radio-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_radio-size: var(--form-checkbox-radio-size-responsive);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-radio__input-area{position:relative;grid-area:input-area}.tedi-radio__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-radio__indicator{position:relative;width:var(--_radio-size);height:var(--_radio-size);border-radius:50%;border:1px solid var(--_radio-border);background:var(--_radio-bg);margin-right:var(--_radio-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-radio__indicator:after{content:\"\";border-radius:50%;display:none;background:var(--_radio-dot-bg);height:var(--_radio-dot-size);width:var(--_radio-dot-size)}.tedi-radio__label{color:var(--_radio-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-radio:has(input:checked) .tedi-radio__indicator:after{display:block}.tedi-radio:has(input:checked){--_radio-border: var(--form-choice-radio-selected-border-default)}.tedi-radio:has(input:hover,input:focus-visible) .tedi-radio__indicator{outline:1px solid var(--_radio-border)}.tedi-radio:has(input:hover,input:focus-visible){--_radio-border: var(--form-choice-radio-unselected-border-hover)}.tedi-radio:has(input:active){--_radio-border: var(--form-choice-radio-unselected-border-active)}.tedi-radio:has(input:disabled){pointer-events:none;--_radio-label-color: var(--general-text-disabled);--_radio-bg: var(--form-input-background-disabled);--_radio-border: var(--form-input-border-disabled)}.tedi-radio:has(input:disabled:checked){--_radio-dot-bg: var(--form-choice-radio-selected-indicator-disabled);--_radio-border: var(--form-choice-radio-selected-border-disabled)}.tedi-radio--error{--_radio-bg: var(--form-choice-radio-unselected-background-default);--_radio-border: var(--form-general-feedback-error-border)}.tedi-radio--large{--_radio-dot-size: 16px;--_radio-size: var(--form-checkbox-radio-size-large)}.tedi-radio .tedi-feedback-text{grid-area:feedback}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["id", "text", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1067
1067
|
}
|
|
1068
1068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioComponent, decorators: [{
|
|
1069
1069
|
type: Component,
|
|
@@ -1071,7 +1071,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
|
|
|
1071
1071
|
"[class.tedi-radio]": "true",
|
|
1072
1072
|
"[class.tedi-radio--error]": "hasError() || radioGroup?.hasError()",
|
|
1073
1073
|
"[class.tedi-radio--large]": "radioGroup?.size() === 'large'",
|
|
1074
|
-
}, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-
|
|
1074
|
+
}, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-choice-radio-unselected-background-default);--_radio-border: var(--form-choice-radio-unselected-border-default);--_radio-label-color: var(--general-text-primary);--_radio-dot-bg: var(--_radio-border);--_radio-dot-size: 12px;--_radio-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_radio-size: var(--form-checkbox-radio-size-responsive);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-radio__input-area{position:relative;grid-area:input-area}.tedi-radio__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-radio__indicator{position:relative;width:var(--_radio-size);height:var(--_radio-size);border-radius:50%;border:1px solid var(--_radio-border);background:var(--_radio-bg);margin-right:var(--_radio-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-radio__indicator:after{content:\"\";border-radius:50%;display:none;background:var(--_radio-dot-bg);height:var(--_radio-dot-size);width:var(--_radio-dot-size)}.tedi-radio__label{color:var(--_radio-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-radio:has(input:checked) .tedi-radio__indicator:after{display:block}.tedi-radio:has(input:checked){--_radio-border: var(--form-choice-radio-selected-border-default)}.tedi-radio:has(input:hover,input:focus-visible) .tedi-radio__indicator{outline:1px solid var(--_radio-border)}.tedi-radio:has(input:hover,input:focus-visible){--_radio-border: var(--form-choice-radio-unselected-border-hover)}.tedi-radio:has(input:active){--_radio-border: var(--form-choice-radio-unselected-border-active)}.tedi-radio:has(input:disabled){pointer-events:none;--_radio-label-color: var(--general-text-disabled);--_radio-bg: var(--form-input-background-disabled);--_radio-border: var(--form-input-border-disabled)}.tedi-radio:has(input:disabled:checked){--_radio-dot-bg: var(--form-choice-radio-selected-indicator-disabled);--_radio-border: var(--form-choice-radio-selected-border-disabled)}.tedi-radio--error{--_radio-bg: var(--form-choice-radio-unselected-background-default);--_radio-border: var(--form-general-feedback-error-border)}.tedi-radio--large{--_radio-dot-size: 16px;--_radio-size: var(--form-checkbox-radio-size-large)}.tedi-radio .tedi-feedback-text{grid-area:feedback}\n"] }]
|
|
1075
1075
|
}], ctorParameters: () => [], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], _inputEl: [{ type: i0.ViewChild, args: ["input", { isSignal: true }] }] } });
|
|
1076
1076
|
|
|
1077
1077
|
/**
|
|
@@ -1098,7 +1098,7 @@ class RadioCardGroupComponent extends RadioGroupComponent {
|
|
|
1098
1098
|
provide: RadioGroupComponent,
|
|
1099
1099
|
useExisting: RadioCardGroupComponent,
|
|
1100
1100
|
},
|
|
1101
|
-
], usesInheritance: true, hostDirectives: [{ directive: ChoiceGroupDirective, inputs: ["variant", "variant", "hasIndicator", "hasIndicator", "spacing", "spacing"] }], ngImport: i0, template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n", ".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-
|
|
1101
|
+
], usesInheritance: true, hostDirectives: [{ directive: ChoiceGroupDirective, inputs: ["variant", "variant", "hasIndicator", "hasIndicator", "spacing", "spacing"] }], ngImport: i0, template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n", ".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-default );--_radio-label-color: var( --form-choice-card-primary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-primary-selected-background-default );--_radio-label-color: var( --form-choice-card-primary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-selected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-primary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-primary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-disabled )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-borderless )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-background-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var(--form-choice-checkbox-selected-border-inverted);--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-default );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-secondary-selected-background-default );--_radio-label-color: var( --form-choice-card-secondary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-selected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-secondary-selected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["id", "text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color", "visuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1102
1102
|
}
|
|
1103
1103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioCardGroupComponent, decorators: [{
|
|
1104
1104
|
type: Component,
|
|
@@ -1118,7 +1118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
|
|
|
1118
1118
|
directive: ChoiceGroupDirective,
|
|
1119
1119
|
inputs: ["variant", "hasIndicator", "spacing"],
|
|
1120
1120
|
},
|
|
1121
|
-
], template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n", ".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-
|
|
1121
|
+
], template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n", ".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-default );--_radio-label-color: var( --form-choice-card-primary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-primary-selected-background-default );--_radio-label-color: var( --form-choice-card-primary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-primary-selected-text-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-primary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-primary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-primary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-primary-unselected-text-disabled )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-borderless )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-background-default )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var(--form-choice-checkbox-selected-border-inverted);--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var(--form-choice-checkbox-selected-border-inverted)}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-primary-selected-border-default )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-hover )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-primary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-default );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-choice-card-secondary-selected-background-default );--_radio-label-color: var( --form-choice-card-secondary-selected-text-default );--_checkbox-label-color: var( --form-choice-card-secondary-selected-text-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-hover );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-hover );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-choice-card-secondary-unselected-background-disabled );--_radio-label-color: var( --form-choice-card-secondary-unselected-text-disabled );--_checkbox-label-color: var( --form-choice-card-secondary-unselected-text-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-choice-card-secondary-selected-border-default )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-hover )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-choice-card-secondary-unselected-border-disabled )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-general-background-default);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n"] }]
|
|
1122
1122
|
}], ctorParameters: () => [], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }] } });
|
|
1123
1123
|
|
|
1124
1124
|
class SelectOptionComponent {
|
|
@@ -3439,7 +3439,7 @@ class VerticalStepperItemComponent {
|
|
|
3439
3439
|
}
|
|
3440
3440
|
}
|
|
3441
3441
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalStepperItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3442
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: VerticalStepperItemComponent, isStandalone: true, selector: "tedi-vertical-stepper-item", inputs: { 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, informative: { classPropertyName: "informative", publicName: "informative", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", itemSelect: "itemSelect" }, host: { properties: { "class.tedi-vertical-stepper-item": "true", "class.tedi-vertical-stepper-item--completed": "completed()", "class.tedi-vertical-stepper-item--error": "error()", "class.tedi-vertical-stepper-item--selected": "selected()", "class.tedi-vertical-stepper-item--disabled": "disabled()", "class.tedi-vertical-stepper-item--informative": "informative()", "class.tedi-vertical-stepper-item--sub-item": "subItem()", "class.tedi-vertical-stepper-item--compact": "compact()", "class.tedi-vertical-stepper-item--enumerated": "enumerated()", "attr.role": "'listitem'" } }, queries: [{ propertyName: "subItems", predicate: VerticalStepperItemComponent, isSignal: true }], ngImport: i0, template: "<ng-template #statusIcon>\n @if (subItem() || !compact()) {\n @if (completed()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.completed' | tediTranslate\"\n name=\"check\"\n color=\"success\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n } @else if (error()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.error' | tediTranslate\"\n name=\"error\"\n color=\"danger\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n }\n }\n</ng-template>\n\n<div class=\"tedi-vertical-stepper-item__indicator\">\n @if (!selected() && compact() && !subItem()) {\n @if (completed()) {\n <tedi-icon name=\"check\" color=\"white\" [size]=\"16\" />\n } @else if (error()) {\n <tedi-icon name=\"exclamation\" color=\"white\" [size]=\"16\" />\n }\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__line\"></div>\n<div class=\"tedi-vertical-stepper-item__title\">\n @if (hasSubItems()) {\n <button\n [disabled]=\"disabled()\"\n (click)=\"toggleOpen()\"\n class=\"tedi-vertical-stepper-item__toggle\"\n [attr.aria-expanded]=\"opened()\"\n >\n <span>{{ title() }}</span\n ><ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n class=\"tedi-vertical-stepper-item__toggle-icon\"\n [class.tedi-vertical-stepper-item__toggle-icon--opened]=\"opened()\"\n />\n </button>\n } @else {\n <ng-content select=\"[item-title]\">\n @if (route()) {\n <a\n [routerLink]=\"disabled() ? undefined : route()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n routerLinkActive\n (isActiveChange)=\"routerLinkActiveChange($event)\"\n >{{ title() }}</a\n >\n } @else {\n <button\n [disabled]=\"disabled()\"\n (click)=\"itemSelect.emit()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n >\n {{ title() }}\n </button>\n }\n </ng-content>\n <ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container>\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__description\">\n <ng-content select=\"[item-description]\" />\n</div>\n@if (opened()) {\n <ng-content select=\"tedi-vertical-stepper-item\" />\n}\n", styles: [".tedi-vertical-stepper-item{display:grid;position:relative;--_step-indicator-size: 24px;--_step-indicator-color: var(--general-text-secondary, #4b4e62);--_step-indicator-border: var(--stepper-step-default-border, #9293a4);--_step-indicator-border-hover: var( --stepper-step-default-border-hover, #005aa3 );--_step-indicator-border-width: 1px;--_step-indicator-background: var(--stepper-step-default-bg, #fff);--_step-indicator-background-hover: var(--stepper-step-default-bg, #fff);--_step-padding: var(--stepper-item-vertical-lg-padding-top, 8px);--_step-inner-spacing: var(--stepper-item-vertical-lg-inner-spacing, 8px);--_step-line-color: var(--stepper-item-vertical-line, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-default, #151926);--_step-title-color-hover: var(--stepper-item-vertical-text-hover, #004277);--_step-title-size: var(--body-regular-size, 16px);--_step-title-weight: var(--body-regular-weight, 400);--_step-title-line-height: var(--body-regular-line-height, 24px);--_step-title-spacing: var(--layout-grid-gutters-08, 8px);grid-template-areas:\"indicator title\" \". description\";grid-template-columns:auto 1fr;grid-auto-columns:auto;column-gap:var(--_step-inner-spacing);z-index:0}.tedi-vertical-stepper-item__indicator{grid-area:indicator;display:flex;align-items:center;justify-content:center;height:var(--_step-indicator-size);width:var(--_step-indicator-size);border:var(--_step-indicator-border) solid var(--_step-indicator-border-width);background-color:var(--_step-indicator-background);color:var(--_step-indicator-color);border-radius:9999px;font-size:var(--body-small-bold-size, 14px);font-weight:var(--body-bold-weight, 700);align-self:center;justify-self:center}.tedi-vertical-stepper-item__indicator:before{content:counter(step-number)}.tedi-vertical-stepper-item:has(>.tedi-vertical-stepper-item__title :is(button,a):hover)>.tedi-vertical-stepper-item__indicator{background-color:var(--_step-indicator-background-hover);border-color:var(--_step-indicator-border-hover)}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item){counter-increment:step-number}.tedi-vertical-stepper-item__title{grid-area:title;padding:var(--_step-padding) 0}.tedi-vertical-stepper-item__title a,.tedi-vertical-stepper-item__title button{padding:0;background:none;border:none;text-decoration:none;font-family:var(--family-default, Roboto);font-size:var(--_step-title-size);font-weight:var(--_step-title-weight);line-height:var(--_step-title-line-height);cursor:pointer;color:var(--_step-title-color)}.tedi-vertical-stepper-item__title a:hover,.tedi-vertical-stepper-item__title button:hover{color:var(--_step-title-color-hover)}.tedi-vertical-stepper-item__title a:hover:not(.tedi-vertical-stepper-item__toggle),.tedi-vertical-stepper-item__title button:hover:not(.tedi-vertical-stepper-item__toggle){text-decoration:underline}.tedi-vertical-stepper-item__toggle{display:flex;width:100%;align-items:center}.tedi-vertical-stepper-item__toggle:hover>span{text-decoration:underline}.tedi-vertical-stepper-item__toggle-icon{margin-left:auto;transition:transform .3s}.tedi-vertical-stepper-item__toggle-icon--opened{transform:rotateX(180deg)}.tedi-vertical-stepper-item__status-icon{margin-inline:var(--_step-title-spacing)}.tedi-vertical-stepper-item__description{grid-area:description}.tedi-vertical-stepper-item__description:empty{display:none}.tedi-vertical-stepper-item__line:before,.tedi-vertical-stepper-item__line:after{content:\"\";grid-row:1/span 1;grid-column:1/span 1;left:50%;transform:translate(-50%);position:absolute;width:1px;background-color:var(--_step-line-color);top:0;bottom:0;z-index:-1}.tedi-vertical-stepper-item__line:before{grid-row:1/span 1}.tedi-vertical-stepper-item__line:after{grid-row:2/span 1}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):first-child>.tedi-vertical-stepper-item__line:before{top:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child:not(:has(.tedi-vertical-stepper-item--sub-item))>.tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child>.tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item--compact{--_step-indicator-size: var(--stepper-item-vertical-step-size-md, 16px);--_step-padding: var(--stepper-item-vertical-compact-padding-top, 3px);--_step-inner-spacing: var( --stepper-item-vertical-compact-inner-spacing, 6px );--_step-title-spacing: var(--layout-grid-gutters-04, 4px)}.tedi-vertical-stepper-item--compact .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--compact.tedi-vertical-stepper-item--enumerated:not(.tedi-vertical-stepper-item--sub-item)>.tedi-vertical-stepper-item__title :is(a,button):before{content:counter(step-number) \".\";display:inline-block}.tedi-vertical-stepper-item--sub-item{grid-column:1/span 2;grid-template-columns:subgrid;--_step-indicator-size: var(--stepper-item-vertical-step-size-sm, 9px);--_step-padding: var(--stepper-item-vertical-padding-y-sm, 2px)}.tedi-vertical-stepper-item--sub-item .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--completed{--_step-indicator-background: var(--stepper-step-completed-bg, #266b42);--_step-indicator-border: var(--stepper-step-completed-bg, #266b42);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-completed-bg-hover, #1d5032 );--_step-indicator-background-hover: var( --stepper-step-completed-bg-hover, #1d5032 )}.tedi-vertical-stepper-item--error{--_step-indicator-background: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-border: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-danger-bg-hover, #812525 );--_step-indicator-background-hover: var( --stepper-step-danger-bg-hover, #812525 )}.tedi-vertical-stepper-item--selected{--_step-indicator-background: var(--stepper-step-selected-bg, #fff);--_step-indicator-color: var( --stepper-item-vertical-text-selected, #004277 );--_step-indicator-border: var(--stepper-step-selected-border, #004277);--_step-indicator-border-width: 2px;--_step-indicator-border-hover: var( --stepper-step-selected-border-hover, #003662 );--_step-title-color: var(--stepper-item-vertical-text-selected, #004277);--_step-title-weight: var(--body-bold-weight, 700)}.tedi-vertical-stepper-item--selected.tedi-vertical-stepper-item--compact:not(.tedi-vertical-stepper-item--sub-item){--_step-indicator-border-width: 4px}.tedi-vertical-stepper-item--disabled{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-color: var( --stepper-item-vertical-text-disabled, #9293a4 );--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-disabled, #9293a4)}.tedi-vertical-stepper-item--disabled .tedi-vertical-stepper-item__title{pointer-events:none}.tedi-vertical-stepper-item--informative{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--general-text-tertiary, #5d6071)}.tedi-vertical-stepper-item--informative .tedi-vertical-stepper-item__title{pointer-events:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3442
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: VerticalStepperItemComponent, isStandalone: true, selector: "tedi-vertical-stepper-item", inputs: { 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, informative: { classPropertyName: "informative", publicName: "informative", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", itemSelect: "itemSelect" }, host: { properties: { "class.tedi-vertical-stepper-item": "true", "class.tedi-vertical-stepper-item--completed": "completed()", "class.tedi-vertical-stepper-item--error": "error()", "class.tedi-vertical-stepper-item--selected": "selected()", "class.tedi-vertical-stepper-item--disabled": "disabled()", "class.tedi-vertical-stepper-item--informative": "informative()", "class.tedi-vertical-stepper-item--sub-item": "subItem()", "class.tedi-vertical-stepper-item--compact": "compact()", "class.tedi-vertical-stepper-item--enumerated": "enumerated()", "attr.role": "'listitem'" } }, queries: [{ propertyName: "subItems", predicate: VerticalStepperItemComponent, isSignal: true }], ngImport: i0, template: "<ng-template #statusIcon>\n @if (subItem() || !compact()) {\n @if (completed()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.completed' | tediTranslate\"\n name=\"check\"\n color=\"success\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n } @else if (error()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.error' | tediTranslate\"\n name=\"error\"\n color=\"danger\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n }\n }\n</ng-template>\n\n<div class=\"tedi-vertical-stepper-item__indicator\">\n @if (!selected() && compact() && !subItem()) {\n @if (completed()) {\n <tedi-icon name=\"check\" color=\"white\" [size]=\"16\" />\n } @else if (error()) {\n <tedi-icon name=\"exclamation\" color=\"white\" [size]=\"16\" />\n }\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__line\"></div>\n<div class=\"tedi-vertical-stepper-item__title\">\n @if (hasSubItems()) {\n <button\n [disabled]=\"disabled()\"\n (click)=\"toggleOpen()\"\n class=\"tedi-vertical-stepper-item__toggle\"\n [attr.aria-expanded]=\"opened()\"\n >\n <span>{{ title() }}</span\n ><ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n class=\"tedi-vertical-stepper-item__toggle-icon\"\n [class.tedi-vertical-stepper-item__toggle-icon--opened]=\"opened()\"\n />\n </button>\n } @else {\n <ng-content select=\"[item-title]\">\n @if (route()) {\n <a\n [routerLink]=\"disabled() ? undefined : route()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n routerLinkActive\n (isActiveChange)=\"routerLinkActiveChange($event)\"\n >{{ title() }}</a\n >\n } @else {\n <button\n [disabled]=\"disabled()\"\n (click)=\"itemSelect.emit()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n >\n {{ title() }}\n </button>\n }\n </ng-content>\n <ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container>\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__description\">\n <ng-content select=\"[item-description]\" />\n</div>\n@if (opened()) {\n <ng-content select=\"tedi-vertical-stepper-item\" />\n}\n", styles: [".tedi-vertical-stepper-item{display:grid;position:relative;--_step-indicator-size: 24px;--_step-indicator-color: var(--general-text-secondary, #4b4e62);--_step-indicator-border: var(--stepper-step-default-border, #9293a4);--_step-indicator-border-hover: var( --stepper-step-default-border-hover, #005aa3 );--_step-indicator-border-width: 1px;--_step-indicator-background: var(--stepper-step-default-bg, #fff);--_step-indicator-background-hover: var(--stepper-step-default-bg, #fff);--_step-padding: var(--stepper-item-vertical-lg-padding-top, 8px);--_step-inner-spacing: var(--stepper-item-vertical-lg-inner-spacing, 8px);--_step-line-color: var(--stepper-item-vertical-line, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-default, #151926);--_step-title-color-hover: var(--stepper-item-vertical-text-hover, #004277);--_step-title-size: var(--body-regular-size, 16px);--_step-title-weight: var(--body-regular-weight, 400);--_step-title-line-height: var(--body-regular-line-height, 24px);--_step-title-spacing: var(--layout-grid-gutters-08, 8px);grid-template-areas:\"indicator title\" \". description\";grid-template-columns:auto 1fr;grid-auto-columns:auto;column-gap:var(--_step-inner-spacing);z-index:0}.tedi-vertical-stepper-item__indicator{grid-area:indicator;display:flex;align-items:center;justify-content:center;height:var(--_step-indicator-size);width:var(--_step-indicator-size);border:var(--_step-indicator-border) solid var(--_step-indicator-border-width);background-color:var(--_step-indicator-background);color:var(--_step-indicator-color);border-radius:9999px;font-size:var(--body-small-bold-size, 14px);font-weight:var(--body-bold-weight, 700);align-self:center;justify-self:center}.tedi-vertical-stepper-item__indicator:before{content:counter(step-number)}.tedi-vertical-stepper-item:has(>.tedi-vertical-stepper-item__title :is(button,a):hover)>.tedi-vertical-stepper-item__indicator{background-color:var(--_step-indicator-background-hover);border-color:var(--_step-indicator-border-hover)}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item){counter-increment:step-number}.tedi-vertical-stepper-item__title{grid-area:title;padding:var(--_step-padding) 0}.tedi-vertical-stepper-item__title a,.tedi-vertical-stepper-item__title button{padding:0;background:none;border:none;text-decoration:none;font-family:var(--family-default, Roboto);font-size:var(--_step-title-size);font-weight:var(--_step-title-weight);line-height:var(--_step-title-line-height);cursor:pointer;color:var(--_step-title-color)}.tedi-vertical-stepper-item__title a:hover,.tedi-vertical-stepper-item__title button:hover{color:var(--_step-title-color-hover)}.tedi-vertical-stepper-item__title a:hover:not(.tedi-vertical-stepper-item__toggle),.tedi-vertical-stepper-item__title button:hover:not(.tedi-vertical-stepper-item__toggle){text-decoration:underline}.tedi-vertical-stepper-item__toggle{display:flex;width:100%;align-items:center}.tedi-vertical-stepper-item__toggle:hover>span{text-decoration:underline}.tedi-vertical-stepper-item__toggle-icon{margin-left:auto;transition:transform .3s}.tedi-vertical-stepper-item__toggle-icon--opened{transform:rotateX(180deg)}.tedi-vertical-stepper-item__status-icon{margin-inline:var(--_step-title-spacing)}.tedi-vertical-stepper-item__description{grid-area:description}.tedi-vertical-stepper-item__description:empty{display:none}.tedi-vertical-stepper-item__line:before,.tedi-vertical-stepper-item__line:after{content:\"\";grid-row:1/span 1;grid-column:1/span 1;left:50%;transform:translate(-50%);position:absolute;width:1px;background-color:var(--_step-line-color);top:0;bottom:0;z-index:-1}.tedi-vertical-stepper-item__line:before{grid-row:1/span 1}.tedi-vertical-stepper-item__line:after{grid-row:2/span 1}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):first-child>.tedi-vertical-stepper-item__line:before{top:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child:not(:has(.tedi-vertical-stepper-item--sub-item))>.tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child>.tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item--compact{--_step-indicator-size: var(--stepper-item-vertical-step-size-md, 16px);--_step-padding: var(--stepper-item-vertical-compact-padding-top, 3px);--_step-inner-spacing: var( --stepper-item-vertical-compact-inner-spacing, 6px );--_step-title-spacing: var(--layout-grid-gutters-04, 4px)}.tedi-vertical-stepper-item--compact .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--compact.tedi-vertical-stepper-item--enumerated:not(.tedi-vertical-stepper-item--sub-item)>.tedi-vertical-stepper-item__title :is(a,button):before{content:counter(step-number) \".\";display:inline-block}.tedi-vertical-stepper-item--sub-item{grid-column:1/span 2;grid-template-columns:subgrid;--_step-indicator-size: var(--stepper-item-vertical-step-size-sm, 9px);--_step-padding: var(--stepper-item-vertical-padding-y-sm, 2px)}.tedi-vertical-stepper-item--sub-item .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--completed{--_step-indicator-background: var(--stepper-step-completed-bg, #266b42);--_step-indicator-border: var(--stepper-step-completed-bg, #266b42);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-completed-bg-hover, #1d5032 );--_step-indicator-background-hover: var( --stepper-step-completed-bg-hover, #1d5032 )}.tedi-vertical-stepper-item--error{--_step-indicator-background: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-border: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-danger-bg-hover, #812525 );--_step-indicator-background-hover: var( --stepper-step-danger-bg-hover, #812525 )}.tedi-vertical-stepper-item--selected{--_step-indicator-background: var(--stepper-step-selected-bg, #fff);--_step-indicator-color: var( --stepper-item-vertical-text-selected, #004277 );--_step-indicator-border: var(--stepper-step-selected-border, #004277);--_step-indicator-border-width: 2px;--_step-indicator-border-hover: var( --stepper-step-selected-border-hover, #003662 );--_step-title-color: var(--stepper-item-vertical-text-selected, #004277);--_step-title-weight: var(--body-bold-weight, 700)}.tedi-vertical-stepper-item--selected.tedi-vertical-stepper-item--compact:not(.tedi-vertical-stepper-item--sub-item){--_step-indicator-border-width: 4px}.tedi-vertical-stepper-item--disabled{--_step-indicator-background: var(--stepper-step-disabled-background, #d2d3d8);--_step-indicator-color: var( --stepper-item-vertical-text-disabled, #9293a4 );--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-disabled, #9293a4)}.tedi-vertical-stepper-item--disabled .tedi-vertical-stepper-item__title{pointer-events:none}.tedi-vertical-stepper-item--informative{--_step-indicator-background: var(--stepper-step-disabled-background, #d2d3d8);--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--general-text-tertiary, #5d6071)}.tedi-vertical-stepper-item--informative .tedi-vertical-stepper-item__title{pointer-events:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3443
3443
|
}
|
|
3444
3444
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalStepperItemComponent, decorators: [{
|
|
3445
3445
|
type: Component,
|
|
@@ -3460,7 +3460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
|
|
|
3460
3460
|
"[class.tedi-vertical-stepper-item--compact]": "compact()",
|
|
3461
3461
|
"[class.tedi-vertical-stepper-item--enumerated]": "enumerated()",
|
|
3462
3462
|
"[attr.role]": "'listitem'",
|
|
3463
|
-
}, template: "<ng-template #statusIcon>\n @if (subItem() || !compact()) {\n @if (completed()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.completed' | tediTranslate\"\n name=\"check\"\n color=\"success\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n } @else if (error()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.error' | tediTranslate\"\n name=\"error\"\n color=\"danger\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n }\n }\n</ng-template>\n\n<div class=\"tedi-vertical-stepper-item__indicator\">\n @if (!selected() && compact() && !subItem()) {\n @if (completed()) {\n <tedi-icon name=\"check\" color=\"white\" [size]=\"16\" />\n } @else if (error()) {\n <tedi-icon name=\"exclamation\" color=\"white\" [size]=\"16\" />\n }\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__line\"></div>\n<div class=\"tedi-vertical-stepper-item__title\">\n @if (hasSubItems()) {\n <button\n [disabled]=\"disabled()\"\n (click)=\"toggleOpen()\"\n class=\"tedi-vertical-stepper-item__toggle\"\n [attr.aria-expanded]=\"opened()\"\n >\n <span>{{ title() }}</span\n ><ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n class=\"tedi-vertical-stepper-item__toggle-icon\"\n [class.tedi-vertical-stepper-item__toggle-icon--opened]=\"opened()\"\n />\n </button>\n } @else {\n <ng-content select=\"[item-title]\">\n @if (route()) {\n <a\n [routerLink]=\"disabled() ? undefined : route()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n routerLinkActive\n (isActiveChange)=\"routerLinkActiveChange($event)\"\n >{{ title() }}</a\n >\n } @else {\n <button\n [disabled]=\"disabled()\"\n (click)=\"itemSelect.emit()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n >\n {{ title() }}\n </button>\n }\n </ng-content>\n <ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container>\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__description\">\n <ng-content select=\"[item-description]\" />\n</div>\n@if (opened()) {\n <ng-content select=\"tedi-vertical-stepper-item\" />\n}\n", styles: [".tedi-vertical-stepper-item{display:grid;position:relative;--_step-indicator-size: 24px;--_step-indicator-color: var(--general-text-secondary, #4b4e62);--_step-indicator-border: var(--stepper-step-default-border, #9293a4);--_step-indicator-border-hover: var( --stepper-step-default-border-hover, #005aa3 );--_step-indicator-border-width: 1px;--_step-indicator-background: var(--stepper-step-default-bg, #fff);--_step-indicator-background-hover: var(--stepper-step-default-bg, #fff);--_step-padding: var(--stepper-item-vertical-lg-padding-top, 8px);--_step-inner-spacing: var(--stepper-item-vertical-lg-inner-spacing, 8px);--_step-line-color: var(--stepper-item-vertical-line, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-default, #151926);--_step-title-color-hover: var(--stepper-item-vertical-text-hover, #004277);--_step-title-size: var(--body-regular-size, 16px);--_step-title-weight: var(--body-regular-weight, 400);--_step-title-line-height: var(--body-regular-line-height, 24px);--_step-title-spacing: var(--layout-grid-gutters-08, 8px);grid-template-areas:\"indicator title\" \". description\";grid-template-columns:auto 1fr;grid-auto-columns:auto;column-gap:var(--_step-inner-spacing);z-index:0}.tedi-vertical-stepper-item__indicator{grid-area:indicator;display:flex;align-items:center;justify-content:center;height:var(--_step-indicator-size);width:var(--_step-indicator-size);border:var(--_step-indicator-border) solid var(--_step-indicator-border-width);background-color:var(--_step-indicator-background);color:var(--_step-indicator-color);border-radius:9999px;font-size:var(--body-small-bold-size, 14px);font-weight:var(--body-bold-weight, 700);align-self:center;justify-self:center}.tedi-vertical-stepper-item__indicator:before{content:counter(step-number)}.tedi-vertical-stepper-item:has(>.tedi-vertical-stepper-item__title :is(button,a):hover)>.tedi-vertical-stepper-item__indicator{background-color:var(--_step-indicator-background-hover);border-color:var(--_step-indicator-border-hover)}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item){counter-increment:step-number}.tedi-vertical-stepper-item__title{grid-area:title;padding:var(--_step-padding) 0}.tedi-vertical-stepper-item__title a,.tedi-vertical-stepper-item__title button{padding:0;background:none;border:none;text-decoration:none;font-family:var(--family-default, Roboto);font-size:var(--_step-title-size);font-weight:var(--_step-title-weight);line-height:var(--_step-title-line-height);cursor:pointer;color:var(--_step-title-color)}.tedi-vertical-stepper-item__title a:hover,.tedi-vertical-stepper-item__title button:hover{color:var(--_step-title-color-hover)}.tedi-vertical-stepper-item__title a:hover:not(.tedi-vertical-stepper-item__toggle),.tedi-vertical-stepper-item__title button:hover:not(.tedi-vertical-stepper-item__toggle){text-decoration:underline}.tedi-vertical-stepper-item__toggle{display:flex;width:100%;align-items:center}.tedi-vertical-stepper-item__toggle:hover>span{text-decoration:underline}.tedi-vertical-stepper-item__toggle-icon{margin-left:auto;transition:transform .3s}.tedi-vertical-stepper-item__toggle-icon--opened{transform:rotateX(180deg)}.tedi-vertical-stepper-item__status-icon{margin-inline:var(--_step-title-spacing)}.tedi-vertical-stepper-item__description{grid-area:description}.tedi-vertical-stepper-item__description:empty{display:none}.tedi-vertical-stepper-item__line:before,.tedi-vertical-stepper-item__line:after{content:\"\";grid-row:1/span 1;grid-column:1/span 1;left:50%;transform:translate(-50%);position:absolute;width:1px;background-color:var(--_step-line-color);top:0;bottom:0;z-index:-1}.tedi-vertical-stepper-item__line:before{grid-row:1/span 1}.tedi-vertical-stepper-item__line:after{grid-row:2/span 1}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):first-child>.tedi-vertical-stepper-item__line:before{top:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child:not(:has(.tedi-vertical-stepper-item--sub-item))>.tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child>.tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item--compact{--_step-indicator-size: var(--stepper-item-vertical-step-size-md, 16px);--_step-padding: var(--stepper-item-vertical-compact-padding-top, 3px);--_step-inner-spacing: var( --stepper-item-vertical-compact-inner-spacing, 6px );--_step-title-spacing: var(--layout-grid-gutters-04, 4px)}.tedi-vertical-stepper-item--compact .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--compact.tedi-vertical-stepper-item--enumerated:not(.tedi-vertical-stepper-item--sub-item)>.tedi-vertical-stepper-item__title :is(a,button):before{content:counter(step-number) \".\";display:inline-block}.tedi-vertical-stepper-item--sub-item{grid-column:1/span 2;grid-template-columns:subgrid;--_step-indicator-size: var(--stepper-item-vertical-step-size-sm, 9px);--_step-padding: var(--stepper-item-vertical-padding-y-sm, 2px)}.tedi-vertical-stepper-item--sub-item .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--completed{--_step-indicator-background: var(--stepper-step-completed-bg, #266b42);--_step-indicator-border: var(--stepper-step-completed-bg, #266b42);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-completed-bg-hover, #1d5032 );--_step-indicator-background-hover: var( --stepper-step-completed-bg-hover, #1d5032 )}.tedi-vertical-stepper-item--error{--_step-indicator-background: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-border: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-danger-bg-hover, #812525 );--_step-indicator-background-hover: var( --stepper-step-danger-bg-hover, #812525 )}.tedi-vertical-stepper-item--selected{--_step-indicator-background: var(--stepper-step-selected-bg, #fff);--_step-indicator-color: var( --stepper-item-vertical-text-selected, #004277 );--_step-indicator-border: var(--stepper-step-selected-border, #004277);--_step-indicator-border-width: 2px;--_step-indicator-border-hover: var( --stepper-step-selected-border-hover, #003662 );--_step-title-color: var(--stepper-item-vertical-text-selected, #004277);--_step-title-weight: var(--body-bold-weight, 700)}.tedi-vertical-stepper-item--selected.tedi-vertical-stepper-item--compact:not(.tedi-vertical-stepper-item--sub-item){--_step-indicator-border-width: 4px}.tedi-vertical-stepper-item--disabled{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-color: var( --stepper-item-vertical-text-disabled, #9293a4 );--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-disabled, #9293a4)}.tedi-vertical-stepper-item--disabled .tedi-vertical-stepper-item__title{pointer-events:none}.tedi-vertical-stepper-item--informative{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--general-text-tertiary, #5d6071)}.tedi-vertical-stepper-item--informative .tedi-vertical-stepper-item__title{pointer-events:none}\n"] }]
|
|
3463
|
+
}, template: "<ng-template #statusIcon>\n @if (subItem() || !compact()) {\n @if (completed()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.completed' | tediTranslate\"\n name=\"check\"\n color=\"success\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n } @else if (error()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.error' | tediTranslate\"\n name=\"error\"\n color=\"danger\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n }\n }\n</ng-template>\n\n<div class=\"tedi-vertical-stepper-item__indicator\">\n @if (!selected() && compact() && !subItem()) {\n @if (completed()) {\n <tedi-icon name=\"check\" color=\"white\" [size]=\"16\" />\n } @else if (error()) {\n <tedi-icon name=\"exclamation\" color=\"white\" [size]=\"16\" />\n }\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__line\"></div>\n<div class=\"tedi-vertical-stepper-item__title\">\n @if (hasSubItems()) {\n <button\n [disabled]=\"disabled()\"\n (click)=\"toggleOpen()\"\n class=\"tedi-vertical-stepper-item__toggle\"\n [attr.aria-expanded]=\"opened()\"\n >\n <span>{{ title() }}</span\n ><ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n class=\"tedi-vertical-stepper-item__toggle-icon\"\n [class.tedi-vertical-stepper-item__toggle-icon--opened]=\"opened()\"\n />\n </button>\n } @else {\n <ng-content select=\"[item-title]\">\n @if (route()) {\n <a\n [routerLink]=\"disabled() ? undefined : route()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n routerLinkActive\n (isActiveChange)=\"routerLinkActiveChange($event)\"\n >{{ title() }}</a\n >\n } @else {\n <button\n [disabled]=\"disabled()\"\n (click)=\"itemSelect.emit()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n >\n {{ title() }}\n </button>\n }\n </ng-content>\n <ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container>\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__description\">\n <ng-content select=\"[item-description]\" />\n</div>\n@if (opened()) {\n <ng-content select=\"tedi-vertical-stepper-item\" />\n}\n", styles: [".tedi-vertical-stepper-item{display:grid;position:relative;--_step-indicator-size: 24px;--_step-indicator-color: var(--general-text-secondary, #4b4e62);--_step-indicator-border: var(--stepper-step-default-border, #9293a4);--_step-indicator-border-hover: var( --stepper-step-default-border-hover, #005aa3 );--_step-indicator-border-width: 1px;--_step-indicator-background: var(--stepper-step-default-bg, #fff);--_step-indicator-background-hover: var(--stepper-step-default-bg, #fff);--_step-padding: var(--stepper-item-vertical-lg-padding-top, 8px);--_step-inner-spacing: var(--stepper-item-vertical-lg-inner-spacing, 8px);--_step-line-color: var(--stepper-item-vertical-line, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-default, #151926);--_step-title-color-hover: var(--stepper-item-vertical-text-hover, #004277);--_step-title-size: var(--body-regular-size, 16px);--_step-title-weight: var(--body-regular-weight, 400);--_step-title-line-height: var(--body-regular-line-height, 24px);--_step-title-spacing: var(--layout-grid-gutters-08, 8px);grid-template-areas:\"indicator title\" \". description\";grid-template-columns:auto 1fr;grid-auto-columns:auto;column-gap:var(--_step-inner-spacing);z-index:0}.tedi-vertical-stepper-item__indicator{grid-area:indicator;display:flex;align-items:center;justify-content:center;height:var(--_step-indicator-size);width:var(--_step-indicator-size);border:var(--_step-indicator-border) solid var(--_step-indicator-border-width);background-color:var(--_step-indicator-background);color:var(--_step-indicator-color);border-radius:9999px;font-size:var(--body-small-bold-size, 14px);font-weight:var(--body-bold-weight, 700);align-self:center;justify-self:center}.tedi-vertical-stepper-item__indicator:before{content:counter(step-number)}.tedi-vertical-stepper-item:has(>.tedi-vertical-stepper-item__title :is(button,a):hover)>.tedi-vertical-stepper-item__indicator{background-color:var(--_step-indicator-background-hover);border-color:var(--_step-indicator-border-hover)}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item){counter-increment:step-number}.tedi-vertical-stepper-item__title{grid-area:title;padding:var(--_step-padding) 0}.tedi-vertical-stepper-item__title a,.tedi-vertical-stepper-item__title button{padding:0;background:none;border:none;text-decoration:none;font-family:var(--family-default, Roboto);font-size:var(--_step-title-size);font-weight:var(--_step-title-weight);line-height:var(--_step-title-line-height);cursor:pointer;color:var(--_step-title-color)}.tedi-vertical-stepper-item__title a:hover,.tedi-vertical-stepper-item__title button:hover{color:var(--_step-title-color-hover)}.tedi-vertical-stepper-item__title a:hover:not(.tedi-vertical-stepper-item__toggle),.tedi-vertical-stepper-item__title button:hover:not(.tedi-vertical-stepper-item__toggle){text-decoration:underline}.tedi-vertical-stepper-item__toggle{display:flex;width:100%;align-items:center}.tedi-vertical-stepper-item__toggle:hover>span{text-decoration:underline}.tedi-vertical-stepper-item__toggle-icon{margin-left:auto;transition:transform .3s}.tedi-vertical-stepper-item__toggle-icon--opened{transform:rotateX(180deg)}.tedi-vertical-stepper-item__status-icon{margin-inline:var(--_step-title-spacing)}.tedi-vertical-stepper-item__description{grid-area:description}.tedi-vertical-stepper-item__description:empty{display:none}.tedi-vertical-stepper-item__line:before,.tedi-vertical-stepper-item__line:after{content:\"\";grid-row:1/span 1;grid-column:1/span 1;left:50%;transform:translate(-50%);position:absolute;width:1px;background-color:var(--_step-line-color);top:0;bottom:0;z-index:-1}.tedi-vertical-stepper-item__line:before{grid-row:1/span 1}.tedi-vertical-stepper-item__line:after{grid-row:2/span 1}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):first-child>.tedi-vertical-stepper-item__line:before{top:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child:not(:has(.tedi-vertical-stepper-item--sub-item))>.tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child>.tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item--compact{--_step-indicator-size: var(--stepper-item-vertical-step-size-md, 16px);--_step-padding: var(--stepper-item-vertical-compact-padding-top, 3px);--_step-inner-spacing: var( --stepper-item-vertical-compact-inner-spacing, 6px );--_step-title-spacing: var(--layout-grid-gutters-04, 4px)}.tedi-vertical-stepper-item--compact .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--compact.tedi-vertical-stepper-item--enumerated:not(.tedi-vertical-stepper-item--sub-item)>.tedi-vertical-stepper-item__title :is(a,button):before{content:counter(step-number) \".\";display:inline-block}.tedi-vertical-stepper-item--sub-item{grid-column:1/span 2;grid-template-columns:subgrid;--_step-indicator-size: var(--stepper-item-vertical-step-size-sm, 9px);--_step-padding: var(--stepper-item-vertical-padding-y-sm, 2px)}.tedi-vertical-stepper-item--sub-item .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--completed{--_step-indicator-background: var(--stepper-step-completed-bg, #266b42);--_step-indicator-border: var(--stepper-step-completed-bg, #266b42);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-completed-bg-hover, #1d5032 );--_step-indicator-background-hover: var( --stepper-step-completed-bg-hover, #1d5032 )}.tedi-vertical-stepper-item--error{--_step-indicator-background: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-border: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-danger-bg-hover, #812525 );--_step-indicator-background-hover: var( --stepper-step-danger-bg-hover, #812525 )}.tedi-vertical-stepper-item--selected{--_step-indicator-background: var(--stepper-step-selected-bg, #fff);--_step-indicator-color: var( --stepper-item-vertical-text-selected, #004277 );--_step-indicator-border: var(--stepper-step-selected-border, #004277);--_step-indicator-border-width: 2px;--_step-indicator-border-hover: var( --stepper-step-selected-border-hover, #003662 );--_step-title-color: var(--stepper-item-vertical-text-selected, #004277);--_step-title-weight: var(--body-bold-weight, 700)}.tedi-vertical-stepper-item--selected.tedi-vertical-stepper-item--compact:not(.tedi-vertical-stepper-item--sub-item){--_step-indicator-border-width: 4px}.tedi-vertical-stepper-item--disabled{--_step-indicator-background: var(--stepper-step-disabled-background, #d2d3d8);--_step-indicator-color: var( --stepper-item-vertical-text-disabled, #9293a4 );--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-disabled, #9293a4)}.tedi-vertical-stepper-item--disabled .tedi-vertical-stepper-item__title{pointer-events:none}.tedi-vertical-stepper-item--informative{--_step-indicator-background: var(--stepper-step-disabled-background, #d2d3d8);--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--general-text-tertiary, #5d6071)}.tedi-vertical-stepper-item--informative .tedi-vertical-stepper-item__title{pointer-events:none}\n"] }]
|
|
3464
3464
|
}], propDecorators: { completed: [{ type: i0.Input, args: [{ isSignal: true, alias: "completed", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], informative: [{ type: i0.Input, args: [{ isSignal: true, alias: "informative", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }], subItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => VerticalStepperItemComponent), { isSignal: true }] }] } });
|
|
3465
3465
|
|
|
3466
3466
|
class TableStylesComponent {
|