@eui/components 18.0.0-rc.25 → 18.0.0-rc.26

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.
Files changed (79) hide show
  1. package/docs/components/ChartComponent.html +10 -124
  2. package/docs/components/EuiEditorCountersComponent.html +15 -202
  3. package/docs/components/EuiNotificationItemComponent.html +5 -62
  4. package/docs/components/EuiNotificationItemV2Component.html +5 -62
  5. package/docs/components/EuiNotificationsComponent.html +40 -512
  6. package/docs/components/EuiNotificationsV2Component.html +40 -507
  7. package/docs/components/EuiPaginatorComponent.html +15 -209
  8. package/docs/components/EuiSelectComponent.html +0 -62
  9. package/docs/components/EuiTreeComponent.html +45 -558
  10. package/docs/components/EuiWizardComponent.html +15 -202
  11. package/docs/components/EuiWizardStepComponent.html +30 -388
  12. package/docs/components/QuillEditorComponent.html +20 -326
  13. package/docs/dependencies.html +1 -1
  14. package/docs/directives/AutoResizeDirective.html +5 -62
  15. package/docs/directives/EuiNgSelectOptionDirective.html +0 -62
  16. package/docs/js/menu-wc.js +3 -3
  17. package/docs/js/menu-wc_es5.js +1 -1
  18. package/docs/js/search/search_index.js +2 -2
  19. package/esm2022/eui-paginator/eui-paginator.component.mjs +12 -28
  20. package/esm2022/eui-select/eui-select-option.directive.mjs +6 -12
  21. package/esm2022/eui-select/eui-select.component.mjs +5 -10
  22. package/esm2022/eui-textarea/auto-resize.directive.mjs +7 -12
  23. package/esm2022/eui-tree/eui-tree.component.mjs +31 -78
  24. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +21 -52
  25. package/esm2022/eui-wizard/eui-wizard.component.mjs +12 -28
  26. package/esm2022/externals/charts/chart/chart.component.mjs +9 -12
  27. package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +12 -28
  28. package/esm2022/externals/quill/quill-editor.component.mjs +17 -43
  29. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +6 -12
  30. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +27 -68
  31. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +6 -12
  32. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +30 -77
  33. package/eui-paginator/eui-paginator.component.d.ts +6 -10
  34. package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
  35. package/eui-select/eui-select-option.directive.d.ts +2 -4
  36. package/eui-select/eui-select-option.directive.d.ts.map +1 -1
  37. package/eui-select/eui-select.component.d.ts +2 -3
  38. package/eui-select/eui-select.component.d.ts.map +1 -1
  39. package/eui-textarea/auto-resize.directive.d.ts +3 -5
  40. package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
  41. package/eui-tree/eui-tree.component.d.ts +18 -28
  42. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  43. package/eui-wizard/eui-wizard-step.component.d.ts +12 -19
  44. package/eui-wizard/eui-wizard-step.component.d.ts.map +1 -1
  45. package/eui-wizard/eui-wizard.component.d.ts +6 -10
  46. package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
  47. package/externals/charts/chart/chart.component.d.ts +4 -7
  48. package/externals/charts/chart/chart.component.d.ts.map +1 -1
  49. package/externals/eui-editor/counters/eui-editor-counters.component.d.ts +6 -10
  50. package/externals/eui-editor/counters/eui-editor-counters.component.d.ts.map +1 -1
  51. package/externals/quill/quill-editor.component.d.ts +10 -16
  52. package/externals/quill/quill-editor.component.d.ts.map +1 -1
  53. package/fesm2022/eui-components-eui-paginator.mjs +11 -27
  54. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  55. package/fesm2022/eui-components-eui-select.mjs +8 -18
  56. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  57. package/fesm2022/eui-components-eui-textarea.mjs +4 -9
  58. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  59. package/fesm2022/eui-components-eui-tree.mjs +30 -77
  60. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  61. package/fesm2022/eui-components-eui-wizard.mjs +30 -76
  62. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  63. package/fesm2022/eui-components-externals-charts.mjs +8 -11
  64. package/fesm2022/eui-components-externals-charts.mjs.map +1 -1
  65. package/fesm2022/eui-components-externals-eui-editor.mjs +11 -26
  66. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  67. package/fesm2022/eui-components-externals-quill.mjs +16 -42
  68. package/fesm2022/eui-components-externals-quill.mjs.map +1 -1
  69. package/fesm2022/eui-components-layout.mjs +61 -157
  70. package/fesm2022/eui-components-layout.mjs.map +1 -1
  71. package/layout/eui-notifications/eui-notification-item.component.d.ts +2 -4
  72. package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
  73. package/layout/eui-notifications/eui-notifications.component.d.ts +16 -25
  74. package/layout/eui-notifications/eui-notifications.component.d.ts.map +1 -1
  75. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts +2 -4
  76. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -1
  77. package/layout/eui-notifications-v2/eui-notifications.component.d.ts +16 -25
  78. package/layout/eui-notifications-v2/eui-notifications.component.d.ts.map +1 -1
  79. package/package.json +3 -3
@@ -1,6 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output, ContentChildren, ViewChildren, Injectable, NgModule } from '@angular/core';
3
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
2
+ import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output, ContentChildren, ViewChildren, Injectable, NgModule } from '@angular/core';
4
3
  import * as i1 from '@angular/common';
5
4
  import { CommonModule } from '@angular/common';
6
5
  import { uniqueId, consumeEvent } from '@eui/core';
@@ -11,48 +10,12 @@ import { RouterModule } from '@angular/router';
11
10
 
12
11
  class EuiWizardStepComponent {
13
12
  constructor() {
14
- this._isCompleted = false;
15
- this._isActive = false;
16
- this._isShowStepTitle = false;
17
- this._isInvalid = false;
18
- this._isWarning = false;
19
- this._isDisabled = false;
20
- }
21
- get isCompleted() {
22
- return this._isCompleted;
23
- }
24
- set isCompleted(value) {
25
- this._isCompleted = coerceBooleanProperty(value);
26
- }
27
- get isActive() {
28
- return this._isActive;
29
- }
30
- set isActive(value) {
31
- this._isActive = coerceBooleanProperty(value);
32
- }
33
- get isShowStepTitle() {
34
- return this._isShowStepTitle;
35
- }
36
- set isShowStepTitle(value) {
37
- this._isShowStepTitle = coerceBooleanProperty(value);
38
- }
39
- get isInvalid() {
40
- return this._isInvalid;
41
- }
42
- set isInvalid(value) {
43
- this._isInvalid = coerceBooleanProperty(value);
44
- }
45
- get isWarning() {
46
- return this._isWarning;
47
- }
48
- set isWarning(value) {
49
- this._isWarning = coerceBooleanProperty(value);
50
- }
51
- get isDisabled() {
52
- return this._isDisabled;
53
- }
54
- set isDisabled(value) {
55
- this._isDisabled = coerceBooleanProperty(value);
13
+ this.isCompleted = false;
14
+ this.isActive = false;
15
+ this.isShowStepTitle = false;
16
+ this.isInvalid = false;
17
+ this.isWarning = false;
18
+ this.isDisabled = false;
56
19
  }
57
20
  /**
58
21
  * TODO: from which one is this method being used from?
@@ -75,7 +38,7 @@ class EuiWizardStepComponent {
75
38
  };
76
39
  }
77
40
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiWizardStepComponent, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: "isCompleted", isActive: "isActive", isShowStepTitle: "isShowStepTitle", isInvalid: "isInvalid", isWarning: "isWarning", isDisabled: "isDisabled" }, ngImport: i0, template: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [".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-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.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-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-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.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-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
41
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiWizardStepComponent, 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-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-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.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-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-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.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-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
79
42
  }
80
43
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
81
44
  type: Component,
@@ -95,17 +58,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
95
58
  }], url: [{
96
59
  type: Input
97
60
  }], isCompleted: [{
98
- type: Input
61
+ type: Input,
62
+ args: [{ transform: booleanAttribute }]
99
63
  }], isActive: [{
100
- type: Input
64
+ type: Input,
65
+ args: [{ transform: booleanAttribute }]
101
66
  }], isShowStepTitle: [{
102
- type: Input
67
+ type: Input,
68
+ args: [{ transform: booleanAttribute }]
103
69
  }], isInvalid: [{
104
- type: Input
70
+ type: Input,
71
+ args: [{ transform: booleanAttribute }]
105
72
  }], isWarning: [{
106
- type: Input
73
+ type: Input,
74
+ args: [{ transform: booleanAttribute }]
107
75
  }], isDisabled: [{
108
- type: Input
76
+ type: Input,
77
+ args: [{ transform: booleanAttribute }]
109
78
  }] } });
110
79
 
111
80
  class EuiWizardComponent {
@@ -115,27 +84,9 @@ class EuiWizardComponent {
115
84
  this.e2eAttr = 'eui-wizard';
116
85
  this.selectStep = new EventEmitter();
117
86
  this.stepContentId = uniqueId();
118
- this._isCustomContent = false;
119
- this._isShowStepTitle = false;
120
- this._isNavigationAllowed = true;
121
- }
122
- get isCustomContent() {
123
- return this._isCustomContent;
124
- }
125
- set isCustomContent(value) {
126
- this._isCustomContent = coerceBooleanProperty(value);
127
- }
128
- get isShowStepTitle() {
129
- return this._isShowStepTitle;
130
- }
131
- set isShowStepTitle(value) {
132
- this._isShowStepTitle = coerceBooleanProperty(value);
133
- }
134
- get isNavigationAllowed() {
135
- return this._isNavigationAllowed;
136
- }
137
- set isNavigationAllowed(value) {
138
- this._isNavigationAllowed = coerceBooleanProperty(value);
87
+ this.isCustomContent = false;
88
+ this.isShowStepTitle = false;
89
+ this.isNavigationAllowed = true;
139
90
  }
140
91
  ngAfterContentInit() {
141
92
  const stepIdsBuffer = [];
@@ -239,7 +190,7 @@ class EuiWizardComponent {
239
190
  return null;
240
191
  }
241
192
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiWizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
242
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, 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-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-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.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-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-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.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-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\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 }); }
193
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiWizardComponent, 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-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-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.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-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-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.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-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\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 }); }
243
194
  }
244
195
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiWizardComponent, decorators: [{
245
196
  type: Component,
@@ -261,11 +212,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
261
212
  type: ViewChildren,
262
213
  args: ['canBeFocused']
263
214
  }], isCustomContent: [{
264
- type: Input
215
+ type: Input,
216
+ args: [{ transform: booleanAttribute }]
265
217
  }], isShowStepTitle: [{
266
- type: Input
218
+ type: Input,
219
+ args: [{ transform: booleanAttribute }]
267
220
  }], isNavigationAllowed: [{
268
- type: Input
221
+ type: Input,
222
+ args: [{ transform: booleanAttribute }]
269
223
  }] } });
270
224
 
271
225
  class EuiWizardStep {
@@ -1 +1 @@
1
- {"version":3,"file":"eui-components-eui-wizard.mjs","sources":["../../eui-wizard/eui-wizard-step.component.ts","../../eui-wizard/eui-wizard-step.component.html","../../eui-wizard/eui-wizard.component.ts","../../eui-wizard/eui-wizard.component.html","../../eui-wizard/models/eui-wizard-step.ts","../../eui-wizard/services/eui-wizard.service.ts","../../eui-wizard/eui-wizard.module.ts","../../eui-wizard/eui-components-eui-wizard.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { EuiWizardStep } from './models/eui-wizard-step';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-wizard-step',\n templateUrl: './eui-wizard-step.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardStepComponent implements EuiWizardStep {\n @Input() id: string;\n @Input() indexLabel: string;\n @Input() indexIconSvgName: string;\n @Input() label: string;\n @Input() subLabel: string;\n @Input() index: number;\n @Input() url: string;\n\n @Input()\n get isCompleted(): boolean {\n return this._isCompleted;\n }\n set isCompleted(value: BooleanInput) {\n this._isCompleted = coerceBooleanProperty(value);\n }\n private _isCompleted = false;\n @Input()\n get isActive(): boolean {\n return this._isActive;\n }\n set isActive(value: BooleanInput) {\n this._isActive = coerceBooleanProperty(value);\n }\n private _isActive = false;\n @Input()\n get isShowStepTitle(): boolean {\n return this._isShowStepTitle;\n }\n set isShowStepTitle(value: BooleanInput) {\n this._isShowStepTitle = coerceBooleanProperty(value);\n }\n private _isShowStepTitle = false;\n @Input()\n get isInvalid(): boolean {\n return this._isInvalid;\n }\n set isInvalid(value: BooleanInput) {\n this._isInvalid = coerceBooleanProperty(value);\n }\n private _isInvalid = false;\n @Input()\n get isWarning(): boolean {\n return this._isWarning;\n }\n set isWarning(value: BooleanInput) {\n this._isWarning = coerceBooleanProperty(value);\n }\n private _isWarning = false;\n @Input()\n get isDisabled(): boolean {\n return this._isDisabled;\n }\n set isDisabled(value: BooleanInput) {\n this._isDisabled = coerceBooleanProperty(value);\n }\n private _isDisabled = false;\n\n /**\n * TODO: from which one is this method being used from?\n */\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n","<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n","import {\n AfterContentInit,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChildren,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardStep } from './models/eui-wizard-step';\nimport { uniqueId, consumeEvent } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-wizard',\n templateUrl: './eui-wizard.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardComponent implements AfterContentInit, OnChanges {\n @Input() activeStepIndex: number;\n @Input() steps: Array<EuiWizardStep> = [];\n @Input() tabindex = 0;\n @Input() e2eAttr = 'eui-wizard';\n @Output() selectStep: EventEmitter<EuiWizardStep> = new EventEmitter();\n\n @ContentChildren(EuiWizardStepComponent) childrenSteps: QueryList<EuiWizardStepComponent>;\n @ViewChildren('canBeFocused') canBeFocused: QueryList<ElementRef>;\n\n stepContentId: string = uniqueId();\n stepIds: string; // space-separated list of all step IDs\n\n @Input()\n get isCustomContent(): boolean {\n return this._isCustomContent;\n }\n set isCustomContent(value: BooleanInput) {\n this._isCustomContent = coerceBooleanProperty(value);\n }\n private _isCustomContent = false;\n @Input()\n get isShowStepTitle(): boolean {\n return this._isShowStepTitle;\n }\n set isShowStepTitle(value: BooleanInput) {\n this._isShowStepTitle = coerceBooleanProperty(value);\n }\n private _isShowStepTitle = false;\n @Input()\n get isNavigationAllowed(): boolean {\n return this._isNavigationAllowed;\n }\n set isNavigationAllowed(value: BooleanInput) {\n this._isNavigationAllowed = coerceBooleanProperty(value);\n }\n private _isNavigationAllowed = true;\n\n ngAfterContentInit(): void {\n const stepIdsBuffer: string[] = [];\n this.childrenSteps.forEach((step) => {\n this.steps.push(step);\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n\n const activeSteps = this.steps.filter((step) => step.isActive);\n\n if (activeSteps.length === 0 && !this.activeStepIndex) {\n this._selectStep(this.steps[0], 1);\n } else if (this.activeStepIndex) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n }\n\n this.steps.forEach((step) => (step.isShowStepTitle = this.isShowStepTitle));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['steps'] || changes['activeStepIndex']) {\n if (this.activeStepIndex && this.steps) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n\n const stepIdsBuffer = [];\n this.steps.forEach((step) => {\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n }\n }\n }\n\n onSelectStep(step: EuiWizardStep, index: number): void {\n if (!step.isDisabled && this.isNavigationAllowed) {\n this._selectStep(step, index);\n }\n }\n\n onKeyDown(event: KeyboardEvent): void {\n if (this.isNavigationAllowed) {\n // eslint-disable-next-line\n switch (event.keyCode) {\n case 37: // ARROW LEFT\n consumeEvent(event);\n this.selectPreviousStep();\n break;\n case 39: // ARROW RIGHT\n consumeEvent(event);\n this.selectNextStep();\n break;\n }\n }\n }\n\n public trackByFn(index: number, item: EuiWizardStep): string {\n return item.id;\n }\n\n protected selectPreviousStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n const activeStepIndex = this.steps.findIndex((step) => step.isActive);\n\n let previousIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n do {\n previousIndex--;\n if (previousIndex < 0) {\n previousIndex = this.steps.length - 1;\n }\n } while (this.steps[previousIndex].isDisabled);\n\n this._selectStep(this.steps[previousIndex], previousIndex + 1);\n this.canBeFocused.toArray()[previousIndex].nativeElement.focus();\n }\n }\n\n protected selectNextStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n let activeStepIndex = this.steps.findIndex((step) => step.isActive);\n // in case no step is active point to the first step\n activeStepIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n\n do {\n if (++activeStepIndex >= this.steps.length) {\n activeStepIndex = 0;\n }\n } while (this.steps[activeStepIndex].isDisabled);\n\n this._selectStep(this.steps[activeStepIndex], activeStepIndex + 1);\n this.canBeFocused.toArray()[activeStepIndex].nativeElement.focus();\n }\n }\n\n private _selectStep(step: EuiWizardStep, index: number): void {\n if (step) {\n this.steps.forEach((currentStep) => (currentStep.isActive = false));\n step.isActive = true;\n step.index = index;\n this.selectStep.emit(step);\n }\n }\n\n private _getStep(index: number): EuiWizardStep {\n if (index >= 0 && index <= this.steps.length) {\n return this.steps[index];\n }\n return null;\n }\n}\n","<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","export interface IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted: boolean;\n isActive: boolean;\n isShowStepTitle: boolean;\n isInvalid: boolean;\n isWarning: boolean;\n isDisabled: boolean;\n index: number;\n url: string;\n}\n\nexport class EuiWizardStep implements IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted = false;\n isActive = false;\n isShowStepTitle = false;\n isInvalid = false;\n isWarning = false;\n isDisabled = false;\n index: number;\n url: string;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n constructor(values: any = {}) {\n Object.assign(this, values);\n }\n\n toString(): string {\n return JSON.stringify(this.toJSON());\n }\n\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n","import { Injectable } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { EuiWizardStep } from '../models/eui-wizard-step';\n\n@Injectable()\nexport class EuiWizardService {\n activeStepIndex = 1;\n steps: EuiWizardStep[] = [];\n route: ActivatedRoute;\n\n constructor(private router: Router) {}\n\n init(steps: EuiWizardStep[], route: ActivatedRoute): void {\n this.steps = steps;\n this.route = route;\n const currentRoute = this.router.url;\n const currentStepUrl = currentRoute.substr(currentRoute.lastIndexOf('/') + 1);\n this.steps.forEach((step, index) => {\n if (step.url === currentStepUrl) {\n this.activeStepIndex = index + 1;\n }\n });\n }\n\n navigationIncrement(increment: number): void {\n const newIndex: number = this.activeStepIndex + increment;\n if (newIndex >= 1 && newIndex <= this.steps.length) {\n this.activeStepIndex = newIndex;\n }\n }\n\n selectStep(step: EuiWizardStep): void {\n this.activeStepIndex = step.index;\n if (step.url) {\n this._navigateToStep(step.url);\n }\n }\n\n private _navigateToStep(url: string): void {\n this.router.navigate([url], { relativeTo: this.route });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardService } from './services/eui-wizard.service';\nimport { EuiWizardComponent } from './eui-wizard.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiIconModule],\n exports: [EuiWizardStepComponent, EuiWizardComponent],\n declarations: [EuiWizardStepComponent, EuiWizardComponent],\n providers: [EuiWizardService],\n})\nexport class EuiWizardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;;;;;MAWa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAuBY,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAQrB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAQlB,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;QAQzB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAQnB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAQnB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAsB/B,KAAA;AArEG,IAAA,IACI,WAAW,GAAA;QACX,OAAO,IAAI,CAAC,YAAY,CAAC;KAC5B;IACD,IAAI,WAAW,CAAC,KAAmB,EAAA;AAC/B,QAAA,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACpD;AAED,IAAA,IACI,QAAQ,GAAA;QACR,OAAO,IAAI,CAAC,SAAS,CAAC;KACzB;IACD,IAAI,QAAQ,CAAC,KAAmB,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACjD;AAED,IAAA,IACI,eAAe,GAAA;QACf,OAAO,IAAI,CAAC,gBAAgB,CAAC;KAChC;IACD,IAAI,eAAe,CAAC,KAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACxD;AAED,IAAA,IACI,SAAS,GAAA;QACT,OAAO,IAAI,CAAC,UAAU,CAAC;KAC1B;IACD,IAAI,SAAS,CAAC,KAAmB,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAClD;AAED,IAAA,IACI,SAAS,GAAA;QACT,OAAO,IAAI,CAAC,UAAU,CAAC;KAC1B;IACD,IAAI,SAAS,CAAC,KAAmB,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAClD;AAED,IAAA,IACI,UAAU,GAAA;QACV,OAAO,IAAI,CAAC,WAAW,CAAC;KAC3B;IACD,IAAI,UAAU,CAAC,KAAmB,EAAA;AAC9B,QAAA,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACnD;AAGD;;AAEG;IACH,MAAM,GAAA;QACF,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG;SAChB,CAAC;KACL;8GA7EQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,+WCXnC,qFAGA,EAAA,MAAA,EAAA,CAAA,0uIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDQa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,OAAO,EACjC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,qFAAA,EAAA,MAAA,EAAA,CAAA,0uIAAA,CAAA,EAAA,CAAA;8BAG5B,EAAE,EAAA,CAAA;sBAAV,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAGF,WAAW,EAAA,CAAA;sBADd,KAAK;gBASF,QAAQ,EAAA,CAAA;sBADX,KAAK;gBASF,eAAe,EAAA,CAAA;sBADlB,KAAK;gBASF,SAAS,EAAA,CAAA;sBADZ,KAAK;gBASF,SAAS,EAAA,CAAA;sBADZ,KAAK;gBASF,UAAU,EAAA,CAAA;sBADb,KAAK;;;MEnCG,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;QAQa,IAAK,CAAA,KAAA,GAAyB,EAAE,CAAC;QACjC,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAC;QACb,IAAO,CAAA,OAAA,GAAG,YAAY,CAAC;AACtB,QAAA,IAAA,CAAA,UAAU,GAAgC,IAAI,YAAY,EAAE,CAAC;QAKvE,IAAa,CAAA,aAAA,GAAW,QAAQ,EAAE,CAAC;QAU3B,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;QAQzB,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;QAQzB,IAAoB,CAAA,oBAAA,GAAG,IAAI,CAAC;AAsHvC,KAAA;AA7IG,IAAA,IACI,eAAe,GAAA;QACf,OAAO,IAAI,CAAC,gBAAgB,CAAC;KAChC;IACD,IAAI,eAAe,CAAC,KAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACxD;AAED,IAAA,IACI,eAAe,GAAA;QACf,OAAO,IAAI,CAAC,gBAAgB,CAAC;KAChC;IACD,IAAI,eAAe,CAAC,KAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACxD;AAED,IAAA,IACI,mBAAmB,GAAA;QACnB,OAAO,IAAI,CAAC,oBAAoB,CAAC;KACpC;IACD,IAAI,mBAAmB,CAAC,KAAmB,EAAA;AACvC,QAAA,IAAI,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAC5D;IAGD,kBAAkB,GAAA;QACd,MAAM,aAAa,GAAa,EAAE,CAAC;QACnC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAChC,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtB,YAAA,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;AACV,gBAAA,IAAI,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC;aACxB;AACD,YAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChC,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEvC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE/D,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACnD,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACtC;AAAM,aAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AAC7B,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;SACnF;QAED,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;KAC/E;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;QAC9B,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,iBAAiB,CAAC,EAAE;YAChD,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK,EAAE;AACpC,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBAEhF,MAAM,aAAa,GAAG,EAAE,CAAC;gBACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACxB,oBAAA,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;AACV,wBAAA,IAAI,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC;qBACxB;AACD,oBAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChC,iBAAC,CAAC,CAAC;gBACH,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC1C;SACJ;KACJ;IAED,YAAY,CAAC,IAAmB,EAAE,KAAa,EAAA;QAC3C,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC9C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SACjC;KACJ;AAED,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;;AAE1B,YAAA,QAAQ,KAAK,CAAC,OAAO;gBACjB,KAAK,EAAE;oBACH,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;oBAC1B,MAAM;gBACV,KAAK,EAAE;oBACH,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,IAAI,CAAC,cAAc,EAAE,CAAC;oBACtB,MAAM;aACb;SACJ;KACJ;IAEM,SAAS,CAAC,KAAa,EAAE,IAAmB,EAAA;QAC/C,OAAO,IAAI,CAAC,EAAE,CAAC;KAClB;IAES,kBAAkB,GAAA;QACxB,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,KAAK,EAAE;;AAExC,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC;AAEtE,YAAA,IAAI,aAAa,GAAG,eAAe,GAAG,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;AAC9D,YAAA,GAAG;AACC,gBAAA,aAAa,EAAE,CAAC;AAChB,gBAAA,IAAI,aAAa,GAAG,CAAC,EAAE;oBACnB,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;iBACzC;aACJ,QAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,UAAU,EAAE;AAE/C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,aAAa,GAAG,CAAC,CAAC,CAAC;AAC/D,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SACpE;KACJ;IAES,cAAc,GAAA;QACpB,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,KAAK,EAAE;;AAExC,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC;;AAEpE,YAAA,eAAe,GAAG,eAAe,GAAG,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;AAE5D,YAAA,GAAG;gBACC,IAAI,EAAE,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;oBACxC,eAAe,GAAG,CAAC,CAAC;iBACvB;aACJ,QAAQ,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,UAAU,EAAE;AAEjD,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC;AACnE,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SACtE;KACJ;IAEO,WAAW,CAAC,IAAmB,EAAE,KAAa,EAAA;QAClD,IAAI,IAAI,EAAE;AACN,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW,MAAM,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACpE,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9B;KACJ;AAEO,IAAA,QAAQ,CAAC,KAAa,EAAA;AAC1B,QAAA,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAC1C,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC5B;AACD,QAAA,OAAO,IAAI,CAAC;KACf;8GAzJQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,SAAA,EAOV,sBAAsB,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChC3C,yxGA4DA,EAAA,MAAA,EAAA,CAAA,0uIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDnCa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BACI,YAAY,EAAA,aAAA,EAGP,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,yxGAAA,EAAA,MAAA,EAAA,CAAA,0uIAAA,CAAA,EAAA,CAAA;8BAG5B,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACI,UAAU,EAAA,CAAA;sBAAnB,MAAM;gBAEkC,aAAa,EAAA,CAAA;sBAArD,eAAe;uBAAC,sBAAsB,CAAA;gBACT,YAAY,EAAA,CAAA;sBAAzC,YAAY;uBAAC,cAAc,CAAA;gBAMxB,eAAe,EAAA,CAAA;sBADlB,KAAK;gBASF,eAAe,EAAA,CAAA;sBADlB,KAAK;gBASF,mBAAmB,EAAA,CAAA;sBADtB,KAAK;;;MEtCG,aAAa,CAAA;;;AAiBtB,IAAA,WAAA,CAAY,SAAc,EAAE,EAAA;QAX5B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QACjB,IAAe,CAAA,eAAA,GAAG,KAAK,CAAC;QACxB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAOf,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KAC/B;IAED,QAAQ,GAAA;QACJ,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;KACxC;IAED,MAAM,GAAA;QACF,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG;SAChB,CAAC;KACL;AACJ;;MCrDY,gBAAgB,CAAA;AAKzB,IAAA,WAAA,CAAoB,MAAc,EAAA;QAAd,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QAJlC,IAAe,CAAA,eAAA,GAAG,CAAC,CAAC;QACpB,IAAK,CAAA,KAAA,GAAoB,EAAE,CAAC;KAGU;IAEtC,IAAI,CAAC,KAAsB,EAAE,KAAqB,EAAA;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AACrC,QAAA,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAC9E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,IAAI,IAAI,CAAC,GAAG,KAAK,cAAc,EAAE;AAC7B,gBAAA,IAAI,CAAC,eAAe,GAAG,KAAK,GAAG,CAAC,CAAC;aACpC;AACL,SAAC,CAAC,CAAC;KACN;AAED,IAAA,mBAAmB,CAAC,SAAiB,EAAA;AACjC,QAAA,MAAM,QAAQ,GAAW,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;AAC1D,QAAA,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAChD,YAAA,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;SACnC;KACJ;AAED,IAAA,UAAU,CAAC,IAAmB,EAAA;AAC1B,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;AAClC,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACV,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClC;KACJ;AAEO,IAAA,eAAe,CAAC,GAAW,EAAA;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;KAC3D;8GAnCQ,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;kHAAhB,gBAAgB,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;;;MCUE,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAf,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,eAAe,EAHT,YAAA,EAAA,CAAA,sBAAsB,EAAE,kBAAkB,CAF/C,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,EAAE,aAAa,CACzC,EAAA,OAAA,EAAA,CAAA,sBAAsB,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAI3C,eAAe,EAAA,SAAA,EAFb,CAAC,gBAAgB,CAAC,YAHnB,YAAY,EAAE,YAAY,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1C,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,CAAC;AACpD,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,kBAAkB,CAAC;AACrD,oBAAA,YAAY,EAAE,CAAC,sBAAsB,EAAE,kBAAkB,CAAC;oBAC1D,SAAS,EAAE,CAAC,gBAAgB,CAAC;AAChC,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}
1
+ {"version":3,"file":"eui-components-eui-wizard.mjs","sources":["../../eui-wizard/eui-wizard-step.component.ts","../../eui-wizard/eui-wizard-step.component.html","../../eui-wizard/eui-wizard.component.ts","../../eui-wizard/eui-wizard.component.html","../../eui-wizard/models/eui-wizard-step.ts","../../eui-wizard/services/eui-wizard.service.ts","../../eui-wizard/eui-wizard.module.ts","../../eui-wizard/eui-components-eui-wizard.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { EuiWizardStep } from './models/eui-wizard-step';\n\n@Component({\n selector: 'eui-wizard-step',\n templateUrl: './eui-wizard-step.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardStepComponent implements EuiWizardStep {\n @Input() id: string;\n @Input() indexLabel: string;\n @Input() indexIconSvgName: string;\n @Input() label: string;\n @Input() subLabel: string;\n @Input() index: number;\n @Input() url: string;\n\n @Input({ transform: booleanAttribute }) isCompleted = false;\n @Input({ transform: booleanAttribute }) isActive = false;\n @Input({ transform: booleanAttribute }) isShowStepTitle = false;\n @Input({ transform: booleanAttribute }) isInvalid = false;\n @Input({ transform: booleanAttribute }) isWarning = false;\n @Input({ transform: booleanAttribute })isDisabled = false;\n\n /**\n * TODO: from which one is this method being used from?\n */\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n","<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n","import {\n AfterContentInit,\n booleanAttribute,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChildren,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardStep } from './models/eui-wizard-step';\nimport { uniqueId, consumeEvent } from '@eui/core';\n\n@Component({\n selector: 'eui-wizard',\n templateUrl: './eui-wizard.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardComponent implements AfterContentInit, OnChanges {\n @Input() activeStepIndex: number;\n @Input() steps: Array<EuiWizardStep> = [];\n @Input() tabindex = 0;\n @Input() e2eAttr = 'eui-wizard';\n @Output() selectStep: EventEmitter<EuiWizardStep> = new EventEmitter();\n\n @ContentChildren(EuiWizardStepComponent) childrenSteps: QueryList<EuiWizardStepComponent>;\n @ViewChildren('canBeFocused') canBeFocused: QueryList<ElementRef>;\n\n stepContentId: string = uniqueId();\n stepIds: string; // space-separated list of all step IDs\n\n @Input({ transform: booleanAttribute }) isCustomContent = false;\n @Input({ transform: booleanAttribute }) isShowStepTitle = false;\n @Input({ transform: booleanAttribute }) isNavigationAllowed = true;\n\n ngAfterContentInit(): void {\n const stepIdsBuffer: string[] = [];\n this.childrenSteps.forEach((step) => {\n this.steps.push(step);\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n\n const activeSteps = this.steps.filter((step) => step.isActive);\n\n if (activeSteps.length === 0 && !this.activeStepIndex) {\n this._selectStep(this.steps[0], 1);\n } else if (this.activeStepIndex) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n }\n\n this.steps.forEach((step) => (step.isShowStepTitle = this.isShowStepTitle));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['steps'] || changes['activeStepIndex']) {\n if (this.activeStepIndex && this.steps) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n\n const stepIdsBuffer = [];\n this.steps.forEach((step) => {\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n }\n }\n }\n\n onSelectStep(step: EuiWizardStep, index: number): void {\n if (!step.isDisabled && this.isNavigationAllowed) {\n this._selectStep(step, index);\n }\n }\n\n onKeyDown(event: KeyboardEvent): void {\n if (this.isNavigationAllowed) {\n // eslint-disable-next-line\n switch (event.keyCode) {\n case 37: // ARROW LEFT\n consumeEvent(event);\n this.selectPreviousStep();\n break;\n case 39: // ARROW RIGHT\n consumeEvent(event);\n this.selectNextStep();\n break;\n }\n }\n }\n\n public trackByFn(index: number, item: EuiWizardStep): string {\n return item.id;\n }\n\n protected selectPreviousStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n const activeStepIndex = this.steps.findIndex((step) => step.isActive);\n\n let previousIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n do {\n previousIndex--;\n if (previousIndex < 0) {\n previousIndex = this.steps.length - 1;\n }\n } while (this.steps[previousIndex].isDisabled);\n\n this._selectStep(this.steps[previousIndex], previousIndex + 1);\n this.canBeFocused.toArray()[previousIndex].nativeElement.focus();\n }\n }\n\n protected selectNextStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n let activeStepIndex = this.steps.findIndex((step) => step.isActive);\n // in case no step is active point to the first step\n activeStepIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n\n do {\n if (++activeStepIndex >= this.steps.length) {\n activeStepIndex = 0;\n }\n } while (this.steps[activeStepIndex].isDisabled);\n\n this._selectStep(this.steps[activeStepIndex], activeStepIndex + 1);\n this.canBeFocused.toArray()[activeStepIndex].nativeElement.focus();\n }\n }\n\n private _selectStep(step: EuiWizardStep, index: number): void {\n if (step) {\n this.steps.forEach((currentStep) => (currentStep.isActive = false));\n step.isActive = true;\n step.index = index;\n this.selectStep.emit(step);\n }\n }\n\n private _getStep(index: number): EuiWizardStep {\n if (index >= 0 && index <= this.steps.length) {\n return this.steps[index];\n }\n return null;\n }\n}\n","<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","export interface IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted: boolean;\n isActive: boolean;\n isShowStepTitle: boolean;\n isInvalid: boolean;\n isWarning: boolean;\n isDisabled: boolean;\n index: number;\n url: string;\n}\n\nexport class EuiWizardStep implements IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted = false;\n isActive = false;\n isShowStepTitle = false;\n isInvalid = false;\n isWarning = false;\n isDisabled = false;\n index: number;\n url: string;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n constructor(values: any = {}) {\n Object.assign(this, values);\n }\n\n toString(): string {\n return JSON.stringify(this.toJSON());\n }\n\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n","import { Injectable } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { EuiWizardStep } from '../models/eui-wizard-step';\n\n@Injectable()\nexport class EuiWizardService {\n activeStepIndex = 1;\n steps: EuiWizardStep[] = [];\n route: ActivatedRoute;\n\n constructor(private router: Router) {}\n\n init(steps: EuiWizardStep[], route: ActivatedRoute): void {\n this.steps = steps;\n this.route = route;\n const currentRoute = this.router.url;\n const currentStepUrl = currentRoute.substr(currentRoute.lastIndexOf('/') + 1);\n this.steps.forEach((step, index) => {\n if (step.url === currentStepUrl) {\n this.activeStepIndex = index + 1;\n }\n });\n }\n\n navigationIncrement(increment: number): void {\n const newIndex: number = this.activeStepIndex + increment;\n if (newIndex >= 1 && newIndex <= this.steps.length) {\n this.activeStepIndex = newIndex;\n }\n }\n\n selectStep(step: EuiWizardStep): void {\n this.activeStepIndex = step.index;\n if (step.url) {\n this._navigateToStep(step.url);\n }\n }\n\n private _navigateToStep(url: string): void {\n this.router.navigate([url], { relativeTo: this.route });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardService } from './services/eui-wizard.service';\nimport { EuiWizardComponent } from './eui-wizard.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiIconModule],\n exports: [EuiWizardStepComponent, EuiWizardComponent],\n declarations: [EuiWizardStepComponent, EuiWizardComponent],\n providers: [EuiWizardService],\n})\nexport class EuiWizardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
@@ -1,22 +1,17 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, Input, ViewChild, NgModule } from '@angular/core';
2
+ import { booleanAttribute, Component, Input, ViewChild, 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';
6
6
  import ApexCharts from 'apexcharts';
7
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
8
7
 
9
8
  class ChartComponent {
10
9
  constructor() {
11
- this._autoUpdateSeries = true;
12
- this._hasTableLegend = false;
10
+ this.autoUpdateSeries = true;
11
+ this.hasTableLegend = false;
13
12
  this.isInitialized = false;
14
13
  this.initScheduleDelay = 100;
15
14
  }
16
- get autoUpdateSeries() { return this._autoUpdateSeries; }
17
- set autoUpdateSeries(value) { this._autoUpdateSeries = coerceBooleanProperty(value); }
18
- get hasTableLegend() { return this._hasTableLegend; }
19
- set hasTableLegend(value) { this._hasTableLegend = coerceBooleanProperty(value); }
20
15
  ngAfterViewInit() {
21
16
  asapScheduler.schedule(() => {
22
17
  this.createElement();
@@ -183,7 +178,7 @@ class ChartComponent {
183
178
  this.render();
184
179
  }
185
180
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
186
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ChartComponent, selector: "eui-apex-chart", inputs: { chart: "chart", annotations: "annotations", colors: "colors", dataLabels: "dataLabels", series: "series", stroke: "stroke", labels: "labels", legend: "legend", markers: "markers", noData: "noData", fill: "fill", tooltip: "tooltip", plotOptions: "plotOptions", responsive: "responsive", xaxis: "xaxis", yaxis: "yaxis", grid: "grid", states: "states", title: "title", subtitle: "subtitle", theme: "theme", forecastDataPoints: "forecastDataPoints", autoUpdateSeries: "autoUpdateSeries", hasTableLegend: "hasTableLegend" }, viewQueries: [{ propertyName: "chartElement", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-apex-chart-wrapper\">\n <div #chart></div>\n</div>\n\n<div *ngIf=\"chartType === 'pie' && getHasTableLegend\" class=\"chart-legend__container text-center\">\n <ul class=\"chart-legend\">\n <li class=\"chart-legend-item\" *ngFor=\"let item of getSeries; let i = index\">\n <span class=\"chart-legend-item-marker ux-icon ux-icon-fw ux-icon-circle\" [style.color]=\"colors[i]\"></span>\n <span class=\"chart-legend-item-label\">{{ labels[i] }}</span>\n <span class=\"chart-legend-item-counter\" *ngIf=\"chartType === 'pie'\">{{ item }}</span>\n </li>\n </ul>\n</div>\n", styles: [".eui-apex-chart-wrapper{display:block!important;margin:1rem auto;min-height:10px!important;position:relative;width:100%}.eui-apex-chart-wrapper .apexcharts-canvas{margin:0 auto}.apexcharts-legend-series{font:var(--eui-f-m)}.apexcharts-gridline{pointer-events:none;stroke:#efefef}.apexcharts-legend-text{font-size:13px!important}.apexcharts-pie-label{fill:#fff!important}.apexcharts-yaxis text,.apexcharts-xaxis text{fill:#fff}.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text{fill:#fff}.apexcharts-radar-series polygon{fill:transparent}.apexcharts-pie-label,.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value{fill:#fff!important}.chart-legend__container{margin-bottom:var(--eui-s-l)}.chart-legend__container .chart-legend{display:block;margin:0;padding:0}.chart-legend{background-color:var(--eui-c-neutral-lightest);font-size:var(--eui-f-s);margin:var(--eui-s-l) 2% 0 2%;padding:var(--eui-s-xs)}.chart-legend .chart-legend-item{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lighter);display:flex;padding:var(--eui-s-s)}.chart-legend .chart-legend-item:last-child{border-bottom:none}.chart-legend .chart-legend-item .chart-legend-item-marker{flex:none;margin-right:var(--eui-s-xs)}.chart-legend .chart-legend-item .chart-legend-item-counter{flex:none;margin-left:auto;padding-left:var(--eui-s-xs)}\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"] }] }); }
181
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ChartComponent, selector: "eui-apex-chart", inputs: { chart: "chart", annotations: "annotations", colors: "colors", dataLabels: "dataLabels", series: "series", stroke: "stroke", labels: "labels", legend: "legend", markers: "markers", noData: "noData", fill: "fill", tooltip: "tooltip", plotOptions: "plotOptions", responsive: "responsive", xaxis: "xaxis", yaxis: "yaxis", grid: "grid", states: "states", title: "title", subtitle: "subtitle", theme: "theme", forecastDataPoints: "forecastDataPoints", autoUpdateSeries: ["autoUpdateSeries", "autoUpdateSeries", booleanAttribute], hasTableLegend: ["hasTableLegend", "hasTableLegend", booleanAttribute] }, viewQueries: [{ propertyName: "chartElement", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-apex-chart-wrapper\">\n <div #chart></div>\n</div>\n\n<div *ngIf=\"chartType === 'pie' && getHasTableLegend\" class=\"chart-legend__container text-center\">\n <ul class=\"chart-legend\">\n <li class=\"chart-legend-item\" *ngFor=\"let item of getSeries; let i = index\">\n <span class=\"chart-legend-item-marker ux-icon ux-icon-fw ux-icon-circle\" [style.color]=\"colors[i]\"></span>\n <span class=\"chart-legend-item-label\">{{ labels[i] }}</span>\n <span class=\"chart-legend-item-counter\" *ngIf=\"chartType === 'pie'\">{{ item }}</span>\n </li>\n </ul>\n</div>\n", styles: [".eui-apex-chart-wrapper{display:block!important;margin:1rem auto;min-height:10px!important;position:relative;width:100%}.eui-apex-chart-wrapper .apexcharts-canvas{margin:0 auto}.apexcharts-legend-series{font:var(--eui-f-m)}.apexcharts-gridline{pointer-events:none;stroke:#efefef}.apexcharts-legend-text{font-size:13px!important}.apexcharts-pie-label{fill:#fff!important}.apexcharts-yaxis text,.apexcharts-xaxis text{fill:#fff}.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text{fill:#fff}.apexcharts-radar-series polygon{fill:transparent}.apexcharts-pie-label,.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value{fill:#fff!important}.chart-legend__container{margin-bottom:var(--eui-s-l)}.chart-legend__container .chart-legend{display:block;margin:0;padding:0}.chart-legend{background-color:var(--eui-c-neutral-lightest);font-size:var(--eui-f-s);margin:var(--eui-s-l) 2% 0 2%;padding:var(--eui-s-xs)}.chart-legend .chart-legend-item{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lighter);display:flex;padding:var(--eui-s-s)}.chart-legend .chart-legend-item:last-child{border-bottom:none}.chart-legend .chart-legend-item .chart-legend-item-marker{flex:none;margin-right:var(--eui-s-xs)}.chart-legend .chart-legend-item .chart-legend-item-counter{flex:none;margin-left:auto;padding-left:var(--eui-s-xs)}\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"] }] }); }
187
182
  }
188
183
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ChartComponent, decorators: [{
189
184
  type: Component,
@@ -233,9 +228,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
233
228
  }], forecastDataPoints: [{
234
229
  type: Input
235
230
  }], autoUpdateSeries: [{
236
- type: Input
231
+ type: Input,
232
+ args: [{ transform: booleanAttribute }]
237
233
  }], hasTableLegend: [{
238
- type: Input
234
+ type: Input,
235
+ args: [{ transform: booleanAttribute }]
239
236
  }], chartElement: [{
240
237
  type: ViewChild,
241
238
  args: ['chart']
@@ -1 +1 @@
1
- {"version":3,"file":"eui-components-externals-charts.mjs","sources":["../../externals/charts/chart/chart.component.ts","../../externals/charts/chart/chart.component.html","../../externals/charts/eui-charts.module.ts","../../externals/charts/eui-components-externals-charts.ts"],"sourcesContent":["import { Component, Input, OnChanges, OnDestroy, SimpleChanges, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport {\n ApexAnnotations,\n ApexAxisChartSeries,\n ApexChart,\n ApexDataLabels,\n ApexFill,\n ApexGrid,\n ApexLegend,\n ApexNonAxisChartSeries,\n ApexMarkers,\n ApexNoData,\n ApexPlotOptions,\n ApexResponsive,\n ApexStates,\n ApexStroke,\n ApexTheme,\n ApexTitleSubtitle,\n ApexTooltip,\n ApexXAxis,\n ApexYAxis,\n ApexForecastDataPoints,\n} from '../model/apex-types';\nimport { asapScheduler } from 'rxjs';\n\nimport ApexCharts from 'apexcharts';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'eui-apex-chart',\n templateUrl: './chart.component.html',\n styleUrls: ['./chart.component.scss'],\n})\nexport class ChartComponent implements AfterViewInit, OnChanges, OnDestroy {\n @Input() chart: ApexChart;\n @Input() annotations: ApexAnnotations;\n @Input() colors: any[];\n @Input() dataLabels: ApexDataLabels;\n @Input() series: ApexAxisChartSeries | ApexNonAxisChartSeries;\n @Input() stroke: ApexStroke;\n @Input() labels: string[];\n @Input() legend: ApexLegend;\n @Input() markers: ApexMarkers;\n @Input() noData: ApexNoData;\n @Input() fill: ApexFill;\n @Input() tooltip: ApexTooltip;\n @Input() plotOptions: ApexPlotOptions;\n @Input() responsive: ApexResponsive[];\n @Input() xaxis: ApexXAxis;\n @Input() yaxis: ApexYAxis | ApexYAxis[];\n @Input() grid: ApexGrid;\n @Input() states: ApexStates;\n @Input() title: ApexTitleSubtitle;\n @Input() subtitle: ApexTitleSubtitle;\n @Input() theme: ApexTheme;\n @Input() forecastDataPoints: ApexForecastDataPoints;\n\n @Input()\n get autoUpdateSeries(): boolean { return this._autoUpdateSeries; }\n set autoUpdateSeries(value: BooleanInput) { this._autoUpdateSeries = coerceBooleanProperty(value); }\n private _autoUpdateSeries = true;\n @Input()\n get hasTableLegend(): boolean { return this._hasTableLegend; }\n set hasTableLegend(value: BooleanInput) { this._hasTableLegend = coerceBooleanProperty(value); }\n private _hasTableLegend: boolean = false;\n\n private isInitialized = false;\n private initScheduleDelay = 100;\n\n @ViewChild('chart') private chartElement: ElementRef;\n private chartObj: any;\n\n ngAfterViewInit(): void {\n asapScheduler.schedule(() => {\n this.createElement();\n this.isInitialized = true;\n }, this.initScheduleDelay);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (this.isInitialized) {\n asapScheduler.schedule(() => {\n if (this.autoUpdateSeries && Object.keys(changes).filter((c) => c !== 'series').length === 0) {\n this.updateSeries(this.series, true);\n return;\n }\n this.createElement();\n });\n }\n }\n\n ngOnDestroy() {\n if (this.chartObj) {\n this.chartObj.destroy();\n }\n }\n\n get chartType(): string {\n return this.chart.type;\n }\n\n get getHasTableLegend(): boolean {\n return this.hasTableLegend;\n }\n\n get getSeries(): Array<any> {\n return this.series as Array<any>;\n }\n\n public render(): Promise<void> {\n return this.chartObj.render();\n }\n\n public updateOptions(options: any, redrawPaths?: boolean, animate?: boolean, updateSyncedCharts?: boolean): Promise<void> {\n return this.chartObj.updateOptions(options, redrawPaths, animate, updateSyncedCharts);\n }\n\n public updateSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean) {\n this.chartObj.updateSeries(newSeries, animate);\n }\n\n public appendSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean) {\n this.chartObj.appendSeries(newSeries, animate);\n }\n\n public appendData(newData: any[]) {\n this.chartObj.appendData(newData);\n }\n\n public toggleSeries(seriesName: string): any {\n return this.chartObj.toggleSeries(seriesName);\n }\n\n public showSeries(seriesName: string) {\n this.chartObj.showSeries(seriesName);\n }\n\n public hideSeries(seriesName: string) {\n this.chartObj.hideSeries(seriesName);\n }\n\n public resetSeries() {\n this.chartObj.resetSeries();\n }\n\n public zoomX(min: number, max: number) {\n this.chartObj.zoomX(min, max);\n }\n\n public toggleDataPointSelection(seriesIndex: number, dataPointIndex?: number) {\n this.chartObj.toggleDataPointSelection(seriesIndex, dataPointIndex);\n }\n\n public destroy() {\n this.chartObj.destroy();\n }\n\n public setLocale(localeName?: string) {\n this.chartObj.setLocale(localeName);\n }\n\n public paper() {\n this.chartObj.paper();\n }\n\n public addXaxisAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addXaxisAnnotation(options, pushToMemory, context);\n }\n\n public addYaxisAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addYaxisAnnotation(options, pushToMemory, context);\n }\n\n public addPointAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addPointAnnotation(options, pushToMemory, context);\n }\n\n public removeAnnotation(id: string, options?: any) {\n this.chartObj.removeAnnotation(id, options);\n }\n\n public clearAnnotations(options?: any) {\n this.chartObj.clearAnnotations(options);\n }\n\n public dataURI(): Promise<void> {\n return this.chartObj.dataURI();\n }\n\n private createElement() {\n const options: any = {};\n\n if (this.annotations) {\n options.annotations = this.annotations;\n }\n if (this.chart) {\n options.chart = this.chart;\n }\n if (this.colors) {\n options.colors = this.colors;\n }\n if (this.dataLabels) {\n options.dataLabels = this.dataLabels;\n }\n if (this.series) {\n options.series = this.series;\n }\n if (this.stroke) {\n options.stroke = this.stroke;\n }\n if (this.labels) {\n options.labels = this.labels;\n }\n if (this.legend) {\n options.legend = this.legend;\n }\n if (this.fill) {\n options.fill = this.fill;\n }\n if (this.tooltip) {\n options.tooltip = this.tooltip;\n }\n if (this.plotOptions) {\n options.plotOptions = this.plotOptions;\n }\n if (this.responsive) {\n options.responsive = this.responsive;\n }\n if (this.markers) {\n options.markers = this.markers;\n }\n if (this.noData) {\n options.noData = this.noData;\n }\n if (this.xaxis) {\n options.xaxis = this.xaxis;\n }\n if (this.yaxis) {\n options.yaxis = this.yaxis;\n }\n if (this.grid) {\n options.grid = this.grid;\n }\n if (this.states) {\n options.states = this.states;\n }\n if (this.title) {\n options.title = this.title;\n }\n if (this.subtitle) {\n options.subtitle = this.subtitle;\n }\n if (this.theme) {\n options.theme = this.theme;\n }\n if (this.forecastDataPoints) {\n options.forecastDataPoints = this.forecastDataPoints;\n }\n\n if (this.chartObj) {\n this.chartObj.destroy();\n }\n this.chartObj = new ApexCharts(this.chartElement.nativeElement, options);\n\n this.render();\n }\n}\n","<div class=\"eui-apex-chart-wrapper\">\n <div #chart></div>\n</div>\n\n<div *ngIf=\"chartType === 'pie' && getHasTableLegend\" class=\"chart-legend__container text-center\">\n <ul class=\"chart-legend\">\n <li class=\"chart-legend-item\" *ngFor=\"let item of getSeries; let i = index\">\n <span class=\"chart-legend-item-marker ux-icon ux-icon-fw ux-icon-circle\" [style.color]=\"colors[i]\"></span>\n <span class=\"chart-legend-item-label\">{{ labels[i] }}</span>\n <span class=\"chart-legend-item-counter\" *ngIf=\"chartType === 'pie'\">{{ item }}</span>\n </li>\n </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChartComponent } from './chart/chart.component';\nimport ApexCharts from 'apexcharts';\n\ndeclare global {\n interface Window {\n ApexCharts: any;\n }\n}\n\nwindow.ApexCharts = ApexCharts;\n\nconst COMPONENTS = [ChartComponent];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EuiChartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"eui-components-externals-charts.mjs","sources":["../../externals/charts/chart/chart.component.ts","../../externals/charts/chart/chart.component.html","../../externals/charts/eui-charts.module.ts","../../externals/charts/eui-components-externals-charts.ts"],"sourcesContent":["import {\n Component,\n Input,\n OnChanges,\n OnDestroy,\n SimpleChanges,\n ViewChild,\n ElementRef,\n AfterViewInit,\n booleanAttribute,\n} from '@angular/core';\nimport {\n ApexAnnotations,\n ApexAxisChartSeries,\n ApexChart,\n ApexDataLabels,\n ApexFill,\n ApexGrid,\n ApexLegend,\n ApexNonAxisChartSeries,\n ApexMarkers,\n ApexNoData,\n ApexPlotOptions,\n ApexResponsive,\n ApexStates,\n ApexStroke,\n ApexTheme,\n ApexTitleSubtitle,\n ApexTooltip,\n ApexXAxis,\n ApexYAxis,\n ApexForecastDataPoints,\n} from '../model/apex-types';\nimport { asapScheduler } from 'rxjs';\nimport ApexCharts from 'apexcharts';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'eui-apex-chart',\n templateUrl: './chart.component.html',\n styleUrls: ['./chart.component.scss'],\n})\nexport class ChartComponent implements AfterViewInit, OnChanges, OnDestroy {\n @Input() chart: ApexChart;\n @Input() annotations: ApexAnnotations;\n @Input() colors: any[];\n @Input() dataLabels: ApexDataLabels;\n @Input() series: ApexAxisChartSeries | ApexNonAxisChartSeries;\n @Input() stroke: ApexStroke;\n @Input() labels: string[];\n @Input() legend: ApexLegend;\n @Input() markers: ApexMarkers;\n @Input() noData: ApexNoData;\n @Input() fill: ApexFill;\n @Input() tooltip: ApexTooltip;\n @Input() plotOptions: ApexPlotOptions;\n @Input() responsive: ApexResponsive[];\n @Input() xaxis: ApexXAxis;\n @Input() yaxis: ApexYAxis | ApexYAxis[];\n @Input() grid: ApexGrid;\n @Input() states: ApexStates;\n @Input() title: ApexTitleSubtitle;\n @Input() subtitle: ApexTitleSubtitle;\n @Input() theme: ApexTheme;\n @Input() forecastDataPoints: ApexForecastDataPoints;\n\n @Input({ transform: booleanAttribute }) autoUpdateSeries = true;\n @Input({ transform: booleanAttribute }) hasTableLegend: boolean = false;\n\n private isInitialized = false;\n private initScheduleDelay = 100;\n\n @ViewChild('chart') private chartElement: ElementRef;\n private chartObj: any;\n\n ngAfterViewInit(): void {\n asapScheduler.schedule(() => {\n this.createElement();\n this.isInitialized = true;\n }, this.initScheduleDelay);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (this.isInitialized) {\n asapScheduler.schedule(() => {\n if (this.autoUpdateSeries && Object.keys(changes).filter((c) => c !== 'series').length === 0) {\n this.updateSeries(this.series, true);\n return;\n }\n this.createElement();\n });\n }\n }\n\n ngOnDestroy() {\n if (this.chartObj) {\n this.chartObj.destroy();\n }\n }\n\n get chartType(): string {\n return this.chart.type;\n }\n\n get getHasTableLegend(): boolean {\n return this.hasTableLegend;\n }\n\n get getSeries(): Array<any> {\n return this.series as Array<any>;\n }\n\n public render(): Promise<void> {\n return this.chartObj.render();\n }\n\n public updateOptions(options: any, redrawPaths?: boolean, animate?: boolean, updateSyncedCharts?: boolean): Promise<void> {\n return this.chartObj.updateOptions(options, redrawPaths, animate, updateSyncedCharts);\n }\n\n public updateSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean) {\n this.chartObj.updateSeries(newSeries, animate);\n }\n\n public appendSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean) {\n this.chartObj.appendSeries(newSeries, animate);\n }\n\n public appendData(newData: any[]) {\n this.chartObj.appendData(newData);\n }\n\n public toggleSeries(seriesName: string): any {\n return this.chartObj.toggleSeries(seriesName);\n }\n\n public showSeries(seriesName: string) {\n this.chartObj.showSeries(seriesName);\n }\n\n public hideSeries(seriesName: string) {\n this.chartObj.hideSeries(seriesName);\n }\n\n public resetSeries() {\n this.chartObj.resetSeries();\n }\n\n public zoomX(min: number, max: number) {\n this.chartObj.zoomX(min, max);\n }\n\n public toggleDataPointSelection(seriesIndex: number, dataPointIndex?: number) {\n this.chartObj.toggleDataPointSelection(seriesIndex, dataPointIndex);\n }\n\n public destroy() {\n this.chartObj.destroy();\n }\n\n public setLocale(localeName?: string) {\n this.chartObj.setLocale(localeName);\n }\n\n public paper() {\n this.chartObj.paper();\n }\n\n public addXaxisAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addXaxisAnnotation(options, pushToMemory, context);\n }\n\n public addYaxisAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addYaxisAnnotation(options, pushToMemory, context);\n }\n\n public addPointAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addPointAnnotation(options, pushToMemory, context);\n }\n\n public removeAnnotation(id: string, options?: any) {\n this.chartObj.removeAnnotation(id, options);\n }\n\n public clearAnnotations(options?: any) {\n this.chartObj.clearAnnotations(options);\n }\n\n public dataURI(): Promise<void> {\n return this.chartObj.dataURI();\n }\n\n private createElement() {\n const options: any = {};\n\n if (this.annotations) {\n options.annotations = this.annotations;\n }\n if (this.chart) {\n options.chart = this.chart;\n }\n if (this.colors) {\n options.colors = this.colors;\n }\n if (this.dataLabels) {\n options.dataLabels = this.dataLabels;\n }\n if (this.series) {\n options.series = this.series;\n }\n if (this.stroke) {\n options.stroke = this.stroke;\n }\n if (this.labels) {\n options.labels = this.labels;\n }\n if (this.legend) {\n options.legend = this.legend;\n }\n if (this.fill) {\n options.fill = this.fill;\n }\n if (this.tooltip) {\n options.tooltip = this.tooltip;\n }\n if (this.plotOptions) {\n options.plotOptions = this.plotOptions;\n }\n if (this.responsive) {\n options.responsive = this.responsive;\n }\n if (this.markers) {\n options.markers = this.markers;\n }\n if (this.noData) {\n options.noData = this.noData;\n }\n if (this.xaxis) {\n options.xaxis = this.xaxis;\n }\n if (this.yaxis) {\n options.yaxis = this.yaxis;\n }\n if (this.grid) {\n options.grid = this.grid;\n }\n if (this.states) {\n options.states = this.states;\n }\n if (this.title) {\n options.title = this.title;\n }\n if (this.subtitle) {\n options.subtitle = this.subtitle;\n }\n if (this.theme) {\n options.theme = this.theme;\n }\n if (this.forecastDataPoints) {\n options.forecastDataPoints = this.forecastDataPoints;\n }\n\n if (this.chartObj) {\n this.chartObj.destroy();\n }\n this.chartObj = new ApexCharts(this.chartElement.nativeElement, options);\n\n this.render();\n }\n}\n","<div class=\"eui-apex-chart-wrapper\">\n <div #chart></div>\n</div>\n\n<div *ngIf=\"chartType === 'pie' && getHasTableLegend\" class=\"chart-legend__container text-center\">\n <ul class=\"chart-legend\">\n <li class=\"chart-legend-item\" *ngFor=\"let item of getSeries; let i = index\">\n <span class=\"chart-legend-item-marker ux-icon ux-icon-fw ux-icon-circle\" [style.color]=\"colors[i]\"></span>\n <span class=\"chart-legend-item-label\">{{ labels[i] }}</span>\n <span class=\"chart-legend-item-counter\" *ngIf=\"chartType === 'pie'\">{{ item }}</span>\n </li>\n </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChartComponent } from './chart/chart.component';\nimport ApexCharts from 'apexcharts';\n\ndeclare global {\n interface Window {\n ApexCharts: any;\n }\n}\n\nwindow.ApexCharts = ApexCharts;\n\nconst COMPONENTS = [ChartComponent];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EuiChartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, Inject, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, Input, EventEmitter, HostBinding, Output, ContentChild, forwardRef, HostListener, Directive, Pipe, Self, NgModule } from '@angular/core';
2
+ import { Component, Inject, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, Input, booleanAttribute, EventEmitter, HostBinding, Output, ContentChild, forwardRef, HostListener, 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';
@@ -144,30 +144,12 @@ class EuiEditorCountersComponent {
144
144
  constructor() {
145
145
  this.charactersLabel = 'characters';
146
146
  this.wordsLabel = 'words';
147
- this._isMaxLengthValid = true;
148
- this._hasCharactersCounter = true;
149
- this._hasWordsCounter = true;
150
- }
151
- get isMaxLengthValid() {
152
- return this._isMaxLengthValid;
153
- }
154
- set isMaxLengthValid(value) {
155
- this._isMaxLengthValid = coerceBooleanProperty(value);
156
- }
157
- get hasCharactersCounter() {
158
- return this._hasCharactersCounter;
159
- }
160
- set hasCharactersCounter(value) {
161
- this._hasCharactersCounter = coerceBooleanProperty(value);
162
- }
163
- get hasWordsCounter() {
164
- return this._hasWordsCounter;
165
- }
166
- set hasWordsCounter(value) {
167
- this._hasWordsCounter = coerceBooleanProperty(value);
147
+ this.isMaxLengthValid = true;
148
+ this.hasCharactersCounter = true;
149
+ this.hasWordsCounter = true;
168
150
  }
169
151
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiEditorCountersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
170
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiEditorCountersComponent, selector: "eui-editor-counters", inputs: { charactersCounter: "charactersCounter", charactersLabel: "charactersLabel", wordsCounter: "wordsCounter", wordsLabel: "wordsLabel", isMaxLengthValid: "isMaxLengthValid", hasCharactersCounter: "hasCharactersCounter", hasWordsCounter: "hasWordsCounter" }, ngImport: i0, template: "<button class=\"editor-counters\">\n @if ( hasCharactersCounter ) {\n <div class=\"editor-counters-chars-container\">\n <span class=\"chars-counter\" [class.chars-counter--error]=\"!isMaxLengthValid\">{{ charactersCounter }}</span>\n <span class=\"chars-label\">{{ charactersLabel }}</span>\n </div>\n }\n @if ( hasWordsCounter ) {\n <div class=\"editor-counters-words-container\">\n <span class=\"words-counter\">{{ wordsCounter }}</span>\n <span class=\"words-label\">{{ wordsLabel }}</span>\n </div>\n }\n</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
152
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiEditorCountersComponent, selector: "eui-editor-counters", inputs: { charactersCounter: "charactersCounter", charactersLabel: "charactersLabel", wordsCounter: "wordsCounter", wordsLabel: "wordsLabel", isMaxLengthValid: ["isMaxLengthValid", "isMaxLengthValid", booleanAttribute], hasCharactersCounter: ["hasCharactersCounter", "hasCharactersCounter", booleanAttribute], hasWordsCounter: ["hasWordsCounter", "hasWordsCounter", booleanAttribute] }, ngImport: i0, template: "<button class=\"editor-counters\">\n @if ( hasCharactersCounter ) {\n <div class=\"editor-counters-chars-container\">\n <span class=\"chars-counter\" [class.chars-counter--error]=\"!isMaxLengthValid\">{{ charactersCounter }}</span>\n <span class=\"chars-label\">{{ charactersLabel }}</span>\n </div>\n }\n @if ( hasWordsCounter ) {\n <div class=\"editor-counters-words-container\">\n <span class=\"words-counter\">{{ wordsCounter }}</span>\n <span class=\"words-label\">{{ wordsLabel }}</span>\n </div>\n }\n</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
171
153
  }
172
154
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiEditorCountersComponent, decorators: [{
173
155
  type: Component,
@@ -181,11 +163,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
181
163
  }], wordsLabel: [{
182
164
  type: Input
183
165
  }], isMaxLengthValid: [{
184
- type: Input
166
+ type: Input,
167
+ args: [{ transform: booleanAttribute }]
185
168
  }], hasCharactersCounter: [{
186
- type: Input
169
+ type: Input,
170
+ args: [{ transform: booleanAttribute }]
187
171
  }], hasWordsCounter: [{
188
- type: Input
172
+ type: Input,
173
+ args: [{ transform: booleanAttribute }]
189
174
  }] } });
190
175
 
191
176
  // eslint-disable-next-line @typescript-eslint/naming-convention,no-underscore-dangle,id-denylist,id-match