@eui/components 18.0.0-next.17 → 18.0.0-next.19

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

@@ -43,12 +43,12 @@ var EuiDropdownItemComponent = class _EuiDropdownItemComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiDropdownItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: "isActive" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i0, template: '<div class="eui-dropdown-item__container">\n    <div class="eui-dropdown-item__content">\n        <div class="eui-dropdown-item__content-text">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf="subDropdown" class="eui-dropdown-item__content-icon">\n            <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="grey-100"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n', styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: "isActive" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i0, template: '<div class="eui-dropdown-item__container">\n    <div class="eui-dropdown-item__content">\n        <div class="eui-dropdown-item__content-text">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf="subDropdown" class="eui-dropdown-item__content-icon">\n            <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="grey-100"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n', styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiDropdownItemComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-dropdown-item, [euiDropdownItem]", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-dropdown-item__container">\n    <div class="eui-dropdown-item__content">\n        <div class="eui-dropdown-item__content-text">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf="subDropdown" class="eui-dropdown-item__content-icon">\n            <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="grey-100"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n', styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'] }]
+  args: [{ selector: "eui-dropdown-item, [euiDropdownItem]", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-dropdown-item__container">\n    <div class="eui-dropdown-item__content">\n        <div class="eui-dropdown-item__content-text">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf="subDropdown" class="eui-dropdown-item__content-icon">\n            <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="grey-100"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n', styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'] }]
 }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { subDropdown: [{
   type: Input
 }], role: [{
@@ -145,14 +145,15 @@ var EuiDropdownComponent = class _EuiDropdownComponent extends BaseDirective {
     this.tabIndex = -1;
     this.width = "auto";
     this.position = "bottom";
-    this.trapFocusAutoCapture = true;
     this.isBlock = false;
     this.isDropDownRightAligned = false;
+    this.isClosedOnClickInside = true;
     this.hasClosedOnClickInside = true;
     this.isLabelUpdatedFromSelectedItem = false;
     this.isExpandOnHover = false;
     this.hasTabNavigation = false;
     this.isRightClickEnabled = false;
+    this.trapFocusAutoCapture = true;
     this.mousePositionX = 0;
     this.mousePositionY = 0;
     this.initialScrollX = 0;
@@ -177,6 +178,7 @@ var EuiDropdownComponent = class _EuiDropdownComponent extends BaseDirective {
     }
     if (this.hasTabNavigation) {
       this.trapFocusAutoCapture = true;
+      this.isClosedOnClickInside = false;
       this.hasClosedOnClickInside = false;
     }
     if (this.isRightClickEnabled) {
@@ -242,7 +244,7 @@ var EuiDropdownComponent = class _EuiDropdownComponent extends BaseDirective {
     }
   }
   onClick() {
-    if (this.hasClosedOnClickInside && !this.activeDescendantKeyManager?.activeItem.subDropdown && !this.activeDescendantKeyManager?.activeItem.elementRef?.nativeElement?.disabled) {
+    if (this.isClosedOnClickInside && this.hasClosedOnClickInside && !this.activeDescendantKeyManager?.activeItem.subDropdown && !this.activeDescendantKeyManager?.activeItem.elementRef?.nativeElement?.disabled) {
       this.closeDropdown(true);
     }
   }
@@ -488,7 +490,7 @@ var EuiDropdownComponent = class _EuiDropdownComponent extends BaseDirective {
     this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: _EuiDropdownComponent, deps: [{ token: i12.Overlay }, { token: i04.ViewContainerRef }, { token: i12.ScrollDispatcher }, { token: EuiDropdownService }, { token: i04.Renderer2 }], target: i04.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiDropdownComponent, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", isBlock: ["isBlock", "isBlock", booleanAttribute], isDropDownRightAligned: ["isDropDownRightAligned", "isDropDownRightAligned", booleanAttribute], hasClosedOnClickInside: ["hasClosedOnClickInside", "hasClosedOnClickInside", booleanAttribute], isLabelUpdatedFromSelectedItem: ["isLabelUpdatedFromSelectedItem", "isLabelUpdatedFromSelectedItem", booleanAttribute], isExpandOnHover: ["isExpandOnHover", "isExpandOnHover", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isRightClickEnabled: ["isRightClickEnabled", "isRightClickEnabled", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDropdownItems", predicate: EuiDropdownItemComponent, descendants: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }], usesInheritance: true, ngImport: i04, template: `<div #triggerRef class="eui-dropdown__trigger-container"
+    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiDropdownComponent, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", isBlock: ["isBlock", "isBlock", booleanAttribute], isDropDownRightAligned: ["isDropDownRightAligned", "isDropDownRightAligned", booleanAttribute], isClosedOnClickInside: ["isClosedOnClickInside", "isClosedOnClickInside", booleanAttribute], hasClosedOnClickInside: ["hasClosedOnClickInside", "hasClosedOnClickInside", booleanAttribute], isLabelUpdatedFromSelectedItem: ["isLabelUpdatedFromSelectedItem", "isLabelUpdatedFromSelectedItem", booleanAttribute], isExpandOnHover: ["isExpandOnHover", "isExpandOnHover", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isRightClickEnabled: ["isRightClickEnabled", "isRightClickEnabled", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDropdownItems", predicate: EuiDropdownItemComponent, descendants: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }], usesInheritance: true, ngImport: i04, template: `<div #triggerRef class="eui-dropdown__trigger-container"
     (click)="!isRightClickEnabled ? onTriggerClicked($event) : null"
     (contextmenu)="isRightClickEnabled ? onTriggerRightClicked($event) : null">
     <ng-content></ng-content>
@@ -510,7 +512,7 @@ var EuiDropdownComponent = class _EuiDropdownComponent extends BaseDirective {
         <ng-content select="eui-dropdown-content"></ng-content>
     </div>
 </ng-template>
-`, styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i04.ChangeDetectionStrategy.OnPush, encapsulation: i04.ViewEncapsulation.None });
+`, styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i04.ChangeDetectionStrategy.OnPush, encapsulation: i04.ViewEncapsulation.None });
   }
 };
 i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: EuiDropdownComponent, decorators: [{
@@ -537,7 +539,7 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
         <ng-content select="eui-dropdown-content"></ng-content>
     </div>
 </ng-template>
-`, styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'] }]
+`, styles: ['.eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}.eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:active:not([readonly]),.eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:2px;transition:none}\n'] }]
 }], ctorParameters: () => [{ type: i12.Overlay }, { type: i04.ViewContainerRef }, { type: i12.ScrollDispatcher }, { type: EuiDropdownService }, { type: i04.Renderer2 }], propDecorators: { e2eAttr: [{
   type: Input2
 }], tabIndex: [{
@@ -546,21 +548,15 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
   type: Input2
 }], position: [{
   type: Input2
-}], templatePortalContent: [{
-  type: ViewChild,
-  args: ["templatePortalContent"]
-}], triggerRef: [{
-  type: ViewChild,
-  args: ["triggerRef"]
-}], euiDropdownItems: [{
-  type: ContentChildren,
-  args: [EuiDropdownItemComponent, { descendants: true }]
 }], isBlock: [{
   type: Input2,
   args: [{ transform: booleanAttribute }]
 }], isDropDownRightAligned: [{
   type: Input2,
   args: [{ transform: booleanAttribute }]
+}], isClosedOnClickInside: [{
+  type: Input2,
+  args: [{ transform: booleanAttribute }]
 }], hasClosedOnClickInside: [{
   type: Input2,
   args: [{ transform: booleanAttribute }]
@@ -576,6 +572,15 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
 }], isRightClickEnabled: [{
   type: Input2,
   args: [{ transform: booleanAttribute }]
+}], templatePortalContent: [{
+  type: ViewChild,
+  args: ["templatePortalContent"]
+}], triggerRef: [{
+  type: ViewChild,
+  args: ["triggerRef"]
+}], euiDropdownItems: [{
+  type: ContentChildren,
+  args: [EuiDropdownItemComponent, { descendants: true }]
 }], cssClasses: [{
   type: HostBinding3,
   args: ["class"]

package/fesm2022/eui-components-eui-dropdown.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-dropdown/dropdown-item/eui-dropdown-item.component.ts", "../../eui-dropdown/dropdown-item/eui-dropdown-item.component.html", "../../eui-dropdown/directives/eui-dropdown-content.directive.ts", "../../eui-dropdown/animations/open-close.ts", "../../eui-dropdown/eui-dropdown.service.ts", "../../eui-dropdown/eui-dropdown.component.ts", "../../eui-dropdown/eui-dropdown.component.html", "../../eui-dropdown/eui-dropdown.module.ts"],
-  "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, ElementRef } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { FocusableOption, Highlightable } from '@angular/cdk/a11y';\n\nimport { EuiDropdownComponent } from '../eui-dropdown.component';\n\n@Component({\n    selector: 'eui-dropdown-item, [euiDropdownItem]',\n    templateUrl: './eui-dropdown-item.component.html',\n    styleUrls: ['../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDropdownItemComponent implements Highlightable, FocusableOption {\n    @Input() subDropdown: EuiDropdownComponent;\n\n    @HostBinding('attr.role') role = 'menuitem';\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-dropdown-item',\n            this.isActive ? 'eui-dropdown-item--active' : '',\n            this.subDropdown ? 'eui-dropdown-item--has-subdropdown' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input()\n    get isActive(): boolean {\n        return this._isActive;\n    }\n    set isActive(value: BooleanInput) {\n        this._isActive = coerceBooleanProperty(value);\n    }\n    private _isActive = false;\n\n    constructor(public elementRef: ElementRef) {}\n\n    public setActiveStyles(): void {\n        this.isActive = true;\n    }\n\n    public setInactiveStyles(): void {\n        this.isActive = false;\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    public click(): void {\n        this.elementRef.nativeElement.click();\n    }\n\n    public mouseenter(): void {\n        const mouseenterEvent = new Event('mouseenter');\n        this.elementRef.nativeElement.dispatchEvent(mouseenterEvent);\n    }\n}\n", "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon\">\n            <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"grey-100\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", "import { Directive, HostBinding } from '@angular/core';\n\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'eui-dropdown-content' })\nexport class EuiDropdownContentDirective {\n    @HostBinding('attr.role') role = 'menu';\n}\n", "import { animate, state, style, transition, trigger } from '@angular/animations';\n\nexport const openClose = trigger('openClose', [\n    state(\n        'open',\n        style({\n            opacity: 1,\n            transform: 'scale(1)',\n        }),\n    ),\n    state(\n        'closed',\n        style({\n            opacity: 0,\n            transform: 'scale(0.9)',\n        }),\n    ),\n    transition('closed => open', [animate('100ms 25ms linear')]),\n]);\n", "import { EventEmitter, Injectable } from '@angular/core';\n\n@Injectable()\nexport class EuiDropdownService {\n    isDropdownOpen = new EventEmitter<boolean>();\n}\n", "import {\n    Component,\n    ChangeDetectionStrategy,\n    HostBinding,\n    ViewEncapsulation,\n    Input,\n    OnInit,\n    OnDestroy,\n    AfterViewInit,\n    ViewContainerRef,\n    ViewChild,\n    TemplateRef,\n    ContentChildren,\n    QueryList,\n    ElementRef,\n    Renderer2,\n    booleanAttribute,\n} from '@angular/core';\nimport {\n    CdkScrollable,\n    ConnectionPositionPair,\n    FlexibleConnectedPositionStrategy,\n    FlexibleConnectedPositionStrategyOrigin,\n    GlobalPositionStrategy,\n    Overlay,\n    OverlayRef,\n    ScrollDispatcher,\n} from '@angular/cdk/overlay';\nimport { BehaviorSubject, fromEvent, Subject, Subscription, takeUntil } from 'rxjs';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { ActiveDescendantKeyManager, Highlightable } from '@angular/cdk/a11y';\n\nimport { BaseDirective } from '@eui/components/shared';\n\nimport { openClose } from './animations/open-close';\nimport { EuiDropdownItemComponent } from './dropdown-item/eui-dropdown-item.component';\nimport { EuiDropdownService } from './eui-dropdown.service';\n@Component({\n    selector: 'eui-dropdown',\n    templateUrl: './eui-dropdown.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    animations: [openClose],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDropdownComponent extends BaseDirective implements OnInit, OnDestroy, AfterViewInit {\n    @Input() e2eAttr = 'eui-dropdown';\n    @Input() tabIndex = -1;\n    @Input() width = 'auto';\n    @Input() position: 'top' | 'right' | 'bottom' | 'left' = 'bottom';\n\n    @ViewChild('templatePortalContent') templatePortalContent: TemplateRef<unknown>;\n    @ViewChild('triggerRef') triggerRef: ElementRef<HTMLElement>;\n    @ContentChildren(EuiDropdownItemComponent, { descendants: true }) euiDropdownItems: QueryList<Highlightable & EuiDropdownItemComponent>;\n\n    public trapFocusAutoCapture = true;\n    public parentDropdown: EuiDropdownComponent;\n\n    @Input({ transform: booleanAttribute }) isBlock = false;\n    @Input({ transform: booleanAttribute }) isDropDownRightAligned  = false;\n    @Input({ transform: booleanAttribute }) hasClosedOnClickInside = true;\n    @Input({ transform: booleanAttribute }) isLabelUpdatedFromSelectedItem  = false;\n    @Input({ transform: booleanAttribute }) isExpandOnHover  = false;\n    @Input({ transform: booleanAttribute }) hasTabNavigation  = false;\n    @Input({ transform: booleanAttribute }) isRightClickEnabled  = false;\n\n    private mousePositionX = 0;\n    private mousePositionY = 0;\n    private initialScrollX = 0;\n    private initialScrollY = 0;\n    private originX: 'start' | 'end' | 'center' = 'start';\n    private originY: 'top' | 'bottom' | 'center' = 'bottom';\n    private overlayX: 'start' | 'end' | 'center' = 'start';\n    private overlayY: 'top' | 'bottom' | 'center' = 'top';\n    private templatePortal: TemplatePortal;\n    private overlayRef: OverlayRef;\n    private destroy$ = new Subject<boolean>();\n    private isOpen$ = new BehaviorSubject<boolean>(false);\n    private scrollDispatcherSubscription = new Subscription();\n    private keydownListenerSubscription = new Subscription();\n    private euiDropdownItemsEventSubscriptions: Subscription[] = [];\n    private activeDescendantKeyManagerChangeSubscription = new Subscription();\n    private activeDescendantKeyManager: ActiveDescendantKeyManager<EuiDropdownItemComponent>;\n    private origin: HTMLElement;\n    private positionStrategy: FlexibleConnectedPositionStrategy;\n    private scrollSubscription = new Subscription();\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.isBlock ? 'eui-dropdown--block' : '',\n            this.isRightClickEnabled ? 'eui-dropdown--contextual-menu' : '',\n            super.getCssClasses('eui-dropdown'),\n        ].join(' ').trim();\n    }\n\n    constructor(\n        private overlay: Overlay,\n        private viewContainerRef: ViewContainerRef,\n        private scrollDispatcher: ScrollDispatcher,\n        private dropdownService: EuiDropdownService,\n        protected _renderer: Renderer2,\n    ) {\n        super();\n    }\n\n    ngOnInit(): void {\n        // Currently the `cdkTrapFocusAutoCapture` is only checked once on init.\n        if (this.hasDropdownItems) {\n            this.trapFocusAutoCapture = false;\n        } else {\n            this.trapFocusAutoCapture = true;\n        }\n\n        if (this.hasTabNavigation) {\n            this.trapFocusAutoCapture = true;\n            this.hasClosedOnClickInside = false;\n        }\n\n        if (this.isRightClickEnabled) {\n            this.hasTabNavigation = false;  // UX wise, contextual menu contains only menu items accessible through arrow keys nav\n        }\n\n        this.setPosition();\n    }\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templatePortalContent, this.viewContainerRef);\n\n        if(this.triggerRef && this.triggerRef.nativeElement.firstChild){\n            this._renderer.setAttribute(this.triggerRef.nativeElement.firstChild, 'aria-haspopup', 'true');\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        this.euiDropdownItemsEventSubscriptions.forEach((euiDropdownItemsEventSubscription) => {\n            euiDropdownItemsEventSubscription.unsubscribe();\n        });\n        this.keydownListenerSubscription.unsubscribe();\n        this.scrollDispatcherSubscription.unsubscribe();\n        this.activeDescendantKeyManagerChangeSubscription.unsubscribe();\n        this.overlayRef?.dispose();\n        this.overlayRef = null;\n        this.activeDescendantKeyManager = null;\n        this.scrollSubscription.unsubscribe();\n    }\n\n    /**\n     * Whether the eui-dropdown is open.\n     *\n     * @usageNotes\n     * ```html\n     * <eui-dropdown #dropdown>\n     *      <my-component *ngIf=\"dropdown.isOpen\"></my-component>\n     * </eui-dropdown>\n     * ```\n     * @returns A boolean with value `true` when open, otherwise `false`.\n     */\n    get isOpen(): boolean {\n        return this.isOpen$.value;\n    }\n\n    public onTriggerClicked(e: Event): void {\n        if (\n            !(e.target as HTMLElement).querySelector('.disabled') &&\n            !(e.target as HTMLElement).querySelector(':disabled') &&\n            !this.isOpen\n        ) {\n            if (this.isBlock) {\n                this.width = this.triggerRef.nativeElement.offsetWidth + 'px';\n            }\n\n            this.openDropdown(e.target as HTMLElement);\n            e.stopPropagation();\n        }\n    }\n\n    public onTriggerRightClicked(e: Event): void {\n        if (\n            !(e.target as HTMLElement).querySelector('.disabled') &&\n            !(e.target as HTMLElement).querySelector(':disabled') &&\n            !this.isOpen\n        ) {\n            if (this.isBlock) {\n                this.width = this.triggerRef.nativeElement.offsetWidth + 'px';\n            }\n\n            this.mousePositionX = (e as PointerEvent).clientX;\n            this.mousePositionY = (e as PointerEvent).clientY;\n            this.initialScrollX = window.pageXOffset;\n            this.initialScrollY = window.pageYOffset;\n\n            this.openDropdown(e.target as HTMLElement);\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    }\n\n    public onClick(): void {\n        if (\n            this.hasClosedOnClickInside &&\n            !this.activeDescendantKeyManager?.activeItem.subDropdown &&\n            !this.activeDescendantKeyManager?.activeItem.elementRef?.nativeElement?.disabled\n        ) {\n            this.closeDropdown(true);\n        }\n    }\n\n    /**\n     * Open a dropdown\n     *\n     * @param origin Origin of the dropdown position\n     */\n    public openDropdown(origin: HTMLElement, position?: { x: number, y: number }): void {\n        this.origin = origin;\n\n        if (position) {\n            this.mousePositionX = position.x;\n            this.mousePositionY = position.y;\n            this.initialScrollX = window.pageXOffset;\n            this.initialScrollY = window.pageYOffset;\n        }\n\n        if (this.isRightClickEnabled) {\n            this.scrollSubscription = fromEvent(window, 'scroll').subscribe((event: Event) => {\n                this.overlayRef?.updatePositionStrategy(this.getContextualMenuPositionStrategy());\n            });\n        }\n\n        if (!this.isTriggerFocusableOnClose(origin)) {\n            this.origin = origin.closest('button:not([disabled])') || (this.triggerRef.nativeElement.firstChild as HTMLElement);\n\n            if (!this.origin) {\n                this.origin = origin.closest('a');\n            }\n\n            if (!this.origin) {\n                this.origin = origin;\n            }\n        }\n\n        if (!this.isOpen) {\n            this.scrollDispatcherSubscription = this.scrollDispatcher\n                .ancestorScrolled(this.origin)\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((event: CdkScrollable) => {\n                    if (!this.isVisible(this.origin, event ? event.getElementRef().nativeElement : document.querySelector('body'))) {\n                        this.closeDropdown();\n                    }\n                });\n\n            const positionStrategy = this.isRightClickEnabled ? this.getContextualMenuPositionStrategy() : this.getPositionStrategy();\n            const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n            this.overlayRef = this.overlay.create({\n                hasBackdrop: false,\n                backdropClass: 'eui-dropdown__backdrop',\n                panelClass: 'eui-dropdown__panel',\n                positionStrategy,\n                scrollStrategy,\n                disposeOnNavigation: true,\n            });\n            this.overlayRef.attach(this.templatePortal);\n\n            if (this.isRightClickEnabled) {\n                this.overlayRef?.updatePositionStrategy(this.getContextualMenuPositionStrategy());\n            }\n\n            this.overlayRef\n                .outsidePointerEvents()\n                .pipe(takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.closeDropdown();\n                });\n            this.overlayRef\n                .backdropClick()\n                .pipe(takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.closeDropdown();\n                });\n            this.overlayRef\n                .keydownEvents()\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((keyboardEvent) => {\n                    if (keyboardEvent.key?.toLowerCase() === 'escape') {\n                        this.closeDropdown();\n                    }\n                });\n\n            if (this.hasDropdownItems) {\n                this.euiDropdownItems.toArray().forEach((euiDropdownItem, i) => {\n                    if (this.isExpandOnHover) {\n                        this.euiDropdownItemsEventSubscriptions[i] = fromEvent(\n                            euiDropdownItem.elementRef.nativeElement,\n                            'mouseenter',\n                        ).subscribe((e: MouseEvent) => {\n                            this.activeDescendantKeyManager.setActiveItem(euiDropdownItem);\n                            if (this.activeDescendantKeyManager.activeItem.subDropdown) {\n                                this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                                this.activeDescendantKeyManager.activeItem.subDropdown.overlayRef.detachBackdrop();\n                                this.keydownListenerSubscription.unsubscribe();\n                            }\n\n                            const triggerOutsidePointerEvents = (subDropdown: EuiDropdownComponent): void => {\n                                subDropdown?.overlayRef?._outsidePointerEvents.next(e);\n\n                                if (subDropdown?.hasDropdownItems) {\n                                    subDropdown.euiDropdownItems.toArray().forEach((s) => {\n                                        triggerOutsidePointerEvents(s.subDropdown);\n                                    });\n                                }\n                            };\n\n                            this.euiDropdownItems\n                                .filter((item) => !item.isActive)\n                                .forEach((euiDropdownItemHavingSubDropdown) => {\n                                    triggerOutsidePointerEvents(euiDropdownItemHavingSubDropdown.subDropdown);\n                                });\n                        });\n                    } else {\n                        this.euiDropdownItemsEventSubscriptions[i] = fromEvent(euiDropdownItem.elementRef.nativeElement, 'click').subscribe(\n                            () => {\n                                this.activeDescendantKeyManager.setActiveItem(euiDropdownItem);\n                                if (this.activeDescendantKeyManager.activeItem.subDropdown) {\n                                    this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                                    this.activeDescendantKeyManager.activeItem.subDropdown.overlayRef.detachBackdrop();\n                                    this.keydownListenerSubscription.unsubscribe();\n                                }\n\n                                const labelElement = this.triggerRef.nativeElement.querySelector('button .eui-label');\n                                if (this.isLabelUpdatedFromSelectedItem && labelElement) {\n                                    (labelElement as HTMLElement).innerText = euiDropdownItem.elementRef.nativeElement.innerText;\n                                }\n                            },\n                        );\n                    }\n                });\n\n                this.activeDescendantKeyManager = new ActiveDescendantKeyManager(this.euiDropdownItems)\n                    .withHomeAndEnd(true)\n                    .withVerticalOrientation(true)\n                    .withWrap();\n                this.activeDescendantKeyManager.setFirstItemActive();\n            }\n\n            this.createKeyboardHandlerSubscription();\n            this.isOpen$.next(true);\n            this.dropdownService.isDropdownOpen.emit(true);\n        }\n    }\n\n    /**\n     * Close a dropdown\n     */\n    public closeDropdown(recursively = false): void {\n        this.isOpen$.next(false);\n        this.euiDropdownItemsEventSubscriptions.forEach((euiDropdownItemsEventSubscription) => {\n            euiDropdownItemsEventSubscription.unsubscribe();\n        });\n        this.keydownListenerSubscription.unsubscribe();\n        if (this.hasDropdownItems) {\n            this.activeDescendantKeyManager?.setFirstItemActive();\n        }\n        this.scrollDispatcherSubscription.unsubscribe();\n        this.activeDescendantKeyManagerChangeSubscription.unsubscribe();\n        this.scrollSubscription.unsubscribe();\n        this.overlayRef?.dispose();\n        this.overlayRef = null;\n        this.activeDescendantKeyManager = null;\n        if (this.trapFocusAutoCapture) {\n            this.origin.focus();\n        }\n        if (recursively && this.parentDropdown) {\n            this.parentDropdown.closeDropdown(true);\n        }\n\n        this.dropdownService.isDropdownOpen.emit(false);\n    }\n\n    public projectContentChanged(): void {\n        if (!this.isRightClickEnabled) {\n            this.positionStrategy = this.getPositionStrategy();\n            this.overlayRef.updatePositionStrategy(this.positionStrategy);\n        }\n    }\n\n    public createKeyboardHandlerSubscription(): void {\n        this.keydownListenerSubscription = fromEvent(document, 'keydown').subscribe((event: KeyboardEvent) => {\n            if (this.isOpen) {\n                if (\n                    event.code === 'Enter' &&\n                    !this.hasTabNavigation &&\n                    !this.activeDescendantKeyManager?.activeItem.elementRef?.nativeElement?.disabled\n                ) {\n                    this.activeDescendantKeyManager?.activeItem.focus();\n                    this.isExpandOnHover\n                        ? this.activeDescendantKeyManager?.activeItem.mouseenter()\n                        : this.activeDescendantKeyManager?.activeItem.click();\n\n                    if (this.activeDescendantKeyManager?.activeItem.subDropdown) {\n                        this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                        this.keydownListenerSubscription.unsubscribe();\n                    } else {\n                        this.closeDropdown();\n                    }\n                    event.preventDefault();\n                } else if (event.code === 'ArrowLeft') {\n                    if (this.parentDropdown) {\n                        this.parentDropdown.createKeyboardHandlerSubscription();\n                        this.closeDropdown();\n                    }\n                    event.preventDefault();\n                } else if (event.code === 'ArrowRight') {\n                    if (this.activeDescendantKeyManager?.activeItem.subDropdown) {\n                        this.activeDescendantKeyManager.activeItem.focus();\n                        this.isExpandOnHover\n                            ? this.activeDescendantKeyManager.activeItem.mouseenter()\n                            : this.activeDescendantKeyManager.activeItem.click();\n                        this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                        this.keydownListenerSubscription.unsubscribe();\n                    }\n                    event.preventDefault();\n                } else if (event.code === 'Tab' && !this.hasTabNavigation) {\n                    this.closeDropdown(true);\n                } else {\n                    this.activeDescendantKeyManager?.onKeydown(event);\n                }\n            }\n        });\n    }\n\n    public setParentDropdown(parentDropdown: EuiDropdownComponent): void {\n        this.parentDropdown = parentDropdown;\n        this.position = 'right';\n        this.setPosition();\n\n        const positionStrategy = this.getPositionStrategy();\n        this.overlayRef.updatePositionStrategy(positionStrategy);\n    }\n\n    private get hasDropdownItems(): boolean {\n        return this.euiDropdownItems?.length > 0;\n    }\n\n    private getPositionStrategy(): FlexibleConnectedPositionStrategy {\n        return this.overlay\n            .position()\n            .flexibleConnectedTo(this.origin as FlexibleConnectedPositionStrategyOrigin)\n            .withPositions([\n                new ConnectionPositionPair(\n                    { originX: this.originX, originY: this.originY },\n                    { overlayX: this.overlayX, overlayY: this.overlayY },\n                ),\n            ])\n            .withFlexibleDimensions(false)\n            .withLockedPosition(true);\n    }\n\n    private getContextualMenuPositionStrategy(): GlobalPositionStrategy {\n        const panelHeight = this.overlayRef?.overlayElement.clientHeight || 0;\n        const scrollX = window.scrollX || window.pageXOffset;\n        const scrollY = window.scrollY || window.pageYOffset;\n        const newX = this.mousePositionX + (this.initialScrollX - scrollX);\n        const newY = this.mousePositionY + (this.initialScrollY - scrollY);\n        const menuBottomPosition = newY + panelHeight;\n        const isMenuBelowWindowBottom = menuBottomPosition > window.innerHeight;\n\n        const positionStrategy = this.overlay\n            .position()\n            .global()\n            .left(newX + 'px');\n\n        if (isMenuBelowWindowBottom) {\n            positionStrategy.bottom(window.innerHeight - newY + 'px');\n        } else {\n            positionStrategy.top(newY + 'px');\n        }\n\n        return positionStrategy;\n    }\n\n    private isVisible(origin: HTMLElement, scrollableParent: HTMLElement): boolean {\n        const originY = origin.getBoundingClientRect().y;\n        const scrollableParentY = Math.abs(scrollableParent.getBoundingClientRect().y);\n        const scrollableParentHeight = scrollableParent.getBoundingClientRect().height - 50;\n\n        return (\n            (originY > 0 && originY < scrollableParentHeight) ||\n            (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight)\n        );\n    }\n\n    private isTriggerFocusableOnClose(origin: HTMLElement): boolean {\n        return origin.matches('button:not([disabled])') || origin.matches('a');\n    }\n\n    private setPosition(): void {\n        if (this.position === 'top') {\n            this.originY = 'top';\n            this.overlayY = 'bottom';\n\n            if (this.isDropDownRightAligned) {\n                this.originX = 'end';\n                this.overlayX = 'end';\n            }\n        }\n        if (this.position === 'right') {\n            this.originX = 'end';\n            this.overlayX = 'start';\n            this.overlayY = 'center';\n        }\n        if (this.position === 'bottom') {\n            this.originY = 'bottom';\n            this.overlayY = 'top';\n\n            if (this.isDropDownRightAligned) {\n                this.originX = 'end';\n                this.overlayX = 'end';\n            }\n        }\n        if (this.position === 'left') {\n            this.originX = 'start';\n            this.overlayX = 'end';\n            this.overlayY = 'center';\n        }\n    }\n}\n", "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { ObserversModule } from '@angular/cdk/observers';\n\nimport { EuiDropdownComponent } from './eui-dropdown.component';\nimport { EuiDropdownItemComponent } from './dropdown-item/eui-dropdown-item.component';\nimport { EuiDropdownContentDirective } from './directives/eui-dropdown-content.directive';\nimport { EuiDropdownService } from './eui-dropdown.service';\n\n@NgModule({\n    imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule, ObserversModule],\n    declarations: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective],\n    exports: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective],\n    providers: [EuiDropdownService],\n})\nexport class EuiDropdownModule {}\n\n@NgModule({})\nexport class EuiDropdownContentModule {}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, ElementRef } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { FocusableOption, Highlightable } from '@angular/cdk/a11y';\n\nimport { EuiDropdownComponent } from '../eui-dropdown.component';\n\n@Component({\n    selector: 'eui-dropdown-item, [euiDropdownItem]',\n    templateUrl: './eui-dropdown-item.component.html',\n    styleUrls: ['../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDropdownItemComponent implements Highlightable, FocusableOption {\n    @Input() subDropdown: EuiDropdownComponent;\n\n    @HostBinding('attr.role') role = 'menuitem';\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-dropdown-item',\n            this.isActive ? 'eui-dropdown-item--active' : '',\n            this.subDropdown ? 'eui-dropdown-item--has-subdropdown' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input()\n    get isActive(): boolean {\n        return this._isActive;\n    }\n    set isActive(value: BooleanInput) {\n        this._isActive = coerceBooleanProperty(value);\n    }\n    private _isActive = false;\n\n    constructor(public elementRef: ElementRef) {}\n\n    public setActiveStyles(): void {\n        this.isActive = true;\n    }\n\n    public setInactiveStyles(): void {\n        this.isActive = false;\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    public click(): void {\n        this.elementRef.nativeElement.click();\n    }\n\n    public mouseenter(): void {\n        const mouseenterEvent = new Event('mouseenter');\n        this.elementRef.nativeElement.dispatchEvent(mouseenterEvent);\n    }\n}\n", "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon\">\n            <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"grey-100\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", "import { Directive, HostBinding } from '@angular/core';\n\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'eui-dropdown-content' })\nexport class EuiDropdownContentDirective {\n    @HostBinding('attr.role') role = 'menu';\n}\n", "import { animate, state, style, transition, trigger } from '@angular/animations';\n\nexport const openClose = trigger('openClose', [\n    state(\n        'open',\n        style({\n            opacity: 1,\n            transform: 'scale(1)',\n        }),\n    ),\n    state(\n        'closed',\n        style({\n            opacity: 0,\n            transform: 'scale(0.9)',\n        }),\n    ),\n    transition('closed => open', [animate('100ms 25ms linear')]),\n]);\n", "import { EventEmitter, Injectable } from '@angular/core';\n\n@Injectable()\nexport class EuiDropdownService {\n    isDropdownOpen = new EventEmitter<boolean>();\n}\n", "import {\n    Component,\n    ChangeDetectionStrategy,\n    HostBinding,\n    ViewEncapsulation,\n    Input,\n    OnInit,\n    OnDestroy,\n    AfterViewInit,\n    ViewContainerRef,\n    ViewChild,\n    TemplateRef,\n    ContentChildren,\n    QueryList,\n    ElementRef,\n    Renderer2,\n    booleanAttribute,\n} from '@angular/core';\nimport {\n    CdkScrollable,\n    ConnectionPositionPair,\n    FlexibleConnectedPositionStrategy,\n    FlexibleConnectedPositionStrategyOrigin,\n    GlobalPositionStrategy,\n    Overlay,\n    OverlayRef,\n    ScrollDispatcher,\n} from '@angular/cdk/overlay';\nimport { BehaviorSubject, fromEvent, Subject, Subscription, takeUntil } from 'rxjs';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { ActiveDescendantKeyManager, Highlightable } from '@angular/cdk/a11y';\n\nimport { BaseDirective } from '@eui/components/shared';\n\nimport { openClose } from './animations/open-close';\nimport { EuiDropdownItemComponent } from './dropdown-item/eui-dropdown-item.component';\nimport { EuiDropdownService } from './eui-dropdown.service';\n@Component({\n    selector: 'eui-dropdown',\n    templateUrl: './eui-dropdown.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    animations: [openClose],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDropdownComponent extends BaseDirective implements OnInit, OnDestroy, AfterViewInit {\n    @Input() e2eAttr = 'eui-dropdown';\n    @Input() tabIndex = -1;\n    @Input() width = 'auto';\n    @Input() position: 'top' | 'right' | 'bottom' | 'left' = 'bottom';\n    @Input({ transform: booleanAttribute }) isBlock = false;\n    @Input({ transform: booleanAttribute }) isDropDownRightAligned = false;\n    /** @deprecated This will be removed in next version of eui in favor of hasClosedOnClickInside */\n    @Input({ transform: booleanAttribute }) isClosedOnClickInside = true;\n    @Input({ transform: booleanAttribute }) hasClosedOnClickInside = true;\n    @Input({ transform: booleanAttribute }) isLabelUpdatedFromSelectedItem = false;\n    @Input({ transform: booleanAttribute }) isExpandOnHover = false;\n    @Input({ transform: booleanAttribute }) hasTabNavigation = false;\n    @Input({ transform: booleanAttribute }) isRightClickEnabled = false;\n\n    @ViewChild('templatePortalContent') templatePortalContent: TemplateRef<unknown>;\n    @ViewChild('triggerRef') triggerRef: ElementRef<HTMLElement>;\n    @ContentChildren(EuiDropdownItemComponent, { descendants: true }) euiDropdownItems: QueryList<Highlightable & EuiDropdownItemComponent>;\n\n    public trapFocusAutoCapture = true;\n    public parentDropdown: EuiDropdownComponent;\n\n    private mousePositionX = 0;\n    private mousePositionY = 0;\n    private initialScrollX = 0;\n    private initialScrollY = 0;\n    private originX: 'start' | 'end' | 'center' = 'start';\n    private originY: 'top' | 'bottom' | 'center' = 'bottom';\n    private overlayX: 'start' | 'end' | 'center' = 'start';\n    private overlayY: 'top' | 'bottom' | 'center' = 'top';\n    private templatePortal: TemplatePortal;\n    private overlayRef: OverlayRef;\n    private destroy$ = new Subject<boolean>();\n    private isOpen$ = new BehaviorSubject<boolean>(false);\n    private scrollDispatcherSubscription = new Subscription();\n    private keydownListenerSubscription = new Subscription();\n    private euiDropdownItemsEventSubscriptions: Subscription[] = [];\n    private activeDescendantKeyManagerChangeSubscription = new Subscription();\n    private activeDescendantKeyManager: ActiveDescendantKeyManager<EuiDropdownItemComponent>;\n    private origin: HTMLElement;\n    private positionStrategy: FlexibleConnectedPositionStrategy;\n    private scrollSubscription = new Subscription();\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.isBlock ? 'eui-dropdown--block' : '',\n            this.isRightClickEnabled ? 'eui-dropdown--contextual-menu' : '',\n            super.getCssClasses('eui-dropdown'),\n        ].join(' ').trim();\n    }\n\n    constructor(\n        private overlay: Overlay,\n        private viewContainerRef: ViewContainerRef,\n        private scrollDispatcher: ScrollDispatcher,\n        private dropdownService: EuiDropdownService,\n        protected _renderer: Renderer2,\n    ) {\n        super();\n    }\n\n    ngOnInit(): void {\n        // Currently the `cdkTrapFocusAutoCapture` is only checked once on init.\n        if (this.hasDropdownItems) {\n            this.trapFocusAutoCapture = false;\n        } else {\n            this.trapFocusAutoCapture = true;\n        }\n\n        if (this.hasTabNavigation) {\n            this.trapFocusAutoCapture = true;\n            this.isClosedOnClickInside = false;\n            this.hasClosedOnClickInside = false;\n        }\n\n        if (this.isRightClickEnabled) {\n            this.hasTabNavigation = false;  // UX wise, contextual menu contains only menu items accessible through arrow keys nav\n        }\n\n        this.setPosition();\n    }\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templatePortalContent, this.viewContainerRef);\n\n        if(this.triggerRef && this.triggerRef.nativeElement.firstChild){\n            this._renderer.setAttribute(this.triggerRef.nativeElement.firstChild, 'aria-haspopup', 'true');\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        this.euiDropdownItemsEventSubscriptions.forEach((euiDropdownItemsEventSubscription) => {\n            euiDropdownItemsEventSubscription.unsubscribe();\n        });\n        this.keydownListenerSubscription.unsubscribe();\n        this.scrollDispatcherSubscription.unsubscribe();\n        this.activeDescendantKeyManagerChangeSubscription.unsubscribe();\n        this.overlayRef?.dispose();\n        this.overlayRef = null;\n        this.activeDescendantKeyManager = null;\n        this.scrollSubscription.unsubscribe();\n    }\n\n    /**\n     * Whether the eui-dropdown is open.\n     *\n     * @usageNotes\n     * ```html\n     * <eui-dropdown #dropdown>\n     *      <my-component *ngIf=\"dropdown.isOpen\"></my-component>\n     * </eui-dropdown>\n     * ```\n     * @returns A boolean with value `true` when open, otherwise `false`.\n     */\n    get isOpen(): boolean {\n        return this.isOpen$.value;\n    }\n\n    public onTriggerClicked(e: Event): void {\n        if (\n            !(e.target as HTMLElement).querySelector('.disabled') &&\n            !(e.target as HTMLElement).querySelector(':disabled') &&\n            !this.isOpen\n        ) {\n            if (this.isBlock) {\n                this.width = this.triggerRef.nativeElement.offsetWidth + 'px';\n            }\n\n            this.openDropdown(e.target as HTMLElement);\n            e.stopPropagation();\n        }\n    }\n\n    public onTriggerRightClicked(e: Event): void {\n        if (\n            !(e.target as HTMLElement).querySelector('.disabled') &&\n            !(e.target as HTMLElement).querySelector(':disabled') &&\n            !this.isOpen\n        ) {\n            if (this.isBlock) {\n                this.width = this.triggerRef.nativeElement.offsetWidth + 'px';\n            }\n\n            this.mousePositionX = (e as PointerEvent).clientX;\n            this.mousePositionY = (e as PointerEvent).clientY;\n            this.initialScrollX = window.pageXOffset;\n            this.initialScrollY = window.pageYOffset;\n\n            this.openDropdown(e.target as HTMLElement);\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    }\n\n    public onClick(): void {\n        if (\n            this.isClosedOnClickInside && this.hasClosedOnClickInside &&\n            !this.activeDescendantKeyManager?.activeItem.subDropdown &&\n            !this.activeDescendantKeyManager?.activeItem.elementRef?.nativeElement?.disabled\n        ) {\n            this.closeDropdown(true);\n        }\n    }\n\n    /**\n     * Open a dropdown\n     *\n     * @param origin Origin of the dropdown position\n     */\n    public openDropdown(origin: HTMLElement, position?: { x: number, y: number }): void {\n        this.origin = origin;\n\n        if (position) {\n            this.mousePositionX = position.x;\n            this.mousePositionY = position.y;\n            this.initialScrollX = window.pageXOffset;\n            this.initialScrollY = window.pageYOffset;\n        }\n\n        if (this.isRightClickEnabled) {\n            this.scrollSubscription = fromEvent(window, 'scroll').subscribe((event: Event) => {\n                this.overlayRef?.updatePositionStrategy(this.getContextualMenuPositionStrategy());\n            });\n        }\n\n        if (!this.isTriggerFocusableOnClose(origin)) {\n            this.origin = origin.closest('button:not([disabled])') || (this.triggerRef.nativeElement.firstChild as HTMLElement);\n\n            if (!this.origin) {\n                this.origin = origin.closest('a');\n            }\n\n            if (!this.origin) {\n                this.origin = origin;\n            }\n        }\n\n        if (!this.isOpen) {\n            this.scrollDispatcherSubscription = this.scrollDispatcher\n                .ancestorScrolled(this.origin)\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((event: CdkScrollable) => {\n                    if (!this.isVisible(this.origin, event ? event.getElementRef().nativeElement : document.querySelector('body'))) {\n                        this.closeDropdown();\n                    }\n                });\n\n            const positionStrategy = this.isRightClickEnabled ? this.getContextualMenuPositionStrategy() : this.getPositionStrategy();\n            const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n            this.overlayRef = this.overlay.create({\n                hasBackdrop: false,\n                backdropClass: 'eui-dropdown__backdrop',\n                panelClass: 'eui-dropdown__panel',\n                positionStrategy,\n                scrollStrategy,\n                disposeOnNavigation: true,\n            });\n            this.overlayRef.attach(this.templatePortal);\n\n            if (this.isRightClickEnabled) {\n                this.overlayRef?.updatePositionStrategy(this.getContextualMenuPositionStrategy());\n            }\n\n            this.overlayRef\n                .outsidePointerEvents()\n                .pipe(takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.closeDropdown();\n                });\n            this.overlayRef\n                .backdropClick()\n                .pipe(takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.closeDropdown();\n                });\n            this.overlayRef\n                .keydownEvents()\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((keyboardEvent) => {\n                    if (keyboardEvent.key?.toLowerCase() === 'escape') {\n                        this.closeDropdown();\n                    }\n                });\n\n            if (this.hasDropdownItems) {\n                this.euiDropdownItems.toArray().forEach((euiDropdownItem, i) => {\n                    if (this.isExpandOnHover) {\n                        this.euiDropdownItemsEventSubscriptions[i] = fromEvent(\n                            euiDropdownItem.elementRef.nativeElement,\n                            'mouseenter',\n                        ).subscribe((e: MouseEvent) => {\n                            this.activeDescendantKeyManager.setActiveItem(euiDropdownItem);\n                            if (this.activeDescendantKeyManager.activeItem.subDropdown) {\n                                this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                                this.activeDescendantKeyManager.activeItem.subDropdown.overlayRef.detachBackdrop();\n                                this.keydownListenerSubscription.unsubscribe();\n                            }\n\n                            const triggerOutsidePointerEvents = (subDropdown: EuiDropdownComponent): void => {\n                                subDropdown?.overlayRef?._outsidePointerEvents.next(e);\n\n                                if (subDropdown?.hasDropdownItems) {\n                                    subDropdown.euiDropdownItems.toArray().forEach((s) => {\n                                        triggerOutsidePointerEvents(s.subDropdown);\n                                    });\n                                }\n                            };\n\n                            this.euiDropdownItems\n                                .filter((item) => !item.isActive)\n                                .forEach((euiDropdownItemHavingSubDropdown) => {\n                                    triggerOutsidePointerEvents(euiDropdownItemHavingSubDropdown.subDropdown);\n                                });\n                        });\n                    } else {\n                        this.euiDropdownItemsEventSubscriptions[i] = fromEvent(euiDropdownItem.elementRef.nativeElement, 'click').subscribe(\n                            () => {\n                                this.activeDescendantKeyManager.setActiveItem(euiDropdownItem);\n                                if (this.activeDescendantKeyManager.activeItem.subDropdown) {\n                                    this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                                    this.activeDescendantKeyManager.activeItem.subDropdown.overlayRef.detachBackdrop();\n                                    this.keydownListenerSubscription.unsubscribe();\n                                }\n\n                                const labelElement = this.triggerRef.nativeElement.querySelector('button .eui-label');\n                                if (this.isLabelUpdatedFromSelectedItem && labelElement) {\n                                    (labelElement as HTMLElement).innerText = euiDropdownItem.elementRef.nativeElement.innerText;\n                                }\n                            },\n                        );\n                    }\n                });\n\n                this.activeDescendantKeyManager = new ActiveDescendantKeyManager(this.euiDropdownItems)\n                    .withHomeAndEnd(true)\n                    .withVerticalOrientation(true)\n                    .withWrap();\n                this.activeDescendantKeyManager.setFirstItemActive();\n            }\n\n            this.createKeyboardHandlerSubscription();\n            this.isOpen$.next(true);\n            this.dropdownService.isDropdownOpen.emit(true);\n        }\n    }\n\n    /**\n     * Close a dropdown\n     */\n    public closeDropdown(recursively = false): void {\n        this.isOpen$.next(false);\n        this.euiDropdownItemsEventSubscriptions.forEach((euiDropdownItemsEventSubscription) => {\n            euiDropdownItemsEventSubscription.unsubscribe();\n        });\n        this.keydownListenerSubscription.unsubscribe();\n        if (this.hasDropdownItems) {\n            this.activeDescendantKeyManager?.setFirstItemActive();\n        }\n        this.scrollDispatcherSubscription.unsubscribe();\n        this.activeDescendantKeyManagerChangeSubscription.unsubscribe();\n        this.scrollSubscription.unsubscribe();\n        this.overlayRef?.dispose();\n        this.overlayRef = null;\n        this.activeDescendantKeyManager = null;\n        if (this.trapFocusAutoCapture) {\n            this.origin.focus();\n        }\n        if (recursively && this.parentDropdown) {\n            this.parentDropdown.closeDropdown(true);\n        }\n\n        this.dropdownService.isDropdownOpen.emit(false);\n    }\n\n    public projectContentChanged(): void {\n        if (!this.isRightClickEnabled) {\n            this.positionStrategy = this.getPositionStrategy();\n            this.overlayRef.updatePositionStrategy(this.positionStrategy);\n        }\n    }\n\n    public createKeyboardHandlerSubscription(): void {\n        this.keydownListenerSubscription = fromEvent(document, 'keydown').subscribe((event: KeyboardEvent) => {\n            if (this.isOpen) {\n                if (\n                    event.code === 'Enter' &&\n                    !this.hasTabNavigation &&\n                    !this.activeDescendantKeyManager?.activeItem.elementRef?.nativeElement?.disabled\n                ) {\n                    this.activeDescendantKeyManager?.activeItem.focus();\n                    this.isExpandOnHover\n                        ? this.activeDescendantKeyManager?.activeItem.mouseenter()\n                        : this.activeDescendantKeyManager?.activeItem.click();\n\n                    if (this.activeDescendantKeyManager?.activeItem.subDropdown) {\n                        this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                        this.keydownListenerSubscription.unsubscribe();\n                    } else {\n                        this.closeDropdown();\n                    }\n                    event.preventDefault();\n                } else if (event.code === 'ArrowLeft') {\n                    if (this.parentDropdown) {\n                        this.parentDropdown.createKeyboardHandlerSubscription();\n                        this.closeDropdown();\n                    }\n                    event.preventDefault();\n                } else if (event.code === 'ArrowRight') {\n                    if (this.activeDescendantKeyManager?.activeItem.subDropdown) {\n                        this.activeDescendantKeyManager.activeItem.focus();\n                        this.isExpandOnHover\n                            ? this.activeDescendantKeyManager.activeItem.mouseenter()\n                            : this.activeDescendantKeyManager.activeItem.click();\n                        this.activeDescendantKeyManager.activeItem.subDropdown.setParentDropdown(this);\n                        this.keydownListenerSubscription.unsubscribe();\n                    }\n                    event.preventDefault();\n                } else if (event.code === 'Tab' && !this.hasTabNavigation) {\n                    this.closeDropdown(true);\n                } else {\n                    this.activeDescendantKeyManager?.onKeydown(event);\n                }\n            }\n        });\n    }\n\n    public setParentDropdown(parentDropdown: EuiDropdownComponent): void {\n        this.parentDropdown = parentDropdown;\n        this.position = 'right';\n        this.setPosition();\n\n        const positionStrategy = this.getPositionStrategy();\n        this.overlayRef.updatePositionStrategy(positionStrategy);\n    }\n\n    private get hasDropdownItems(): boolean {\n        return this.euiDropdownItems?.length > 0;\n    }\n\n    private getPositionStrategy(): FlexibleConnectedPositionStrategy {\n        return this.overlay\n            .position()\n            .flexibleConnectedTo(this.origin as FlexibleConnectedPositionStrategyOrigin)\n            .withPositions([\n                new ConnectionPositionPair(\n                    { originX: this.originX, originY: this.originY },\n                    { overlayX: this.overlayX, overlayY: this.overlayY },\n                ),\n            ])\n            .withFlexibleDimensions(false)\n            .withLockedPosition(true);\n    }\n\n    private getContextualMenuPositionStrategy(): GlobalPositionStrategy {\n        const panelHeight = this.overlayRef?.overlayElement.clientHeight || 0;\n        const scrollX = window.scrollX || window.pageXOffset;\n        const scrollY = window.scrollY || window.pageYOffset;\n        const newX = this.mousePositionX + (this.initialScrollX - scrollX);\n        const newY = this.mousePositionY + (this.initialScrollY - scrollY);\n        const menuBottomPosition = newY + panelHeight;\n        const isMenuBelowWindowBottom = menuBottomPosition > window.innerHeight;\n\n        const positionStrategy = this.overlay\n            .position()\n            .global()\n            .left(newX + 'px');\n\n        if (isMenuBelowWindowBottom) {\n            positionStrategy.bottom(window.innerHeight - newY + 'px');\n        } else {\n            positionStrategy.top(newY + 'px');\n        }\n\n        return positionStrategy;\n    }\n\n    private isVisible(origin: HTMLElement, scrollableParent: HTMLElement): boolean {\n        const originY = origin.getBoundingClientRect().y;\n        const scrollableParentY = Math.abs(scrollableParent.getBoundingClientRect().y);\n        const scrollableParentHeight = scrollableParent.getBoundingClientRect().height - 50;\n\n        return (\n            (originY > 0 && originY < scrollableParentHeight) ||\n            (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight)\n        );\n    }\n\n    private isTriggerFocusableOnClose(origin: HTMLElement): boolean {\n        return origin.matches('button:not([disabled])') || origin.matches('a');\n    }\n\n    private setPosition(): void {\n        if (this.position === 'top') {\n            this.originY = 'top';\n            this.overlayY = 'bottom';\n\n            if (this.isDropDownRightAligned) {\n                this.originX = 'end';\n                this.overlayX = 'end';\n            }\n        }\n        if (this.position === 'right') {\n            this.originX = 'end';\n            this.overlayX = 'start';\n            this.overlayY = 'center';\n        }\n        if (this.position === 'bottom') {\n            this.originY = 'bottom';\n            this.overlayY = 'top';\n\n            if (this.isDropDownRightAligned) {\n                this.originX = 'end';\n                this.overlayX = 'end';\n            }\n        }\n        if (this.position === 'left') {\n            this.originX = 'start';\n            this.overlayX = 'end';\n            this.overlayY = 'center';\n        }\n    }\n}\n", "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { ObserversModule } from '@angular/cdk/observers';\n\nimport { EuiDropdownComponent } from './eui-dropdown.component';\nimport { EuiDropdownItemComponent } from './dropdown-item/eui-dropdown-item.component';\nimport { EuiDropdownContentDirective } from './directives/eui-dropdown-content.directive';\nimport { EuiDropdownService } from './eui-dropdown.service';\n\n@NgModule({\n    imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule, ObserversModule],\n    declarations: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective],\n    exports: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective],\n    providers: [EuiDropdownService],\n})\nexport class EuiDropdownModule {}\n\n@NgModule({})\nexport class EuiDropdownContentModule {}\n"],
+  "mappings": "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",
   "names": ["HostBinding", "i0", "Component", "ChangeDetectionStrategy", "HostBinding", "ViewEncapsulation", "Input", "i0"]
 }

package/fesm2022/eui-components-eui-feedback-message.mjs

@@ -14,12 +14,12 @@ var EuiFeedbackMessageComponent = class _EuiFeedbackMessageComponent extends Bas
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiFeedbackMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiFeedbackMessageComponent, selector: "eui-feedback-message", inputs: { styleClass: "styleClass" }, host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-130)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-140)}\n"], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiFeedbackMessageComponent, selector: "eui-feedback-message", inputs: { styleClass: "styleClass" }, host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-130)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-140)}\n"], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiFeedbackMessageComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-feedback-message", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-130)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-140)}\n"] }]
+  args: [{ selector: "eui-feedback-message", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-130)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-140)}\n"] }]
 }], ctorParameters: () => [], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

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

