@eui/components 18.0.0-next.45 → 18.0.0-next.46

package/fesm2022/eui-components-eui-tree.mjs

@@ -888,10 +888,10 @@ var EuiTreeComponent = class _EuiTreeComponent {
     return scrolled.getElementRef().nativeElement === this.cdkScrollableRef.getElementRef().nativeElement;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiTreeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiTreeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiTreeComponent, selector: "eui-tree", inputs: { e2eAttr: "e2eAttr", nodes: "nodes", nodeTemplateRef: "nodeTemplateRef", nodeContentMetadataTemplateRef: "nodeContentMetadataTemplateRef", rightContextMenuTemplateRef: "rightContextMenuTemplateRef", expandedIconClass: "expandedIconClass", collapsedIconClass: "collapsedIconClass", expandedSvgIconClass: "expandedSvgIconClass", collapsedSvgIconClass: "collapsedSvgIconClass", isClickTogglingNode: "isClickTogglingNode", isMultiselect: "isMultiselect", isSingleSelect: "isSingleSelect", isRecursiveSelection: "isRecursiveSelection", isRecursiveParentSelection: "isRecursiveParentSelection", showUnderlinedLinks: "showUnderlinedLinks", showLines: "showLines", autoTranslate: "autoTranslate", highlightPath: "highlightPath" }, outputs: { selectionChange: "selectionChange", nodeClick: "nodeClick", nodeToggle: "nodeToggle" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, viewQueries: [{ propertyName: "cdkScrollableRef", first: true, predicate: ["cdkScrollableRef"], descendants: true, read: CdkScrollable }, { propertyName: "treeComponentInstance", first: true, predicate: ["treeComponentInstance"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div class="eui-ul-rep eui-tree__wrapper" cdkScrollable #cdkScrollableRef>
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiTreeComponent, selector: "eui-tree", inputs: { e2eAttr: "e2eAttr", nodes: "nodes", nodeTemplateRef: "nodeTemplateRef", nodeContentMetadataTemplateRef: "nodeContentMetadataTemplateRef", rightContextMenuTemplateRef: "rightContextMenuTemplateRef", expandedIconClass: "expandedIconClass", collapsedIconClass: "collapsedIconClass", expandedSvgIconClass: "expandedSvgIconClass", collapsedSvgIconClass: "collapsedSvgIconClass", isClickTogglingNode: "isClickTogglingNode", isMultiselect: "isMultiselect", isSingleSelect: "isSingleSelect", isRecursiveSelection: "isRecursiveSelection", isRecursiveParentSelection: "isRecursiveParentSelection", showUnderlinedLinks: "showUnderlinedLinks", showLines: "showLines", autoTranslate: "autoTranslate", highlightPath: "highlightPath" }, outputs: { selectionChange: "selectionChange", nodeClick: "nodeClick", nodeToggle: "nodeToggle" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, viewQueries: [{ propertyName: "cdkScrollableRef", first: true, predicate: ["cdkScrollableRef"], descendants: true, read: CdkScrollable }, { propertyName: "treeComponentInstance", first: true, predicate: ["treeComponentInstance"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div class="eui-ul-rep eui-tree__wrapper" cdkScrollable #cdkScrollableRef>
     <cdk-tree
         #treeComponentInstance
         [dataSource]="cdkArrayDataSource"
@@ -1143,10 +1143,10 @@ var EuiTreeComponent = class _EuiTreeComponent {
         </ng-template>
     </ng-container>
 </ng-template>
-`, styles: ['.eui-tree{display:flex;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.eui-tree .eui-tree__wrapper{display:flex;list-style:none;margin:0;overflow-y:auto;padding:var(--eui-s-2xs);position:relative;width:100%}.eui-tree .eui-tree__wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-tree .eui-tree__wrapper .eui-cdk-tree{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{display:flex;width:auto}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node:not(.eui-cdk-nested-tree-node--with-child){padding-inline-start:var(--eui-s-xl)}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node--with-child{display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node__metacontent{display:flex}.eui-tree .eui-tree__wrapper .eui-tree-node__button{margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper{align-items:center;display:flex;min-height:var(--eui-s-xl);width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container{align-items:center;display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-left{align-items:center;display:flex;justify-content:flex-start}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-middle{align-items:center;display:flex;justify-content:flex-start;overflow:hidden;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-right{align-items:center;display:flex;justify-content:flex-end;margin-left:auto}.eui-tree:not(.eui-tree--with-children) .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{padding-inline-start:2px}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep{padding-inline-start:var(--eui-s-s)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:before{border-left:1px solid var(--eui-c-neutral-lightest);content:"";height:calc(100% - var(--eui-s-m) - var(--eui-s-xl));position:absolute;top:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:first-child:before{height:calc(100% - var(--eui-s-m) - var(--eui-s-2xs));top:0}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep{padding-inline-start:var(--eui-s-s);position:relative}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep:before:not(.eui-tree-node--first){border-top:1px solid var(--eui-c-neutral-lightest);content:"";display:block;height:0;left:0;position:absolute;top:var(--eui-s-m);width:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node:not(.eui-tree-node--with-child):before{position:relative;left:0;display:inline-flex;width:var(--eui-s-2xl);border-bottom:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node.eui-tree-node--with-child:before{position:absolute;left:calc(1 * var(--eui-s-2xl) + var(--eui-s-2xs));display:inline-flex;width:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-left:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node--last:before{height:auto;top:var(--eui-s-m)}\n'], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }, { kind: "directive", type: i5.CdkNestedTreeNode, selector: "cdk-nested-tree-node", exportAs: ["cdkNestedTreeNode"] }, { kind: "directive", type: i5.CdkTreeNodeDef, selector: "[cdkTreeNodeDef]", inputs: ["cdkTreeNodeDefWhen"] }, { kind: "directive", type: i5.CdkTreeNodeToggle, selector: "[cdkTreeNodeToggle]", inputs: ["cdkTreeNodeToggleRecursive"] }, { kind: "component", type: i5.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "trackBy"], exportAs: ["cdkTree"] }, { kind: "directive", type: i5.CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i8.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i9.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i10.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i11.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i11.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "directive", type: i1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+`, styles: ['.eui-tree{display:flex;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.eui-tree .eui-tree__wrapper{display:flex;list-style:none;margin:0;overflow-y:auto;padding:var(--eui-s-2xs);position:relative;width:100%}.eui-tree .eui-tree__wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-tree .eui-tree__wrapper .eui-cdk-tree{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{display:flex;width:auto}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node:not(.eui-cdk-nested-tree-node--with-child){padding-inline-start:var(--eui-s-xl)}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node--with-child{display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node__metacontent{display:flex}.eui-tree .eui-tree__wrapper .eui-tree-node__button{margin-left:calc(-4 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper{align-items:center;display:flex;min-height:var(--eui-s-xl);width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container{align-items:center;display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-left{align-items:center;display:flex;justify-content:flex-start}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-middle{align-items:center;display:flex;justify-content:flex-start;overflow:hidden;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-right{align-items:center;display:flex;justify-content:flex-end;margin-left:auto}.eui-tree:not(.eui-tree--with-children) .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{padding-inline-start:2px}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep{padding-inline-start:var(--eui-s-s)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:before{border-left:1px solid var(--eui-c-neutral-lightest);content:"";height:calc(100% - var(--eui-s-m) - var(--eui-s-xl));position:absolute;top:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:first-child:before{height:calc(100% - var(--eui-s-m) - var(--eui-s-2xs));top:0}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep{padding-inline-start:var(--eui-s-s);position:relative}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep:before:not(.eui-tree-node--first){border-top:1px solid var(--eui-c-neutral-lightest);content:"";display:block;height:0;left:0;position:absolute;top:var(--eui-s-m);width:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node:not(.eui-tree-node--with-child):before{position:relative;left:0;display:inline-flex;width:var(--eui-s-2xl);border-bottom:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node.eui-tree-node--with-child:before{position:absolute;left:calc(1 * var(--eui-s-2xl) + var(--eui-s-2xs));display:inline-flex;width:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-left:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node--last:before{height:auto;top:var(--eui-s-m)}\n'], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }, { kind: "directive", type: i5.CdkNestedTreeNode, selector: "cdk-nested-tree-node", exportAs: ["cdkNestedTreeNode"] }, { kind: "directive", type: i5.CdkTreeNodeDef, selector: "[cdkTreeNodeDef]", inputs: ["cdkTreeNodeDefWhen"] }, { kind: "directive", type: i5.CdkTreeNodeToggle, selector: "[cdkTreeNodeToggle]", inputs: ["cdkTreeNodeToggleRecursive"] }, { kind: "component", type: i5.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "trackBy"], exportAs: ["cdkTree"] }, { kind: "directive", type: i5.CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i8.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i9.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i10.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i11.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i11.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "directive", type: i1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiTreeComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-tree", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `<div class="eui-ul-rep eui-tree__wrapper" cdkScrollable #cdkScrollableRef>
     <cdk-tree
@@ -1400,7 +1400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
         </ng-template>
     </ng-container>
 </ng-template>
-`, styles: ['.eui-tree{display:flex;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.eui-tree .eui-tree__wrapper{display:flex;list-style:none;margin:0;overflow-y:auto;padding:var(--eui-s-2xs);position:relative;width:100%}.eui-tree .eui-tree__wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-tree .eui-tree__wrapper .eui-cdk-tree{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{display:flex;width:auto}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node:not(.eui-cdk-nested-tree-node--with-child){padding-inline-start:var(--eui-s-xl)}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node--with-child{display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node__metacontent{display:flex}.eui-tree .eui-tree__wrapper .eui-tree-node__button{margin-left:calc(-1 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper{align-items:center;display:flex;min-height:var(--eui-s-xl);width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container{align-items:center;display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-left{align-items:center;display:flex;justify-content:flex-start}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-middle{align-items:center;display:flex;justify-content:flex-start;overflow:hidden;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-right{align-items:center;display:flex;justify-content:flex-end;margin-left:auto}.eui-tree:not(.eui-tree--with-children) .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{padding-inline-start:2px}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep{padding-inline-start:var(--eui-s-s)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:before{border-left:1px solid var(--eui-c-neutral-lightest);content:"";height:calc(100% - var(--eui-s-m) - var(--eui-s-xl));position:absolute;top:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:first-child:before{height:calc(100% - var(--eui-s-m) - var(--eui-s-2xs));top:0}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep{padding-inline-start:var(--eui-s-s);position:relative}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep:before:not(.eui-tree-node--first){border-top:1px solid var(--eui-c-neutral-lightest);content:"";display:block;height:0;left:0;position:absolute;top:var(--eui-s-m);width:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node:not(.eui-tree-node--with-child):before{position:relative;left:0;display:inline-flex;width:var(--eui-s-2xl);border-bottom:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node.eui-tree-node--with-child:before{position:absolute;left:calc(1 * var(--eui-s-2xl) + var(--eui-s-2xs));display:inline-flex;width:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-left:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node--last:before{height:auto;top:var(--eui-s-m)}\n'] }]
+`, styles: ['.eui-tree{display:flex;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.eui-tree .eui-tree__wrapper{display:flex;list-style:none;margin:0;overflow-y:auto;padding:var(--eui-s-2xs);position:relative;width:100%}.eui-tree .eui-tree__wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-tree .eui-tree__wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-tree .eui-tree__wrapper .eui-cdk-tree{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{display:flex;width:auto}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node:not(.eui-cdk-nested-tree-node--with-child){padding-inline-start:var(--eui-s-xl)}.eui-tree .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node--with-child{display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node{display:flex;flex-direction:column;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node__metacontent{display:flex}.eui-tree .eui-tree__wrapper .eui-tree-node__button{margin-left:calc(-4 * var(--eui-s-2xs));margin-right:var(--eui-s-2xs)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper{align-items:center;display:flex;min-height:var(--eui-s-xl);width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container{align-items:center;display:flex;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-left{align-items:center;display:flex;justify-content:flex-start}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-middle{align-items:center;display:flex;justify-content:flex-start;overflow:hidden;width:100%}.eui-tree .eui-tree__wrapper .eui-tree-node-wrapper__container-right{align-items:center;display:flex;justify-content:flex-end;margin-left:auto}.eui-tree:not(.eui-tree--with-children) .eui-tree__wrapper .eui-cdk-tree .eui-cdk-nested-tree-node{padding-inline-start:2px}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep{padding-inline-start:var(--eui-s-s)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:before{border-left:1px solid var(--eui-c-neutral-lightest);content:"";height:calc(100% - var(--eui-s-m) - var(--eui-s-xl));position:absolute;top:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-ul-rep:first-child:before{height:calc(100% - var(--eui-s-m) - var(--eui-s-2xs));top:0}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep{padding-inline-start:var(--eui-s-s);position:relative}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep:before:not(.eui-tree-node--first){border-top:1px solid var(--eui-c-neutral-lightest);content:"";display:block;height:0;left:0;position:absolute;top:var(--eui-s-m);width:var(--eui-s-xl)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node:not(.eui-tree-node--with-child):before{position:relative;left:0;display:inline-flex;width:var(--eui-s-2xl);border-bottom:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node.eui-tree-node--with-child:before{position:absolute;left:calc(1 * var(--eui-s-2xl) + var(--eui-s-2xs));display:inline-flex;width:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-left:1px solid var(--eui-c-neutral-lightest);content:"";margin-left:calc(-2 * var(--eui-s-l) + var(--eui-s-2xs));top:var(--eui-s-m)}.eui-tree.eui-tree--show-lines.eui-tree--with-children div.eui-li-rep.eui-tree-node--last:before{height:auto;top:var(--eui-s-m)}\n'] }]
 }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ScrollDispatcher }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -1458,10 +1458,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
 }] } });
 var EuiTreeModule = class _EuiTreeModule {
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiTreeModule, declarations: [EuiTreeComponent], imports: [
+    this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiTreeModule, declarations: [EuiTreeComponent], imports: [
       CommonModule,
       RouterModule,
       FormsModule,
@@ -1478,7 +1478,7 @@ var EuiTreeModule = class _EuiTreeModule {
     ], exports: [EuiTreeComponent] });
   }
   static {
-    this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiTreeModule, imports: [
+    this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiTreeModule, imports: [
       CommonModule,
       RouterModule,
       FormsModule,
@@ -1495,7 +1495,7 @@ var EuiTreeModule = class _EuiTreeModule {
     ] });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiTreeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiTreeModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [
@@ -1564,13 +1564,13 @@ var EuiDropdownTreeDirective = class _EuiDropdownTreeDirective {
     return "No node selected.";
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiDropdownTreeDirective, deps: [{ token: i02.ChangeDetectorRef }, { token: i02.ElementRef }, { token: i02.Renderer2 }, { token: i13.EuiDropdownComponent, host: true }], target: i02.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiDropdownTreeDirective, deps: [{ token: i02.ChangeDetectorRef }, { token: i02.ElementRef }, { token: i02.Renderer2 }, { token: i13.EuiDropdownComponent, host: true }], target: i02.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiDropdownTreeDirective, selector: "eui-dropdown[euiDropdownTree]", inputs: { buttonTemplateRef: "buttonTemplateRef" }, queries: [{ propertyName: "euiTree", first: true, predicate: EuiTreeComponent, descendants: true }], ngImport: i02 });
+    this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiDropdownTreeDirective, selector: "eui-dropdown[euiDropdownTree]", inputs: { buttonTemplateRef: "buttonTemplateRef" }, queries: [{ propertyName: "euiTree", first: true, predicate: EuiTreeComponent, descendants: true }], ngImport: i02 });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiDropdownTreeDirective, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiDropdownTreeDirective, decorators: [{
   type: Directive,
   args: [{
     selector: "eui-dropdown[euiDropdownTree]"
@@ -1585,16 +1585,16 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
 }] } });
 var EuiDropdownTreeDirectiveModule = class _EuiDropdownTreeDirectiveModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiDropdownTreeDirectiveModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiDropdownTreeDirectiveModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiDropdownTreeDirectiveModule, declarations: [EuiDropdownTreeDirective], imports: [CommonModule2], exports: [EuiDropdownTreeDirective] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiDropdownTreeDirectiveModule, declarations: [EuiDropdownTreeDirective], imports: [CommonModule2], exports: [EuiDropdownTreeDirective] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiDropdownTreeDirectiveModule, imports: [CommonModule2] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiDropdownTreeDirectiveModule, imports: [CommonModule2] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiDropdownTreeDirectiveModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiDropdownTreeDirectiveModule, decorators: [{
   type: NgModule2,
   args: [{
     imports: [CommonModule2],
@@ -1726,10 +1726,10 @@ var EuiTreeFormControlDirective = class _EuiTreeFormControlDirective {
     });
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiTreeFormControlDirective, deps: [{ token: EuiTreeComponent, host: true }], target: i03.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiTreeFormControlDirective, deps: [{ token: EuiTreeComponent, host: true }], target: i03.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i03.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiTreeFormControlDirective, selector: "eui-tree[euiTreeFormControl]", inputs: { euiTreeControlValueSetter: "euiTreeControlValueSetter", euiTreeControlModelMapper: "euiTreeControlModelMapper" }, providers: [
+    this.ɵdir = i03.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiTreeFormControlDirective, selector: "eui-tree[euiTreeFormControl]", inputs: { euiTreeControlValueSetter: "euiTreeControlValueSetter", euiTreeControlModelMapper: "euiTreeControlModelMapper" }, providers: [
       {
         provide: NG_VALUE_ACCESSOR,
         useExisting: forwardRef(() => _EuiTreeFormControlDirective),
@@ -1738,7 +1738,7 @@ var EuiTreeFormControlDirective = class _EuiTreeFormControlDirective {
     ], ngImport: i03 });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiTreeFormControlDirective, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiTreeFormControlDirective, decorators: [{
   type: Directive2,
   args: [{
     selector: "eui-tree[euiTreeFormControl]",
@@ -1759,16 +1759,16 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
 }] } });
 var EuiTreeFormControlDirectiveModule = class _EuiTreeFormControlDirectiveModule {
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiTreeFormControlDirectiveModule, deps: [], target: i03.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiTreeFormControlDirectiveModule, deps: [], target: i03.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i03.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiTreeFormControlDirectiveModule, declarations: [EuiTreeFormControlDirective], imports: [CommonModule3], exports: [EuiTreeFormControlDirective] });
+    this.ɵmod = i03.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiTreeFormControlDirectiveModule, declarations: [EuiTreeFormControlDirective], imports: [CommonModule3], exports: [EuiTreeFormControlDirective] });
   }
   static {
-    this.ɵinj = i03.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiTreeFormControlDirectiveModule, imports: [CommonModule3] });
+    this.ɵinj = i03.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiTreeFormControlDirectiveModule, imports: [CommonModule3] });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiTreeFormControlDirectiveModule, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiTreeFormControlDirectiveModule, decorators: [{
   type: NgModule3,
   args: [{
     imports: [CommonModule3],

package/fesm2022/eui-components-eui-user-profile.mjs

@@ -12,13 +12,13 @@ var EuiUserProfileMenuItemComponent = class _EuiUserProfileMenuItemComponent {
     this.element.nativeElement.focus();
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiUserProfileMenuItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiUserProfileMenuItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiUserProfileMenuItemComponent, selector: "eui-user-profile-menu-item", host: { properties: { "class": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiUserProfileMenuItemComponent, selector: "eui-user-profile-menu-item", host: { properties: { "class": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiUserProfileMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiUserProfileMenuItemComponent, decorators: [{
   type: Component,
   args: [{
     selector: "eui-user-profile-menu-item",
@@ -66,13 +66,13 @@ var EuiUserProfileMenuComponent = class _EuiUserProfileMenuComponent {
     this.destroy$.unsubscribe();
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiUserProfileMenuComponent, deps: [{ token: i1.EuiDropdownService }], target: i02.ɵɵFactoryTarget.Component });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiUserProfileMenuComponent, deps: [{ token: i1.EuiDropdownService }], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiUserProfileMenuComponent, selector: "eui-user-profile-menu", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiUserProfileMenuItemComponent) }], ngImport: i02, template: "<ng-content></ng-content>", isInline: true, encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiUserProfileMenuComponent, selector: "eui-user-profile-menu", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiUserProfileMenuItemComponent) }], ngImport: i02, template: "<ng-content></ng-content>", isInline: true, encapsulation: i02.ViewEncapsulation.None });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiUserProfileMenuComponent, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiUserProfileMenuComponent, decorators: [{
   type: Component2,
   args: [{
     selector: "eui-user-profile-menu",
@@ -165,10 +165,10 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
     ].join(" ").trim();
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiUserProfileComponent, deps: [{ token: i03.ElementRef }, { token: i12.UserService }, { token: i2.BaseStatesDirective }], target: i03.ɵɵFactoryTarget.Component });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiUserProfileComponent, deps: [{ token: i03.ElementRef }, { token: i12.UserService }, { token: i2.BaseStatesDirective }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos", hasMenu: ["hasMenu", "hasMenu", booleanAttribute], isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isReverse: ["isReverse", "isReverse", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], isHeaderUserProfile: ["isHeaderUserProfile", "isHeaderUserProfile", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenuContent", predicate: i03.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i03, template: `<ng-container *ngIf="hasMenu; else noMenuContent">
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos", hasMenu: ["hasMenu", "hasMenu", booleanAttribute], isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isReverse: ["isReverse", "isReverse", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], isHeaderUserProfile: ["isHeaderUserProfile", "isHeaderUserProfile", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenuContent", predicate: i03.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i03, template: `<ng-container *ngIf="hasMenu; else noMenuContent">
     <eui-dropdown [hasTabNavigation]="hasTabNavigation" width="340px" #dropdown>
         <ng-container *ngTemplateOutlet="userProfileContent"></ng-container>
         <eui-dropdown-content>
@@ -230,7 +230,7 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
 `, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-s-s)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right;font:var(--eui-f-s-compact)}.eui-user-profile__infos-name{color:var(--eui-c-branding);text-align:right;font:var(--eui-f-m-bold-compact)}.eui-user-profile__infos-subinfos{color:var(--eui-c-neutral);text-align:right;font:var(--eui-f-xs-compact)}.eui-user-profile__infos--no-welcome{display:flex}.eui-user-profile__infos--no-subinfos .eui-user-profile__infos-name{font:var(--eui-f-m-bold)}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-c-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-c-neutral-lightest)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-s-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;padding:var(--eui-s-xs) var(--eui-s-s)}.eui-user-profile-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item:hover{background-color:var(--eui-c-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-c-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-s-m) var(--eui-s-m) var(--eui-s-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-s-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-s-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-s)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i4.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], changeDetection: i03.ChangeDetectionStrategy.Default, encapsulation: i03.ViewEncapsulation.None });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiUserProfileComponent, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiUserProfileComponent, decorators: [{
   type: Component3,
   args: [{ selector: "eui-user-profile", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation5.None, hostDirectives: [
     {
@@ -388,13 +388,13 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
     this.closeProfileMenu.emit();
   }
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiUserProfileCardComponent, deps: [{ token: i13.UserService }], target: i04.ɵɵFactoryTarget.Component });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiUserProfileCardComponent, deps: [{ token: i13.UserService }], target: i04.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute2] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i04, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i42.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i52.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i52.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i52.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i04.ChangeDetectionStrategy.Default, encapsulation: i04.ViewEncapsulation.None });
+    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute2] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i04, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i42.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i52.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i52.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i52.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i04.ChangeDetectionStrategy.Default, encapsulation: i04.ViewEncapsulation.None });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: EuiUserProfileCardComponent, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: EuiUserProfileCardComponent, decorators: [{
   type: Component4,
   args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy3.Default, encapsulation: ViewEncapsulation7.None, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n' }]
 }], ctorParameters: () => [{ type: i13.UserService }], propDecorators: { cssClasses: [{
@@ -428,10 +428,10 @@ import * as i05 from "@angular/core";
 var COMPONENTS = [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent];
 var EuiUserProfileModule = class _EuiUserProfileModule {
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i05, type: _EuiUserProfileModule, deps: [], target: i05.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: _EuiUserProfileModule, deps: [], target: i05.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i05.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i05, type: _EuiUserProfileModule, declarations: [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent], imports: [
+    this.ɵmod = i05.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i05, type: _EuiUserProfileModule, declarations: [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent], imports: [
       CommonModule,
       EuiDropdownModule,
       EuiCoerceBooleanPipeModule,
@@ -442,7 +442,7 @@ var EuiUserProfileModule = class _EuiUserProfileModule {
     ], exports: [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent] });
   }
   static {
-    this.ɵinj = i05.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i05, type: _EuiUserProfileModule, imports: [
+    this.ɵinj = i05.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: _EuiUserProfileModule, imports: [
       CommonModule,
       EuiDropdownModule,
       EuiCoerceBooleanPipeModule,
@@ -453,7 +453,7 @@ var EuiUserProfileModule = class _EuiUserProfileModule {
     ] });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i05, type: EuiUserProfileModule, decorators: [{
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: EuiUserProfileModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [

package/fesm2022/eui-components-eui-wizard.mjs

@@ -69,13 +69,13 @@ var EuiWizardStepComponent = class _EuiWizardStepComponent {
     };
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", 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:2px 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:2px 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 });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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:2px 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:2px 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 });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-wizard-step", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, 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:2px 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:2px 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'] }]
 }], propDecorators: { id: [{
@@ -239,13 +239,13 @@ var EuiWizardComponent = class _EuiWizardComponent {
     return null;
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiWizardComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiWizardComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", 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: i02, 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-check"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></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:2px 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:2px 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: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.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", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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: i02, 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-check"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></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:2px 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:2px 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: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.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", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i02.ViewEncapsulation.None });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiWizardComponent, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiWizardComponent, decorators: [{
   type: Component2,
   args: [{ selector: "eui-wizard", encapsulation: ViewEncapsulation3.None, 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-check"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></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:2px 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:2px 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'] }]
 }], propDecorators: { activeStepIndex: [{
@@ -344,13 +344,13 @@ var EuiWizardService = class _EuiWizardService {
     this.router.navigate([url], { relativeTo: this.route });
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiWizardService, deps: [{ token: i13.Router }], target: i03.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiWizardService, deps: [{ token: i13.Router }], target: i03.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i03.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiWizardService });
+    this.ɵprov = i03.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiWizardService });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiWizardService, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiWizardService, decorators: [{
   type: Injectable
 }], ctorParameters: () => [{ type: i13.Router }] });
 
@@ -362,16 +362,16 @@ import { EuiIconModule } from "@eui/components/eui-icon";
 import * as i04 from "@angular/core";
 var EuiWizardModule = class _EuiWizardModule {
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiWizardModule, deps: [], target: i04.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiWizardModule, deps: [], target: i04.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i04.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiWizardModule, declarations: [EuiWizardStepComponent, EuiWizardComponent], imports: [CommonModule, RouterModule, EuiIconModule], exports: [EuiWizardStepComponent, EuiWizardComponent] });
+    this.ɵmod = i04.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiWizardModule, declarations: [EuiWizardStepComponent, EuiWizardComponent], imports: [CommonModule, RouterModule, EuiIconModule], exports: [EuiWizardStepComponent, EuiWizardComponent] });
   }
   static {
-    this.ɵinj = i04.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiWizardModule, providers: [EuiWizardService], imports: [CommonModule, RouterModule, EuiIconModule] });
+    this.ɵinj = i04.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiWizardModule, providers: [EuiWizardService], imports: [CommonModule, RouterModule, EuiIconModule] });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: EuiWizardModule, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: EuiWizardModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule, RouterModule, EuiIconModule],

package/fesm2022/eui-components-externals-charts.mjs

@@ -190,10 +190,10 @@ var ChartComponent = class _ChartComponent {
     this.render();
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", 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">
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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">
     <div #chart></div>
 </div>
 
@@ -209,7 +209,7 @@ var ChartComponent = class _ChartComponent {
 `, 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"] }] });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: ChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: ChartComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-apex-chart", template: `<div class="eui-apex-chart-wrapper">
     <div #chart></div>
@@ -287,16 +287,16 @@ window.ApexCharts = ApexCharts2;
 var COMPONENTS = [ChartComponent];
 var EuiChartsModule = class _EuiChartsModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiChartsModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiChartsModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiChartsModule, declarations: [ChartComponent], imports: [CommonModule], exports: [ChartComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiChartsModule, declarations: [ChartComponent], imports: [CommonModule], exports: [ChartComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiChartsModule, imports: [CommonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiChartsModule, imports: [CommonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiChartsModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiChartsModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule],