@eui/components 19.0.0-next.6 → 19.0.0-next.8
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/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/fesm2022/eui-components-directives.mjs +1 -1
- package/fesm2022/eui-components-eui-accordion.mjs +3 -3
- package/fesm2022/eui-components-eui-alert.mjs +3 -3
- package/fesm2022/eui-components-eui-autocomplete.mjs +3 -3
- package/fesm2022/eui-components-eui-avatar.mjs +3 -3
- package/fesm2022/eui-components-eui-badge.mjs +3 -3
- package/fesm2022/eui-components-eui-block-content.mjs +3 -3
- package/fesm2022/eui-components-eui-block-document.mjs +3 -3
- package/fesm2022/eui-components-eui-breadcrumb.mjs +3 -3
- package/fesm2022/eui-components-eui-button-group.mjs +3 -3
- package/fesm2022/eui-components-eui-button-v2.mjs +3 -3
- package/fesm2022/eui-components-eui-button.mjs +3 -3
- package/fesm2022/eui-components-eui-card.mjs +3 -3
- package/fesm2022/eui-components-eui-chip-list.mjs +3 -3
- package/fesm2022/eui-components-eui-chip.mjs +3 -3
- package/fesm2022/eui-components-eui-dashboard-button.mjs +3 -3
- package/fesm2022/eui-components-eui-dashboard-card.mjs +3 -3
- package/fesm2022/eui-components-eui-date-range-selector.mjs +5 -5
- package/fesm2022/eui-components-eui-datepicker.mjs +3 -3
- package/fesm2022/eui-components-eui-dialog.mjs +5 -5
- package/fesm2022/eui-components-eui-dimmer.mjs +3 -3
- package/fesm2022/eui-components-eui-disable-content.mjs +3 -3
- package/fesm2022/eui-components-eui-discussion-thread.mjs +3 -3
- package/fesm2022/eui-components-eui-dropdown.mjs +5 -5
- package/fesm2022/eui-components-eui-feedback-message.mjs +3 -3
- package/fesm2022/eui-components-eui-fieldset.mjs +3 -3
- package/fesm2022/eui-components-eui-file-upload.mjs +4 -4
- package/fesm2022/eui-components-eui-growl.mjs +3 -3
- package/fesm2022/eui-components-eui-icon-button-expander.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-button.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-color.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-input.mjs +3 -3
- package/fesm2022/eui-components-eui-icon-state.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs +3 -3
- package/fesm2022/eui-components-eui-icon.mjs +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +3 -3
- package/fesm2022/eui-components-eui-input-group.mjs +3 -3
- package/fesm2022/eui-components-eui-input-number.mjs +3 -3
- package/fesm2022/eui-components-eui-input-radio.mjs +3 -3
- package/fesm2022/eui-components-eui-input-text.mjs +3 -3
- package/fesm2022/eui-components-eui-label.mjs +3 -3
- package/fesm2022/eui-components-eui-language-selector.mjs +3 -3
- package/fesm2022/eui-components-eui-list.mjs +5 -5
- package/fesm2022/eui-components-eui-menu.mjs +5 -5
- package/fesm2022/eui-components-eui-message-box.mjs +1 -1
- package/fesm2022/eui-components-eui-navbar.mjs +3 -3
- package/fesm2022/eui-components-eui-overlay.mjs +3 -3
- package/fesm2022/eui-components-eui-page.mjs +3 -3
- package/fesm2022/eui-components-eui-paginator.mjs +3 -3
- package/fesm2022/eui-components-eui-popover.mjs +3 -3
- package/fesm2022/eui-components-eui-progress-bar.mjs +3 -3
- package/fesm2022/eui-components-eui-progress-circle.mjs +3 -3
- package/fesm2022/eui-components-eui-select.mjs +3 -3
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +3 -3
- package/fesm2022/eui-components-eui-skeleton.mjs +3 -3
- package/fesm2022/eui-components-eui-slide-toggle.mjs +3 -3
- package/fesm2022/eui-components-eui-split-button.mjs +3 -3
- package/fesm2022/eui-components-eui-table-v2.mjs +3 -3
- package/fesm2022/eui-components-eui-table.mjs +3 -3
- package/fesm2022/eui-components-eui-tabs.mjs +5 -5
- package/fesm2022/eui-components-eui-textarea.mjs +3 -3
- package/fesm2022/eui-components-eui-timebar.mjs +3 -3
- package/fesm2022/eui-components-eui-timeline.mjs +5 -5
- package/fesm2022/eui-components-eui-timepicker.mjs +3 -3
- package/fesm2022/eui-components-eui-tree-list.mjs +3 -3
- package/fesm2022/eui-components-eui-tree.mjs +3 -3
- package/fesm2022/eui-components-eui-user-profile.mjs +3 -3
- package/fesm2022/eui-components-eui-wizard.mjs +5 -5
- package/fesm2022/eui-components-externals-charts.mjs +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +1 -1
- package/fesm2022/eui-components-externals-quill.mjs +1 -1
- package/fesm2022/eui-components-layout.mjs +3 -3
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/fesm2022/eui-components-shared.mjs +1 -1
- package/package.json +7 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { booleanAttribute,
|
|
2
|
+
import { booleanAttribute, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, EventEmitter, ViewChildren, ContentChildren, Output, Injectable, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import { uniqueId, consumeEvent } from '@eui/core';
|
|
@@ -38,11 +38,11 @@ class EuiWizardStepComponent {
|
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiWizardStepComponent, isStandalone: false, 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: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [".eui-
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiWizardStepComponent, isStandalone: false, 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: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\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%,75%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);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-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-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{font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:focus .eui-wizard-step__bullet-item{border:var(--eui-bw-s) solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.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--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success-dark)}.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-success-dark)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger-dark)}.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-danger-dark)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.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-warning-dark)}.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-neutral-lightest);color:var(--eui-c-neutral)}.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 .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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
|
-
args: [{ selector: 'eui-wizard-step', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [".eui-
|
|
45
|
+
args: [{ selector: 'eui-wizard-step', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\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%,75%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);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-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-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{font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:focus .eui-wizard-step__bullet-item{border:var(--eui-bw-s) solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.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--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success-dark)}.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-success-dark)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger-dark)}.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-danger-dark)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.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-warning-dark)}.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-neutral-lightest);color:var(--eui-c-neutral)}.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 .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"] }]
|
|
46
46
|
}], propDecorators: { id: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], indexLabel: [{
|
|
@@ -190,11 +190,11 @@ class EuiWizardComponent {
|
|
|
190
190
|
return null;
|
|
191
191
|
}
|
|
192
192
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiWizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
193
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiWizardComponent, isStandalone: false, 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" }, 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\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #canBeFocused\n *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\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 [tabindex]=\"step?.isDisabled || !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 || !isNavigationAllowed\"\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 <ng-container *ngIf=\"!step?.indexIconSvgName; else customIconContent\">\n <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-ecl-check\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-ecl-edit\"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class=\"eui-wizard-step__bullet-item-text\"\n *ngIf=\"!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\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 <div *ngIf=\"step?.isActive\" 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\"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-
|
|
193
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiWizardComponent, isStandalone: false, 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" }, 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\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #canBeFocused\n *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\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 [tabindex]=\"step?.isDisabled || !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 || !isNavigationAllowed\"\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 <ng-container *ngIf=\"!step?.indexIconSvgName; else customIconContent\">\n <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-ecl-check\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-ecl-edit\"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class=\"eui-wizard-step__bullet-item-text\"\n *ngIf=\"!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\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 <div *ngIf=\"step?.isActive\" 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\"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\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%,75%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);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-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-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{font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:focus .eui-wizard-step__bullet-item{border:var(--eui-bw-s) solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.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--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success-dark)}.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-success-dark)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger-dark)}.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-danger-dark)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.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-warning-dark)}.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-neutral-lightest);color:var(--eui-c-neutral)}.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 .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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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 }); }
|
|
194
194
|
}
|
|
195
195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiWizardComponent, decorators: [{
|
|
196
196
|
type: Component,
|
|
197
|
-
args: [{ selector: 'eui-wizard', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #canBeFocused\n *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\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 [tabindex]=\"step?.isDisabled || !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 || !isNavigationAllowed\"\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 <ng-container *ngIf=\"!step?.indexIconSvgName; else customIconContent\">\n <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-ecl-check\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-ecl-edit\"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class=\"eui-wizard-step__bullet-item-text\"\n *ngIf=\"!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\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 <div *ngIf=\"step?.isActive\" 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\"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-
|
|
197
|
+
args: [{ selector: 'eui-wizard', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #canBeFocused\n *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\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 [tabindex]=\"step?.isDisabled || !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 || !isNavigationAllowed\"\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 <ng-container *ngIf=\"!step?.indexIconSvgName; else customIconContent\">\n <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-ecl-check\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-ecl-edit\"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class=\"eui-wizard-step__bullet-item-text\"\n *ngIf=\"!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\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 <div *ngIf=\"step?.isActive\" 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\"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\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%,75%)}.eui-19 .eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);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-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-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{font:var(--eui-f-m-bold)}.eui-19 .eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-19 .eui-wizard-step:focus .eui-wizard-step__bullet-item{border:var(--eui-bw-s) solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.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--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-19 .eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success-dark)}.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-success-dark)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-19 .eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger-dark)}.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-danger-dark)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-19 .eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.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-warning-dark)}.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-neutral-lightest);color:var(--eui-c-neutral)}.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 .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"] }]
|
|
198
198
|
}], propDecorators: { activeStepIndex: [{
|
|
199
199
|
type: Input
|
|
200
200
|
}], steps: [{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { booleanAttribute,
|
|
2
|
+
import { booleanAttribute, ViewChild, Input, Component, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import { asapScheduler } from 'rxjs';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { Inject, Component, ElementRef, Input, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, booleanAttribute, EventEmitter, HostListener, forwardRef, ContentChild, Output, Directive, Pipe, Self, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/forms';
|
|
4
4
|
import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, inject, Injectable, EventEmitter, SecurityContext, PLATFORM_ID,
|
|
2
|
+
import { InjectionToken, inject, Injectable, EventEmitter, SecurityContext, PLATFORM_ID, forwardRef, booleanAttribute, Input, Output, Inject, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
3
3
|
import { isPlatformServer, DOCUMENT, CommonModule } from '@angular/common';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
|
|
5
5
|
import * as i1 from '@angular/platform-browser';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i1$1 from '@angular/common';
|
|
2
2
|
import { DOCUMENT, CommonModule, NgFor, NgIf, NgForOf, AsyncPipe, NgTemplateOutlet, isPlatformBrowser } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import {
|
|
4
|
+
import { HostListener, HostBinding, Optional, Inject, ViewEncapsulation, ChangeDetectionStrategy, Component, EventEmitter, booleanAttribute, Output, Input, forwardRef, ContentChildren, NgModule, ContentChild, Host, PLATFORM_ID, Directive, ViewChild } from '@angular/core';
|
|
5
5
|
import * as i1$2 from '@angular/router';
|
|
6
6
|
import { RouterModule, RouterLink, RouterLinkActive } from '@angular/router';
|
|
7
7
|
import { Subscription, Subject, fromEvent, startWith } from 'rxjs';
|
|
@@ -28,7 +28,7 @@ import { EuiDropdownModule } from '@eui/components/eui-dropdown';
|
|
|
28
28
|
import * as i5$1 from '@eui/components/eui-autocomplete';
|
|
29
29
|
import { EuiAutocompleteModule } from '@eui/components/eui-autocomplete';
|
|
30
30
|
import * as i8 from '@eui/components/directives';
|
|
31
|
-
import {
|
|
31
|
+
import { EuiTemplateDirectiveModule, EuiTemplateDirective } from '@eui/components/directives';
|
|
32
32
|
import * as i6 from '@eui/components/eui-icon-input';
|
|
33
33
|
import { EuiIconInputModule } from '@eui/components/eui-icon-input';
|
|
34
34
|
import * as i7 from '@eui/components/eui-input-text';
|
|
@@ -1266,7 +1266,7 @@ class EuiAppComponent {
|
|
|
1266
1266
|
ngOnInit() {
|
|
1267
1267
|
this.isViewLoaded = false;
|
|
1268
1268
|
CssUtils.initCssVars(this.document, this.platformId);
|
|
1269
|
-
CssUtils.setHtmlClass('eui-
|
|
1269
|
+
CssUtils.setHtmlClass('eui-19', this.document);
|
|
1270
1270
|
if (isPlatformBrowser(this.platformId)) {
|
|
1271
1271
|
const browserAgent = window.navigator.userAgent.toLowerCase();
|
|
1272
1272
|
this.asService.setState({
|