@@ -55,7 +55,7 @@ var EuiFieldsetComponent = class _EuiFieldsetComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiFieldsetComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<div class="eui-fieldset__container">\n    <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n        <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n            <div *ngIf="iconClass" class="eui-fieldset__header-icon eui-icon {{ iconClass }}"></div>\n            <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n                <eui-icon-svg icon="{{ iconSvgName }}" fillColor="{{ iconSvgFillColor }}"></eui-icon-svg>\n            </div>\n            <div *ngIf="!iconClass && hasDefaultIcon" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgType"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n        </div>\n        <div class="eui-fieldset__header-right-content">\n            <ng-template [ngIf]="customLabelRightContent">\n                <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n            </ng-template>\n            <button\n                *ngIf="isExpandable"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type="button"\n                class="eui-fieldset__header-expand-toggle"\n                [class.eui-fieldset__header-expand-toggle--expanded]="isExpanded"\n                [attr.aria-label]="!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label"\n                [attr.aria-expanded]="isExpanded"\n                aria-controls="fieldset-content">\n                <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n        <ng-content></ng-content>\n    </div>\n</div>\n', styles: ['.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex="0"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<div class="eui-fieldset__container">\n    <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n        <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n            <div *ngIf="iconClass" class="eui-fieldset__header-icon eui-icon {{ iconClass }}"></div>\n            <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n                <eui-icon-svg icon="{{ iconSvgName }}" fillColor="{{ iconSvgFillColor }}"></eui-icon-svg>\n            </div>\n            <div *ngIf="!iconClass && hasDefaultIcon" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgType"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n        </div>\n        <div class="eui-fieldset__header-right-content">\n            <ng-template [ngIf]="customLabelRightContent">\n                <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n            </ng-template>\n            <button\n                *ngIf="isExpandable"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type="button"\n                class="eui-fieldset__header-expand-toggle"\n                [class.eui-fieldset__header-expand-toggle--expanded]="isExpanded"\n                [attr.aria-label]="!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label"\n                [attr.aria-expanded]="isExpanded"\n                aria-controls="fieldset-content">\n                <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n        <ng-content></ng-content>\n    </div>\n</div>\n', styles: ['.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex="0"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
         "euiHighlighted"
       ]
     }
