@eui/components 19.2.1 → 19.2.2-snapshot-1746624054534
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/directives/eui-tooltip/container/eui-tooltip-container.component.d.ts.map +1 -1
- package/docs/components/EuiDiscussionThreadComponent.html +81 -6
- package/docs/components/EuiDiscussionThreadItemComponent.html +4 -0
- package/docs/components/EuiHeaderUserProfileComponent.html +6 -0
- package/docs/components/EuiNavbarComponent.html +0 -4
- package/docs/components/EuiNavbarItemComponent.html +4 -0
- package/docs/components/EuiTableV2Component.html +1 -1
- package/docs/components/EuiTimelineComponent.html +4 -4
- package/docs/components/EuiTimelineItemComponent.html +4 -4
- package/docs/components/EuiToolbarComponent.html +6 -3
- package/docs/components/EuiTooltipContainerComponent.html +0 -4
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts +6 -0
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
- package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts.map +1 -1
- package/eui-navbar/eui-navbar.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +5 -5
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +4 -4
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +18 -7
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-button.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-navbar.mjs +6 -10
- package/fesm2022/eui-components-eui-navbar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +2 -2
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +18 -10
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
- package/package.json +8 -8
|
@@ -36,11 +36,11 @@ class EuiTimelineComponent {
|
|
|
36
36
|
return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiTimelineComponent, isStandalone: true, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiTimelineComponent, isStandalone: true, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}\n"] }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'eui-timeline', template: '<ng-content/>', styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}
|
|
43
|
+
args: [{ selector: 'eui-timeline', template: '<ng-content/>', styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}\n"] }]
|
|
44
44
|
}], propDecorators: { cssClasses: [{
|
|
45
45
|
type: HostBinding,
|
|
46
46
|
args: ['class']
|
|
@@ -117,7 +117,7 @@ class EuiTimelineItemComponent {
|
|
|
117
117
|
.trim();
|
|
118
118
|
}
|
|
119
119
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTimelineItemComponent, isStandalone: true, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isLeftAligned) {\n <div class=\"eui-timeline-item__left-content\">\n @if (date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n @if (customContent?.childNodes.length === 0) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if (isLeftAligned && date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (isLeftAligned && time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--
|
|
120
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTimelineItemComponent, isStandalone: true, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isLeftAligned) {\n <div class=\"eui-timeline-item__left-content\">\n @if (date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n @if (customContent?.childNodes.length === 0) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if (isLeftAligned && date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (isLeftAligned && time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item--primary{--_color: var(--eui-c-s-primary-base);--_border-color: var(--eui-c-s-primary-base)}.eui-19 :host.eui-timeline-item--info{--_color: var(--eui-c-s-info-base);--_border-color: var(--eui-c-s-info-base)}.eui-19 :host.eui-timeline-item--success{--_color: var(--eui-c-s-success-base);--_border-color: var(--eui-c-s-success-base)}.eui-19 :host.eui-timeline-item--warning{--_color: var(--eui-c-s-warning);--_border-color: var(--eui-c-s-warning-base)}.eui-19 :host.eui-timeline-item--danger{--_color: var(--eui-c-s-danger-base);--_border-color: var(--eui-c-s-danger-base)}.eui-19 :host.eui-timeline-item--accent{--_color: var(--eui-c-s-accent-base);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--_border-color);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-3xs));width:100%;color:var(--_color)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--_color);font:var(--eui-f-m-bold)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item .eui-timeline-item__date{position:relative;color:var(--eui-c-neutral);font:var(--eui-f-m-bold);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item .eui-timeline-item__time{position:relative;color:var(--eui-c-neutral-light);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item:last-child .eui-timeline-item__icon:after{height:0}.eui-19 :host.eui-timeline-item--more{margin-bottom:0}.eui-19 :host.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}\n"] }); }
|
|
121
121
|
}
|
|
122
122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineItemComponent, decorators: [{
|
|
123
123
|
type: Component,
|
|
@@ -126,7 +126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
126
126
|
directive: BaseStatesDirective,
|
|
127
127
|
inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],
|
|
128
128
|
},
|
|
129
|
-
], template: "@if (!isLeftAligned) {\n <div class=\"eui-timeline-item__left-content\">\n @if (date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n @if (customContent?.childNodes.length === 0) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if (isLeftAligned && date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (isLeftAligned && time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--
|
|
129
|
+
], template: "@if (!isLeftAligned) {\n <div class=\"eui-timeline-item__left-content\">\n @if (date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n @if (customContent?.childNodes.length === 0) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if (isLeftAligned && date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (isLeftAligned && time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item--primary{--_color: var(--eui-c-s-primary-base);--_border-color: var(--eui-c-s-primary-base)}.eui-19 :host.eui-timeline-item--info{--_color: var(--eui-c-s-info-base);--_border-color: var(--eui-c-s-info-base)}.eui-19 :host.eui-timeline-item--success{--_color: var(--eui-c-s-success-base);--_border-color: var(--eui-c-s-success-base)}.eui-19 :host.eui-timeline-item--warning{--_color: var(--eui-c-s-warning);--_border-color: var(--eui-c-s-warning-base)}.eui-19 :host.eui-timeline-item--danger{--_color: var(--eui-c-s-danger-base);--_border-color: var(--eui-c-s-danger-base)}.eui-19 :host.eui-timeline-item--accent{--_color: var(--eui-c-s-accent-base);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--_border-color);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-3xs));width:100%;color:var(--_color)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--_color);font:var(--eui-f-m-bold)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item .eui-timeline-item__date{position:relative;color:var(--eui-c-neutral);font:var(--eui-f-m-bold);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item .eui-timeline-item__time{position:relative;color:var(--eui-c-neutral-light);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item:last-child .eui-timeline-item__icon:after{height:0}.eui-19 :host.eui-timeline-item--more{margin-bottom:0}.eui-19 :host.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}\n"] }]
|
|
130
130
|
}], propDecorators: { cssClasses: [{
|
|
131
131
|
type: HostBinding,
|
|
132
132
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-timeline.mjs","sources":["../../eui-timeline/eui-timeline.component.ts","../../eui-timeline/eui-timeline-item.component.ts","../../eui-timeline/eui-timeline-item.component.html","../../eui-timeline/eui-timeline.module.ts","../../eui-timeline/index.ts","../../eui-timeline/eui-components-eui-timeline.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n HostBinding,\n Input,\n} from '@angular/core';\n\n/**\n * @description\n * A timeline component that displays a vertical list of events or activities in chronological order.\n * Can be configured to align items on the left side instead of centered.\n */\n@Component({\n selector: 'eui-timeline',\n template: '<ng-content/>',\n styleUrls: ['./styles/timeline.scss'],\n})\nexport class EuiTimelineComponent {\n /**\n * @description\n * Computes and returns the CSS classes for the timeline component\n *\n * @returns {string} Space-separated string of CSS class names\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n /**\n * @description Data attribute for e2e testing\n * @default 'eui-timeline'\n */\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline';\n\n /**\n * @description\n * When true, aligns timeline items to the left side instead of center\n * @default false\n */\n @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n /**\n * @description\n * Combines CSS classes based on the component's current state\n *\n * @private\n * @returns {string} Space-separated string of CSS class names\n */\n private getCssClasses(): string {\n return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();\n }\n}\n","import {\n AfterContentInit,\n booleanAttribute,\n Component,\n forwardRef,\n HostBinding,\n inject,\n Input,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\n/**\n * @description\n * A timeline item component that represents a single event or activity within a timeline.\n * Can display labels, dates, times, and custom content with various visual states.\n */\n@Component({\n selector: 'eui-timeline-item',\n templateUrl: './eui-timeline-item.component.html',\n styleUrls: ['./styles/timeline-item.scss'],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],\n },\n ],\n})\nexport class EuiTimelineItemComponent implements AfterContentInit {\n /**\n * @description\n * Computes and returns the CSS classes for the timeline item\n *\n * @returns {string} Space-separated string of CSS class names\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n /**\n * @description Data attribute for e2e testing\n * @default 'eui-timeline-item'\n */\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline-item';\n\n /**\n * @description Primary text content of the timeline item\n */\n @Input() label: string;\n\n /**\n * @description Secondary text content displayed below the label\n */\n @Input() subLabel: string;\n\n /**\n * @description Date to display for the timeline item\n */\n @Input() date: string;\n\n /**\n * @description Additional CSS class to apply to the date element\n * @default ''\n */\n @Input() dateStyleClass = '';\n\n /**\n * @description Time to display for the timeline item\n */\n @Input() time: string;\n\n /**\n * @description Additional CSS class to apply to the time element\n * @default ''\n */\n @Input() timeStyleClass = '';\n\n /**\n * @description Controls the alignment of content within the timeline item\n * Inherited from parent timeline component\n */\n @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n /**\n * @description Indicates if this item represents a group of events\n * Changes the visual appearance accordingly\n */\n @Input({ transform: booleanAttribute }) isGroup: boolean;\n\n /**\n * @description Instance of BaseStatesDirective for managing component states\n */\n public baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n\n /**\n * @description Reference to parent timeline component for alignment inheritance\n */\n public timelineComponent: EuiTimelineComponent = inject(forwardRef(() => EuiTimelineComponent), { optional: true, host: true });\n\n /**\n * @description\n * After content initialization, inherits left alignment from parent timeline component\n */\n ngAfterContentInit(): void {\n this.isLeftAligned = this.timelineComponent.isLeftAligned;\n }\n\n /**\n * @description\n * Combines CSS classes based on the component's current state and group status\n *\n * @private\n * @returns {string} Space-separated string of CSS class names\n */\n private getCssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-timeline-item'),\n this.isGroup ? 'eui-timeline-item--more' : '',\n ]\n .join(' ')\n .trim();\n }\n}\n","@if (!isLeftAligned) {\n <div class=\"eui-timeline-item__left-content\">\n @if (date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n @if (customContent?.childNodes.length === 0) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if (isLeftAligned && date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (isLeftAligned && time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { EuiTimelineComponent } from './eui-timeline.component';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n/**\n * @description\n * Module that provides the EuiTimeline components and their dependencies.\n * Exports both the main timeline component and timeline item component.\n * @deprecated Use {@link EUI_TIMELINE} instead\n */\n@NgModule({\n imports: [EuiTimelineComponent, EuiTimelineItemComponent],\n exports: [EuiTimelineComponent, EuiTimelineItemComponent],\n})\nexport class EuiTimelineModule {}\n","import { EuiTimelineItemComponent } from './eui-timeline-item.component';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\nexport * from './eui-timeline.component';\nexport * from './eui-timeline-item.component';\nexport * from './eui-timeline.module';\n\nexport const EUI_TIMELINE = [\n EuiTimelineComponent, \n EuiTimelineItemComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAOA;;;;AAIG;MAMU,oBAAoB,CAAA;AALjC,IAAA,WAAA,GAAA;AAiBI;;;AAGG;QAGH,IAAO,CAAA,OAAA,GAAG,cAAc;AAmB3B;AApCG;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAkB/B;;;;;;AAMG;IACK,aAAa,GAAA;QACjB,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,GAAG,4BAA4B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;8GAnC3F,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAyBT,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA5B1B,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2zBAAA,CAAA,EAAA,CAAA,CAAA;;2FAGhB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,YACd,eAAe,EAAA,MAAA,EAAA,CAAA,2zBAAA,CAAA,EAAA;8BAWd,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAWpB,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe;;sBAC3B;gBAQuC,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AC7B1C;;;;AAIG;MAYU,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;AAuBI;;;AAGG;QAGH,IAAO,CAAA,OAAA,GAAG,mBAAmB;AAiB7B;;;AAGG;QACM,IAAc,CAAA,cAAA,GAAG,EAAE;AAO5B;;;AAGG;QACM,IAAc,CAAA,cAAA,GAAG,EAAE;AAc5B;;AAEG;AACI,QAAA,IAAA,CAAA,mBAAmB,GAAwB,MAAM,CAAC,mBAAmB,CAAC;AAE7E;;AAEG;QACI,IAAiB,CAAA,iBAAA,GAAyB,MAAM,CAAC,UAAU,CAAC,MAAM,oBAAoB,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAyBlI;AAhGG;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAiE/B;;;AAGG;IACH,kBAAkB,GAAA;QACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa;;AAG7D;;;;;;AAMG;IACK,aAAa,GAAA;QACjB,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,mBAAmB,CAAC;YAC3D,IAAI,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;AAChD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;8GA/FN,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAwDb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,CAMhB,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,gBAAgB,iZC3FxC,siCA2BA,EAAA,MAAA,EAAA,CAAA,osJAAA,CAAA,EAAA,CAAA,CAAA;;2FDEa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGb,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC;AACxH,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,siCAAA,EAAA,MAAA,EAAA,CAAA,osJAAA,CAAA,EAAA;8BAUU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAWpB,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe;;sBAC3B;gBAMQ,KAAK,EAAA,CAAA;sBAAb;gBAKQ,QAAQ,EAAA,CAAA;sBAAhB;gBAKQ,IAAI,EAAA,CAAA;sBAAZ;gBAMQ,cAAc,EAAA,CAAA;sBAAtB;gBAKQ,IAAI,EAAA,CAAA;sBAAZ;gBAMQ,cAAc,EAAA,CAAA;sBAAtB;gBAMuC,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEvF1C;;;;;AAKG;MAKU,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHhB,oBAAoB,EAAE,wBAAwB,CAC9C,EAAA,OAAA,EAAA,CAAA,oBAAoB,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA;+GAE/C,iBAAiB,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;AACzD,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;AAC5D,iBAAA;;;ACNY,MAAA,YAAY,GAAG;IACxB,oBAAoB;IACpB,wBAAwB;;;ACT5B;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"eui-components-eui-timeline.mjs","sources":["../../eui-timeline/eui-timeline.component.ts","../../eui-timeline/eui-timeline-item.component.ts","../../eui-timeline/eui-timeline-item.component.html","../../eui-timeline/eui-timeline.module.ts","../../eui-timeline/index.ts","../../eui-timeline/eui-components-eui-timeline.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n HostBinding,\n Input,\n} from '@angular/core';\n\n/**\n * @description\n * A timeline component that displays a vertical list of events or activities in chronological order.\n * Can be configured to align items on the left side instead of centered.\n */\n@Component({\n selector: 'eui-timeline',\n template: '<ng-content/>',\n styleUrl: './eui-timeline.scss',\n})\nexport class EuiTimelineComponent {\n /**\n * @description\n * Computes and returns the CSS classes for the timeline component\n *\n * @returns {string} Space-separated string of CSS class names\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n /**\n * @description Data attribute for e2e testing\n * @default 'eui-timeline'\n */\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline';\n\n /**\n * @description\n * When true, aligns timeline items to the left side instead of center\n * @default false\n */\n @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n /**\n * @description\n * Combines CSS classes based on the component's current state\n *\n * @private\n * @returns {string} Space-separated string of CSS class names\n */\n private getCssClasses(): string {\n return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();\n }\n}\n","import {\n AfterContentInit,\n booleanAttribute,\n Component,\n forwardRef,\n HostBinding,\n inject,\n Input,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\n/**\n * @description\n * A timeline item component that represents a single event or activity within a timeline.\n * Can display labels, dates, times, and custom content with various visual states.\n */\n@Component({\n selector: 'eui-timeline-item',\n templateUrl: './eui-timeline-item.component.html',\n styleUrl: './eui-timeline-item.scss',\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],\n },\n ],\n})\nexport class EuiTimelineItemComponent implements AfterContentInit {\n /**\n * @description\n * Computes and returns the CSS classes for the timeline item\n *\n * @returns {string} Space-separated string of CSS class names\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n /**\n * @description Data attribute for e2e testing\n * @default 'eui-timeline-item'\n */\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline-item';\n\n /**\n * @description Primary text content of the timeline item\n */\n @Input() label: string;\n\n /**\n * @description Secondary text content displayed below the label\n */\n @Input() subLabel: string;\n\n /**\n * @description Date to display for the timeline item\n */\n @Input() date: string;\n\n /**\n * @description Additional CSS class to apply to the date element\n * @default ''\n */\n @Input() dateStyleClass = '';\n\n /**\n * @description Time to display for the timeline item\n */\n @Input() time: string;\n\n /**\n * @description Additional CSS class to apply to the time element\n * @default ''\n */\n @Input() timeStyleClass = '';\n\n /**\n * @description Controls the alignment of content within the timeline item\n * Inherited from parent timeline component\n */\n @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n /**\n * @description Indicates if this item represents a group of events\n * Changes the visual appearance accordingly\n */\n @Input({ transform: booleanAttribute }) isGroup: boolean;\n\n /**\n * @description Instance of BaseStatesDirective for managing component states\n */\n public baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n\n /**\n * @description Reference to parent timeline component for alignment inheritance\n */\n public timelineComponent: EuiTimelineComponent = inject(forwardRef(() => EuiTimelineComponent), { optional: true, host: true });\n\n /**\n * @description\n * After content initialization, inherits left alignment from parent timeline component\n */\n ngAfterContentInit(): void {\n this.isLeftAligned = this.timelineComponent.isLeftAligned;\n }\n\n /**\n * @description\n * Combines CSS classes based on the component's current state and group status\n *\n * @private\n * @returns {string} Space-separated string of CSS class names\n */\n private getCssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-timeline-item'),\n this.isGroup ? 'eui-timeline-item--more' : '',\n ]\n .join(' ')\n .trim();\n }\n}\n","@if (!isLeftAligned) {\n <div class=\"eui-timeline-item__left-content\">\n @if (date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n @if (customContent?.childNodes.length === 0) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if (isLeftAligned && date) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if (isLeftAligned && time) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { EuiTimelineComponent } from './eui-timeline.component';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n/**\n * @description\n * Module that provides the EuiTimeline components and their dependencies.\n * Exports both the main timeline component and timeline item component.\n * @deprecated Use {@link EUI_TIMELINE} instead\n */\n@NgModule({\n imports: [EuiTimelineComponent, EuiTimelineItemComponent],\n exports: [EuiTimelineComponent, EuiTimelineItemComponent],\n})\nexport class EuiTimelineModule {}\n","import { EuiTimelineItemComponent } from './eui-timeline-item.component';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\nexport * from './eui-timeline.component';\nexport * from './eui-timeline-item.component';\nexport * from './eui-timeline.module';\n\nexport const EUI_TIMELINE = [\n EuiTimelineComponent, \n EuiTimelineItemComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAOA;;;;AAIG;MAMU,oBAAoB,CAAA;AALjC,IAAA,WAAA,GAAA;AAiBI;;;AAGG;QAGH,IAAO,CAAA,OAAA,GAAG,cAAc;AAmB3B;AApCG;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAkB/B;;;;;;AAMG;IACK,aAAa,GAAA;QACjB,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,GAAG,4BAA4B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;8GAnC3F,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAyBT,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA5B1B,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,CAAA,CAAA;;2FAGhB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,YACd,eAAe,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA;8BAWd,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAWpB,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe;;sBAC3B;gBAQuC,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AC7B1C;;;;AAIG;MAYU,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;AAuBI;;;AAGG;QAGH,IAAO,CAAA,OAAA,GAAG,mBAAmB;AAiB7B;;;AAGG;QACM,IAAc,CAAA,cAAA,GAAG,EAAE;AAO5B;;;AAGG;QACM,IAAc,CAAA,cAAA,GAAG,EAAE;AAc5B;;AAEG;AACI,QAAA,IAAA,CAAA,mBAAmB,GAAwB,MAAM,CAAC,mBAAmB,CAAC;AAE7E;;AAEG;QACI,IAAiB,CAAA,iBAAA,GAAyB,MAAM,CAAC,UAAU,CAAC,MAAM,oBAAoB,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAyBlI;AAhGG;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAiE/B;;;AAGG;IACH,kBAAkB,GAAA;QACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa;;AAG7D;;;;;;AAMG;IACK,aAAa,GAAA;QACjB,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,mBAAmB,CAAC;YAC3D,IAAI,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;AAChD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;8GA/FN,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAwDb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,CAMhB,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,gBAAgB,iZC3FxC,siCA2BA,EAAA,MAAA,EAAA,CAAA,okHAAA,CAAA,EAAA,CAAA,CAAA;;2FDEa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGb,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC;AACxH,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,siCAAA,EAAA,MAAA,EAAA,CAAA,okHAAA,CAAA,EAAA;8BAUU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAWpB,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe;;sBAC3B;gBAMQ,KAAK,EAAA,CAAA;sBAAb;gBAKQ,QAAQ,EAAA,CAAA;sBAAhB;gBAKQ,IAAI,EAAA,CAAA;sBAAZ;gBAMQ,cAAc,EAAA,CAAA;sBAAtB;gBAKQ,IAAI,EAAA,CAAA;sBAAZ;gBAMQ,cAAc,EAAA,CAAA;sBAAtB;gBAMuC,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEvF1C;;;;;AAKG;MAKU,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHhB,oBAAoB,EAAE,wBAAwB,CAC9C,EAAA,OAAA,EAAA,CAAA,oBAAoB,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA;+GAE/C,iBAAiB,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;AACzD,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;AAC5D,iBAAA;;;ACNY,MAAA,YAAY,GAAG;IACxB,oBAAoB;IACpB,wBAAwB;;;ACT5B;;AAEG;;;;"}
|
|
@@ -461,14 +461,14 @@ class EuiTreeListComponent {
|
|
|
461
461
|
}
|
|
462
462
|
}
|
|
463
463
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTreeListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
464
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTreeListComponent, isStandalone: true, selector: "eui-tree-list", inputs: { isShowToolbar: ["isShowToolbar", "isShowToolbar", booleanAttribute], isShowToolbarToggle: ["isShowToolbarToggle", "isShowToolbarToggle", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], hasItemsUrl: ["hasItemsUrl", "hasItemsUrl", booleanAttribute], filterLabel: "filterLabel", filterFunction: "filterFunction", expandAllLabel: "expandAllLabel", collapseAllLabel: "collapseAllLabel", tabindex: "tabindex", ariaLabel: "ariaLabel", toolbarFilterValue: "toolbarFilterValue", e2eAttr: "e2eAttr" }, outputs: { itemSelected: "itemSelected", filter: "filter", expandAll: "expandAll", collapseAll: "collapseAll" }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiTreeListItemComponent) }], usesOnChanges: true, ngImport: i0, template: "@if (isShowToolbar) {\n <eui-tree-list-toolbar\n [isVisible]=\"isShowToolbar\"\n [isToggleVisible]=\"isShowToolbarToggle\"\n (filter)=\"onFilter($event)\"\n [filterValue]=\"toolbarFilterValue\"\n (expandAll)=\"onExpandAll($event)\"\n (collapseAll)=\"onCollapseAll($event)\"\n [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n [isToggleExpanded]=\"isExpanded\"\n attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n class=\"eui-tree-list\"\n [attr.role]=\"ariaRoleTree\"\n [attr.data-tabindex]=\"originalTabindex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-owns]=\"ariaOwns\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-
|
|
464
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTreeListComponent, isStandalone: true, selector: "eui-tree-list", inputs: { isShowToolbar: ["isShowToolbar", "isShowToolbar", booleanAttribute], isShowToolbarToggle: ["isShowToolbarToggle", "isShowToolbarToggle", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], hasItemsUrl: ["hasItemsUrl", "hasItemsUrl", booleanAttribute], filterLabel: "filterLabel", filterFunction: "filterFunction", expandAllLabel: "expandAllLabel", collapseAllLabel: "collapseAllLabel", tabindex: "tabindex", ariaLabel: "ariaLabel", toolbarFilterValue: "toolbarFilterValue", e2eAttr: "e2eAttr" }, outputs: { itemSelected: "itemSelected", filter: "filter", expandAll: "expandAll", collapseAll: "collapseAll" }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiTreeListItemComponent) }], usesOnChanges: true, ngImport: i0, template: "@if (isShowToolbar) {\n <eui-tree-list-toolbar\n [isVisible]=\"isShowToolbar\"\n [isToggleVisible]=\"isShowToolbarToggle\"\n (filter)=\"onFilter($event)\"\n [filterValue]=\"toolbarFilterValue\"\n (expandAll)=\"onExpandAll($event)\"\n (collapseAll)=\"onCollapseAll($event)\"\n [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n [isToggleExpanded]=\"isExpanded\"\n attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n class=\"eui-tree-list\"\n [attr.role]=\"ariaRoleTree\"\n [attr.data-tabindex]=\"originalTabindex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-owns]=\"ariaOwns\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-base)}.eui-19 .eui-tree-list-item--secondary .eui-tree-list-item-header{border-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-tree-list-item--info .eui-tree-list-item-header{border-color:var(--eui-c-s-info-base)}.eui-19 .eui-tree-list-item--success .eui-tree-list-item-header{border-color:var(--eui-c-s-success-base)}.eui-19 .eui-tree-list-item--warning .eui-tree-list-item-header{border-color:var(--eui-c-s-warning-base)}.eui-19 .eui-tree-list-item--danger .eui-tree-list-item-header{border-color:var(--eui-c-s-danger-base)}.eui-19 .eui-tree-list-item--accent .eui-tree-list-item-header{border-color:var(--eui-c-s-accent-base)}.eui-19 .eui-tree-list-item--hidden{display:none}\n"], dependencies: [{ kind: "component", type: EuiTreeListToolbarComponent, selector: "eui-tree-list-toolbar", inputs: ["e2eAttr", "isVisible", "filterLabel", "expandAllLabel", "collapseAllLabel", "isFilterVisible", "isToggleVisible", "isToggleExpanded", "filterValue", "hasLabels"], outputs: ["filter", "expandAll", "collapseAll"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
465
465
|
}
|
|
466
466
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTreeListComponent, decorators: [{
|
|
467
467
|
type: Component,
|
|
468
468
|
args: [{ selector: 'eui-tree-list', encapsulation: ViewEncapsulation.None, imports: [
|
|
469
469
|
EuiTreeListToolbarComponent,
|
|
470
470
|
TranslateModule,
|
|
471
|
-
], template: "@if (isShowToolbar) {\n <eui-tree-list-toolbar\n [isVisible]=\"isShowToolbar\"\n [isToggleVisible]=\"isShowToolbarToggle\"\n (filter)=\"onFilter($event)\"\n [filterValue]=\"toolbarFilterValue\"\n (expandAll)=\"onExpandAll($event)\"\n (collapseAll)=\"onCollapseAll($event)\"\n [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n [isToggleExpanded]=\"isExpanded\"\n attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n class=\"eui-tree-list\"\n [attr.role]=\"ariaRoleTree\"\n [attr.data-tabindex]=\"originalTabindex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-owns]=\"ariaOwns\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-
|
|
471
|
+
], template: "@if (isShowToolbar) {\n <eui-tree-list-toolbar\n [isVisible]=\"isShowToolbar\"\n [isToggleVisible]=\"isShowToolbarToggle\"\n (filter)=\"onFilter($event)\"\n [filterValue]=\"toolbarFilterValue\"\n (expandAll)=\"onExpandAll($event)\"\n (collapseAll)=\"onCollapseAll($event)\"\n [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n [isToggleExpanded]=\"isExpanded\"\n attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n class=\"eui-tree-list\"\n [attr.role]=\"ariaRoleTree\"\n [attr.data-tabindex]=\"originalTabindex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-owns]=\"ariaOwns\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-base)}.eui-19 .eui-tree-list-item--secondary .eui-tree-list-item-header{border-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-tree-list-item--info .eui-tree-list-item-header{border-color:var(--eui-c-s-info-base)}.eui-19 .eui-tree-list-item--success .eui-tree-list-item-header{border-color:var(--eui-c-s-success-base)}.eui-19 .eui-tree-list-item--warning .eui-tree-list-item-header{border-color:var(--eui-c-s-warning-base)}.eui-19 .eui-tree-list-item--danger .eui-tree-list-item-header{border-color:var(--eui-c-s-danger-base)}.eui-19 .eui-tree-list-item--accent .eui-tree-list-item-header{border-color:var(--eui-c-s-accent-base)}.eui-19 .eui-tree-list-item--hidden{display:none}\n"] }]
|
|
472
472
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { isShowToolbar: [{
|
|
473
473
|
type: Input,
|
|
474
474
|
args: [{ transform: booleanAttribute }]
|
|
@@ -35,11 +35,11 @@ class EuiWizardStepComponent {
|
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiWizardStepComponent, isStandalone: true, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: ["isCompleted", "isCompleted", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute], isShowStepTitle: ["isShowStepTitle", "isShowStepTitle", booleanAttribute], isInvalid: ["isInvalid", "isInvalid", booleanAttribute], isWarning: ["isWarning", "isWarning", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute] }, ngImport: i0, template: "@if(isActive) {\n <ng-content />\n}\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiWizardStepComponent, isStandalone: true, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: ["isCompleted", "isCompleted", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute], isShowStepTitle: ["isShowStepTitle", "isShowStepTitle", booleanAttribute], isInvalid: ["isInvalid", "isInvalid", booleanAttribute], isWarning: ["isWarning", "isWarning", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute] }, ngImport: i0, template: "@if(isActive) {\n <ng-content />\n}\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-surface);border-color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-primary-surface-contrast);fill:var(--eui-c-s-primary-surface-contrast)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success);fill:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-success-surface)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success-surface-contrast);fill:var(--eui-c-s-success-surface-contrast)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger);fill:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-danger-surface)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger-surface-contrast);fill:var(--eui-c-s-danger-surface-contrast)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning);fill:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-warning-surface)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning-surface-contrast);fill:var(--eui-c-s-warning-surface-contrast)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{background-color:var(--eui-c-white);border-color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-disabled);fill:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-disabled);color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-19 .eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-19 .eui-wizard-step--notallowed{opacity:var(--eui-o-50)}.eui-19 .eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed:hover{cursor:not-allowed}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'eui-wizard-step', encapsulation: ViewEncapsulation.None, template: "@if(isActive) {\n <ng-content />\n}\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-
|
|
42
|
+
args: [{ selector: 'eui-wizard-step', encapsulation: ViewEncapsulation.None, template: "@if(isActive) {\n <ng-content />\n}\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-surface);border-color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-primary-surface-contrast);fill:var(--eui-c-s-primary-surface-contrast)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success);fill:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-success-surface)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success-surface-contrast);fill:var(--eui-c-s-success-surface-contrast)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger);fill:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-danger-surface)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger-surface-contrast);fill:var(--eui-c-s-danger-surface-contrast)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning);fill:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-warning-surface)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning-surface-contrast);fill:var(--eui-c-s-warning-surface-contrast)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{background-color:var(--eui-c-white);border-color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-disabled);fill:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-disabled);color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-19 .eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-19 .eui-wizard-step--notallowed{opacity:var(--eui-o-50)}.eui-19 .eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed:hover{cursor:not-allowed}\n"] }]
|
|
43
43
|
}], propDecorators: { id: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], indexLabel: [{
|
|
@@ -226,13 +226,13 @@ class EuiWizardComponent {
|
|
|
226
226
|
return null;
|
|
227
227
|
}
|
|
228
228
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiWizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
229
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiWizardComponent, isStandalone: true, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: ["isCustomContent", "isCustomContent", booleanAttribute], isShowStepTitle: ["isShowStepTitle", "isShowStepTitle", booleanAttribute], isNavigationAllowed: ["isNavigationAllowed", "isNavigationAllowed", booleanAttribute] }, outputs: { selectStep: "selectStep" }, providers: [EuiWizardService], queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" attr.data-e2e=\"{{ e2eAttr }}\">\n @for (step of steps; track step.id; let idx = $index) {\n <div\n #canBeFocused\n class=\"eui-wizard-step\"\n role=\"tab\"\n [id]=\"step.id\"\n attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n [attr.aria-disabled]=\"step?.isDisabled\"\n [attr.aria-controls]=\"stepContentId\"\n [attr.aria-describedby]=\"step?.isActive? stepContentId: null\"\n [attr.aria-selected]=\"step?.isActive\"\n [tabindex]=\"!isNavigationAllowed ? -1 : tabindex\"\n [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n [class.eui-wizard-step--active]=\"step?.isActive\"\n [class.eui-wizard-step--disabled]=\"step?.isDisabled\"\n [class.eui-wizard-step--error]=\"step?.isInvalid\"\n [class.eui--danger]=\"step?.isInvalid\"\n [class.eui-wizard-step--warning]=\"step?.isWarning\"\n [class.eui--warning]=\"step?.isWarning\"\n (click)=\"onSelectStep(step, idx + 1)\"\n (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n <div class=\"eui-wizard-step__bullet-item\">\n <span class=\"eui-wizard-step__bullet-item-icon\">\n @if(!step?.indexIconSvgName) {\n @if(step?.isActive) {\n <eui-icon-svg icon=\"eui-ecl-edit\" />\n }\n @if (step?.isCompleted && !step?.isActive) {\n <eui-icon-svg icon=\"checkmark:sharp\" />\n }\n @if (step?.isInvalid && !step?.isActive) {\n <eui-icon-svg icon=\"alert:sharp\" />\n }\n } @else {\n @if(step?.indexIconSvgName && step?.indexIconSvgName !== undefined) {\n <span role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\" />\n </span>\n }\n }\n </span>\n @if(!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid) {\n <span class=\"eui-wizard-step__bullet-item-text\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n }\n </div>\n <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n {{ step?.label }}\n </div>\n <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n {{ step?.subLabel }}\n </div>\n </div>\n\n @if(step?.isActive) {\n <div class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\" size=\"xl\" />\n </div>\n }\n </div>\n }\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-fill);border-color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-primary-fill-contrast);fill:var(--eui-c-s-primary-fill-contrast)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success);fill:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-success-fill)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success-fill-contrast);fill:var(--eui-c-s-success-fill-contrast)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger);fill:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-danger-fill)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger-fill-contrast);fill:var(--eui-c-s-danger-fill-contrast)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning);fill:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-warning-fill)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning-fill-contrast);fill:var(--eui-c-s-warning-fill-contrast)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{background-color:var(--eui-c-white);border-color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-disabled);fill:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-disabled);color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-19 .eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-19 .eui-wizard-step--notallowed{opacity:var(--eui-o-50)}.eui-19 .eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed:hover{cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: i1$1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
229
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiWizardComponent, isStandalone: true, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: ["isCustomContent", "isCustomContent", booleanAttribute], isShowStepTitle: ["isShowStepTitle", "isShowStepTitle", booleanAttribute], isNavigationAllowed: ["isNavigationAllowed", "isNavigationAllowed", booleanAttribute] }, outputs: { selectStep: "selectStep" }, providers: [EuiWizardService], queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" attr.data-e2e=\"{{ e2eAttr }}\">\n @for (step of steps; track step.id; let idx = $index) {\n <div\n #canBeFocused\n class=\"eui-wizard-step\"\n role=\"tab\"\n [id]=\"step.id\"\n attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n [attr.aria-disabled]=\"step?.isDisabled\"\n [attr.aria-controls]=\"stepContentId\"\n [attr.aria-describedby]=\"step?.isActive? stepContentId: null\"\n [attr.aria-selected]=\"step?.isActive\"\n [tabindex]=\"!isNavigationAllowed ? -1 : tabindex\"\n [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n [class.eui-wizard-step--active]=\"step?.isActive\"\n [class.eui-wizard-step--disabled]=\"step?.isDisabled\"\n [class.eui-wizard-step--error]=\"step?.isInvalid\"\n [class.eui--danger]=\"step?.isInvalid\"\n [class.eui-wizard-step--warning]=\"step?.isWarning\"\n [class.eui--warning]=\"step?.isWarning\"\n (click)=\"onSelectStep(step, idx + 1)\"\n (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n <div class=\"eui-wizard-step__bullet-item\">\n <span class=\"eui-wizard-step__bullet-item-icon\">\n @if(!step?.indexIconSvgName) {\n @if(step?.isActive) {\n <eui-icon-svg icon=\"eui-ecl-edit\" />\n }\n @if (step?.isCompleted && !step?.isActive) {\n <eui-icon-svg icon=\"checkmark:sharp\" />\n }\n @if (step?.isInvalid && !step?.isActive) {\n <eui-icon-svg icon=\"alert:sharp\" />\n }\n } @else {\n @if(step?.indexIconSvgName && step?.indexIconSvgName !== undefined) {\n <span role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\" />\n </span>\n }\n }\n </span>\n @if(!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid) {\n <span class=\"eui-wizard-step__bullet-item-text\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n }\n </div>\n <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n {{ step?.label }}\n </div>\n <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n {{ step?.subLabel }}\n </div>\n </div>\n\n @if(step?.isActive) {\n <div class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\" size=\"xl\" />\n </div>\n }\n </div>\n }\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-surface);border-color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-primary-surface-contrast);fill:var(--eui-c-s-primary-surface-contrast)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success);fill:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-success-surface)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success-surface-contrast);fill:var(--eui-c-s-success-surface-contrast)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger);fill:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-danger-surface)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger-surface-contrast);fill:var(--eui-c-s-danger-surface-contrast)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning);fill:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-warning-surface)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning-surface-contrast);fill:var(--eui-c-s-warning-surface-contrast)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{background-color:var(--eui-c-white);border-color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-disabled);fill:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-disabled);color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-19 .eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-19 .eui-wizard-step--notallowed{opacity:var(--eui-o-50)}.eui-19 .eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed:hover{cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: i1$1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
230
230
|
}
|
|
231
231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiWizardComponent, decorators: [{
|
|
232
232
|
type: Component,
|
|
233
233
|
args: [{ selector: 'eui-wizard', encapsulation: ViewEncapsulation.None, providers: [EuiWizardService], imports: [
|
|
234
234
|
...EUI_ICON,
|
|
235
|
-
], template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" attr.data-e2e=\"{{ e2eAttr }}\">\n @for (step of steps; track step.id; let idx = $index) {\n <div\n #canBeFocused\n class=\"eui-wizard-step\"\n role=\"tab\"\n [id]=\"step.id\"\n attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n [attr.aria-disabled]=\"step?.isDisabled\"\n [attr.aria-controls]=\"stepContentId\"\n [attr.aria-describedby]=\"step?.isActive? stepContentId: null\"\n [attr.aria-selected]=\"step?.isActive\"\n [tabindex]=\"!isNavigationAllowed ? -1 : tabindex\"\n [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n [class.eui-wizard-step--active]=\"step?.isActive\"\n [class.eui-wizard-step--disabled]=\"step?.isDisabled\"\n [class.eui-wizard-step--error]=\"step?.isInvalid\"\n [class.eui--danger]=\"step?.isInvalid\"\n [class.eui-wizard-step--warning]=\"step?.isWarning\"\n [class.eui--warning]=\"step?.isWarning\"\n (click)=\"onSelectStep(step, idx + 1)\"\n (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n <div class=\"eui-wizard-step__bullet-item\">\n <span class=\"eui-wizard-step__bullet-item-icon\">\n @if(!step?.indexIconSvgName) {\n @if(step?.isActive) {\n <eui-icon-svg icon=\"eui-ecl-edit\" />\n }\n @if (step?.isCompleted && !step?.isActive) {\n <eui-icon-svg icon=\"checkmark:sharp\" />\n }\n @if (step?.isInvalid && !step?.isActive) {\n <eui-icon-svg icon=\"alert:sharp\" />\n }\n } @else {\n @if(step?.indexIconSvgName && step?.indexIconSvgName !== undefined) {\n <span role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\" />\n </span>\n }\n }\n </span>\n @if(!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid) {\n <span class=\"eui-wizard-step__bullet-item-text\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n }\n </div>\n <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n {{ step?.label }}\n </div>\n <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n {{ step?.subLabel }}\n </div>\n </div>\n\n @if(step?.isActive) {\n <div class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\" size=\"xl\" />\n </div>\n }\n </div>\n }\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-
|
|
235
|
+
], template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" attr.data-e2e=\"{{ e2eAttr }}\">\n @for (step of steps; track step.id; let idx = $index) {\n <div\n #canBeFocused\n class=\"eui-wizard-step\"\n role=\"tab\"\n [id]=\"step.id\"\n attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n [attr.aria-disabled]=\"step?.isDisabled\"\n [attr.aria-controls]=\"stepContentId\"\n [attr.aria-describedby]=\"step?.isActive? stepContentId: null\"\n [attr.aria-selected]=\"step?.isActive\"\n [tabindex]=\"!isNavigationAllowed ? -1 : tabindex\"\n [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n [class.eui-wizard-step--active]=\"step?.isActive\"\n [class.eui-wizard-step--disabled]=\"step?.isDisabled\"\n [class.eui-wizard-step--error]=\"step?.isInvalid\"\n [class.eui--danger]=\"step?.isInvalid\"\n [class.eui-wizard-step--warning]=\"step?.isWarning\"\n [class.eui--warning]=\"step?.isWarning\"\n (click)=\"onSelectStep(step, idx + 1)\"\n (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n <div class=\"eui-wizard-step__bullet-item\">\n <span class=\"eui-wizard-step__bullet-item-icon\">\n @if(!step?.indexIconSvgName) {\n @if(step?.isActive) {\n <eui-icon-svg icon=\"eui-ecl-edit\" />\n }\n @if (step?.isCompleted && !step?.isActive) {\n <eui-icon-svg icon=\"checkmark:sharp\" />\n }\n @if (step?.isInvalid && !step?.isActive) {\n <eui-icon-svg icon=\"alert:sharp\" />\n }\n } @else {\n @if(step?.indexIconSvgName && step?.indexIconSvgName !== undefined) {\n <span role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\" />\n </span>\n }\n }\n </span>\n @if(!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid) {\n <span class=\"eui-wizard-step__bullet-item-text\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n }\n </div>\n <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n {{ step?.label }}\n </div>\n <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n {{ step?.subLabel }}\n </div>\n </div>\n\n @if(step?.isActive) {\n <div class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\" size=\"xl\" />\n </div>\n }\n </div>\n }\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-19 .eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-19 .eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-19 .eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,90%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:var(--eui-bw-s) solid var(--eui-c-neutral-lighter);content:\"\";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-19 .eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);border-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-19 .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-19 .eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l)}.eui-19 .eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-19 .eui-wizard-step__label-wrapper-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-neutral-light);font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:first-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-19 .eui-wizard-step:last-child .eui-19 .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}.eui-19 .eui-wizard-step:focus-visible .eui-wizard-step__bullet-item{outline:var(--eui-bw-s) solid var(--eui-c-focus-visible);outline-offset:2px}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-primary-surface);border-color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-primary-surface-contrast);fill:var(--eui-c-s-primary-surface-contrast)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-primary)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success);fill:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-success)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-success-surface)}.eui-19 .eui-wizard-step--completed.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-success-surface-contrast);fill:var(--eui-c-s-success-surface-contrast)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger);fill:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-danger)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-danger-surface)}.eui-19 .eui-wizard-step--error.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-danger-surface-contrast);fill:var(--eui-c-s-danger-surface-contrast)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{border-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning);fill:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-s-warning)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item{background-color:var(--eui-c-s-warning-surface)}.eui-19 .eui-wizard-step--warning.eui-wizard-step--active .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-s-warning-surface-contrast);fill:var(--eui-c-s-warning-surface-contrast)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{background-color:var(--eui-c-white);border-color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-disabled);fill:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-19 .eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-disabled);color:var(--eui-c-disabled)}.eui-19 .eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-19 .eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-19 .eui-wizard-step--notallowed{opacity:var(--eui-o-50)}.eui-19 .eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-19 .eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-19 .eui-wizard-step--notallowed:hover{cursor:not-allowed}\n"] }]
|
|
236
236
|
}], propDecorators: { activeStepIndex: [{
|
|
237
237
|
type: Input
|
|
238
238
|
}], steps: [{
|