-  ], template: '<div class="eui-fieldset__container">\n    <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n        <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n            <div *ngIf="iconClass" class="eui-fieldset__header-icon eui-icon {{ iconClass }}"></div>\n            <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n                <eui-icon-svg icon="{{ iconSvgName }}" fillColor="{{ iconSvgFillColor }}"></eui-icon-svg>\n            </div>\n            <div *ngIf="!iconClass && hasDefaultIcon" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgType"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n        </div>\n        <div class="eui-fieldset__header-right-content">\n            <ng-template [ngIf]="customLabelRightContent">\n                <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n            </ng-template>\n            <button\n                *ngIf="isExpandable"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type="button"\n                class="eui-fieldset__header-expand-toggle"\n                [class.eui-fieldset__header-expand-toggle--expanded]="isExpanded"\n                [attr.aria-label]="!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label"\n                [attr.aria-expanded]="isExpanded"\n                aria-controls="fieldset-content">\n                <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n        <ng-content></ng-content>\n    </div>\n</div>\n', styles: ['.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex="0"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n'] }]
+  ], template: '<div class="eui-fieldset__container">\n    <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n        <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n            <div *ngIf="iconClass" class="eui-fieldset__header-icon eui-icon {{ iconClass }}"></div>\n            <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n                <eui-icon-svg icon="{{ iconSvgName }}" fillColor="{{ iconSvgFillColor }}"></eui-icon-svg>\n            </div>\n            <div *ngIf="!iconClass && hasDefaultIcon" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgType"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n        </div>\n        <div class="eui-fieldset__header-right-content">\n            <ng-template [ngIf]="customLabelRightContent">\n                <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n            </ng-template>\n            <button\n                *ngIf="isExpandable"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type="button"\n                class="eui-fieldset__header-expand-toggle"\n                [class.eui-fieldset__header-expand-toggle--expanded]="isExpanded"\n                [attr.aria-label]="!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label"\n                [attr.aria-expanded]="isExpanded"\n                aria-controls="fieldset-content">\n                <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n        <ng-content></ng-content>\n    </div>\n</div>\n', styles: ['.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex="0"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-fieldset.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-fieldset/eui-fieldset.component.ts", "../../eui-fieldset/eui-fieldset.component.html", "../../eui-fieldset/eui-fieldset.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    ContentChild,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    Output,\n    QueryList,\n    ViewEncapsulation,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-fieldset',\n    templateUrl: './eui-fieldset.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n                'euiHighlighted',\n            ],\n        },\n    ],\n})\nexport class EuiFieldsetComponent implements OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-fieldset'),\n            this.isFirst ? 'eui-fieldset--first' : '',\n            this.isExpandable ? 'eui-fieldset--expandable' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n    @Input() id: string;\n    @Input() label: string;\n    @Input() iconClass: string;\n    @Input() iconSvgName: string;\n    @Input() iconSvgFillColor: string;\n\n    @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n    @Input({ transform: booleanAttribute }) isExpandable = false;\n    @Input({ transform: booleanAttribute }) isExpanded = true;\n    @Input({ transform: booleanAttribute }) isLarge = false;\n    @Input({ transform: booleanAttribute }) isFirst = false;\n\n    @Output() expand: EventEmitter<string> = new EventEmitter();\n\n    public expandMenuLabel = 'Expand ';\n    public collapseMenuLabel = 'Collapse ';\n    public iconSvgType = 'eui-info';\n\n    @ContentChild(forwardRef(() => EuiFieldsetLabelRightContentTagDirective))\n    customLabelRightContent: QueryList<EuiFieldsetLabelRightContentTagDirective>;\n    @ContentChild(forwardRef(() => EuiFieldsetLabelExtraContentTagDirective))\n    customLabelExtraContent: QueryList<EuiFieldsetLabelExtraContentTagDirective>;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnChanges(): void {\n        this.setIcon();\n    }\n\n    onToggle(): void {\n        if (this.isExpandable) {\n            this.isExpanded = !this.isExpanded;\n            this.expand.emit(this.id);\n        }\n    }\n\n    private setIcon(): void {\n        this.iconSvgType = 'eui-ecl-information';\n        if (this.baseStatesDirective.euiWarning) {\n            this.iconSvgType = 'eui-ecl-warning';\n        }\n        if (this.baseStatesDirective.euiDanger) {\n            this.iconSvgType = 'eui-ecl-error';\n        }\n        if (this.baseStatesDirective.euiSuccess) {\n            this.iconSvgType = 'eui-ecl-check-filled';\n        }\n        if (this.baseStatesDirective.euiSecondary) {\n            this.iconSvgType = 'eui-question';\n        }\n    }\n}\n\n/* eslint-disable */\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/* eslint-enable */\n", "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\"\n                [attr.aria-expanded]=\"isExpanded\"\n                aria-controls=\"fieldset-content\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n    EuiFieldsetComponent,\n    EuiFieldsetLabelExtraContentTagDirective,\n    EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\n@NgModule({\n    imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective],\n    exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n    declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["BaseStatesDirective"]
 }

package/fesm2022/eui-components-eui-file-upload.mjs

@@ -468,7 +468,7 @@ var EuiFileUploadComponent = class _EuiFileUploadComponent {
 <button euiButton type="button" (click)="resetList()" *ngIf="showResetBtn">
     {{ 'eui.euifileupload.RESET-LIST' | translate }}
 </button>
-`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "component", type: EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: EuiFileSizePipe, name: "filesize" }], encapsulation: i04.ViewEncapsulation.None });
+`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "component", type: EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: EuiFileSizePipe, name: "filesize" }], encapsulation: i04.ViewEncapsulation.None });
   }
 };
 i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: EuiFileUploadComponent, decorators: [{
@@ -562,7 +562,7 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
 <button euiButton type="button" (click)="resetList()" *ngIf="showResetBtn">
     {{ 'eui.euifileupload.RESET-LIST' | translate }}
 </button>
-`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"] }]
+`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"] }]
 }], ctorParameters: () => [{ type: i13.BaseStatesDirective }], propDecorators: { e2eAttr: [{
   type: Input3
 }], progress: [{