@eui/components 17.0.0-next.3 → 17.0.0-next.5

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

@@ -29,6 +29,7 @@ class EuiAlertComponent extends BaseDirective {
     constructor() {
         super();
         this._euiAlertMuted = false;
+        // TODO: v17 change the name: "@angular-eslint/no-output-native"
         this.close = new EventEmitter();
         this.isVisible = true;
         this.alertIconType = 'eui-info';
@@ -61,10 +62,10 @@ class EuiAlertComponent extends BaseDirective {
             this.alertIconType = 'eui-question';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { euiAlertMuted: "euiAlertMuted", isCloseable: "isCloseable" }, outputs: { close: "close" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-alert__content-wrapper\">\n    <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"white\" size=\"l\"></eui-icon-svg>\n    </div>\n    <div class=\"eui-alert__content\" role=\"alert\">\n        <ng-content></ng-content>\n    </div>\n    <a\n        href=\"javascript:void(0)\"\n        *ngIf=\"isCloseable\"\n        role=\"button\"\n        aria-label=\"Close Icon Button\"\n        class=\"eui-alert__close\"\n        tabindex=\"0\"\n        (click)=\"onCloseClick()\">\n        <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n    </a>\n</div>\n", styles: [".eui-alert{border:1px solid;display:flex;background-color:transparent;background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;border-color:var(--eui-base-color-info-50);color:var(--eui-base-color-text);position:relative}.eui-alert__type-container{display:flex;background-color:var(--eui-base-color-info-75);width:var(--eui-base-spacing-3xl);padding:var(--eui-base-spacing-xs)}.eui-alert__content{padding:var(--eui-base-spacing-m)}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto}.eui-alert__close:hover{color:var(--eui-base-color-text);text-decoration:none}@media screen and (max-width: 767px){.eui-alert__content-wrapper{display:block;width:100%}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto;position:absolute;right:0;top:0}}.eui-alert--hidden{display:none}.eui-alert--success{border-color:var(--eui-base-color-success-50)}.eui-alert--success .eui-alert__type-container{background-color:var(--eui-base-color-success-75)}.eui-alert--danger{border-color:var(--eui-base-color-danger-50)}.eui-alert--danger .eui-alert__type-container{background-color:var(--eui-base-color-danger-75)}.eui-alert--warning{border-color:var(--eui-base-color-warning-50)}.eui-alert--warning .eui-alert__type-container{background-color:var(--eui-base-color-warning-75)}.eui-alert--secondary{border-color:var(--eui-base-color-grey-50)}.eui-alert--secondary .eui-alert__type-container{background-color:var(--eui-base-color-grey-75)}\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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { euiAlertMuted: "euiAlertMuted", isCloseable: "isCloseable" }, outputs: { close: "close" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-alert__content-wrapper\">\n    <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"white\" size=\"l\"></eui-icon-svg>\n    </div>\n    <div class=\"eui-alert__content\" role=\"alert\">\n        <ng-content></ng-content>\n    </div>\n    <a\n        href=\"javascript:void(0)\"\n        *ngIf=\"isCloseable\"\n        role=\"button\"\n        aria-label=\"Close Icon Button\"\n        class=\"eui-alert__close\"\n        tabindex=\"0\"\n        (click)=\"onCloseClick()\">\n        <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n    </a>\n</div>\n", styles: [".eui-alert{border:1px solid;display:flex;background-color:transparent;background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;border-color:var(--eui-base-color-info-50);color:var(--eui-base-color-text);position:relative}.eui-alert__type-container{display:flex;background-color:var(--eui-base-color-info-75);width:var(--eui-base-spacing-3xl);padding:var(--eui-base-spacing-xs)}.eui-alert__content{padding:var(--eui-base-spacing-m)}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto}.eui-alert__close:hover{color:var(--eui-base-color-text);text-decoration:none}@media screen and (max-width: 767px){.eui-alert__content-wrapper{display:block;width:100%}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto;position:absolute;right:0;top:0}}.eui-alert--hidden{display:none}.eui-alert--success{border-color:var(--eui-base-color-success-50)}.eui-alert--success .eui-alert__type-container{background-color:var(--eui-base-color-success-75)}.eui-alert--danger{border-color:var(--eui-base-color-danger-50)}.eui-alert--danger .eui-alert__type-container{background-color:var(--eui-base-color-danger-75)}.eui-alert--warning{border-color:var(--eui-base-color-warning-50)}.eui-alert--warning .eui-alert__type-container{background-color:var(--eui-base-color-warning-75)}.eui-alert--secondary{border-color:var(--eui-base-color-grey-50)}.eui-alert--secondary .eui-alert__type-container{background-color:var(--eui-base-color-grey-75)}\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: "17.0.0-next.3", ngImport: i0, type: EuiAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euiAlert], eui-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-alert__content-wrapper\">\n    <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"white\" size=\"l\"></eui-icon-svg>\n    </div>\n    <div class=\"eui-alert__content\" role=\"alert\">\n        <ng-content></ng-content>\n    </div>\n    <a\n        href=\"javascript:void(0)\"\n        *ngIf=\"isCloseable\"\n        role=\"button\"\n        aria-label=\"Close Icon Button\"\n        class=\"eui-alert__close\"\n        tabindex=\"0\"\n        (click)=\"onCloseClick()\">\n        <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n    </a>\n</div>\n", styles: [".eui-alert{border:1px solid;display:flex;background-color:transparent;background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;border-color:var(--eui-base-color-info-50);color:var(--eui-base-color-text);position:relative}.eui-alert__type-container{display:flex;background-color:var(--eui-base-color-info-75);width:var(--eui-base-spacing-3xl);padding:var(--eui-base-spacing-xs)}.eui-alert__content{padding:var(--eui-base-spacing-m)}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto}.eui-alert__close:hover{color:var(--eui-base-color-text);text-decoration:none}@media screen and (max-width: 767px){.eui-alert__content-wrapper{display:block;width:100%}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto;position:absolute;right:0;top:0}}.eui-alert--hidden{display:none}.eui-alert--success{border-color:var(--eui-base-color-success-50)}.eui-alert--success .eui-alert__type-container{background-color:var(--eui-base-color-success-75)}.eui-alert--danger{border-color:var(--eui-base-color-danger-50)}.eui-alert--danger .eui-alert__type-container{background-color:var(--eui-base-color-danger-75)}.eui-alert--warning{border-color:var(--eui-base-color-warning-50)}.eui-alert--warning .eui-alert__type-container{background-color:var(--eui-base-color-warning-75)}.eui-alert--secondary{border-color:var(--eui-base-color-grey-50)}.eui-alert--secondary .eui-alert__type-container{background-color:var(--eui-base-color-grey-75)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { euiAlertMuted: [{
@@ -78,11 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
                 args: ['class']
             }] } });
 class EuiAlertModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAlertModule, declarations: [EuiAlertComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule], exports: [EuiAlertComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAlertModule, imports: [CommonModule, EuiIconModule, EuiLabelModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAlertModule, declarations: [EuiAlertComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule], exports: [EuiAlertComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAlertModule, imports: [CommonModule, EuiIconModule, EuiLabelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule, EuiLabelModule],

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import {\n    NgModule,\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    AfterContentInit,\n    Output,\n    OnChanges,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@Component({\n    templateUrl: './eui-alert.component.html',\n    selector: 'div[euiAlert], eui-alert',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiAlertComponent extends BaseDirective implements OnChanges, AfterContentInit {\n    @Input()\n    get euiAlertMuted(): boolean {\n        return this._euiAlertMuted;\n    }\n    set euiAlertMuted(value: BooleanInput) {\n        this._euiAlertMuted = coerceBooleanProperty(value);\n    }\n    _euiAlertMuted = false;\n\n    @Input()\n    get isCloseable(): boolean {\n        return this._isCloseable;\n    }\n    set isCloseable(value: BooleanInput) {\n        this._isCloseable = coerceBooleanProperty(value);\n    }\n\n    @Output() close = new EventEmitter<null>();\n\n    isVisible = true;\n    alertIconType = 'eui-info';\n\n    private _isCloseable = false;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [this.euiAlertMuted ? `eui-alert--muted` : ``, !this.isVisible ? `eui-alert--hidden` : ``, super.getCssClasses('eui-alert')]\n            .join(' ')\n            .trim();\n    }\n\n    constructor() {\n        super();\n    }\n\n    ngOnChanges(): void {\n        this.setIcon();\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.e2eAttr) {\n            this.e2eAttr = 'eui-alert';\n        }\n    }\n\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.close.emit();\n    }\n\n    private setIcon(): void {\n        this.alertIconType = 'eui-info';\n        if (this.euiWarning) {\n            this.alertIconType = 'eui-ecl-warning';\n        }\n        if (this.euiDanger) {\n            this.alertIconType = 'eui-ecl-error';\n        }\n        if (this.euiSuccess) {\n            this.alertIconType = 'eui-check';\n        }\n        if (this.euiSecondary) {\n            this.alertIconType = 'eui-question';\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiAlertComponent],\n    exports: [EuiAlertComponent],\n})\nexport class EuiAlertModule {}\n","<div class=\"eui-alert__content-wrapper\">\n    <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"white\" size=\"l\"></eui-icon-svg>\n    </div>\n    <div class=\"eui-alert__content\" role=\"alert\">\n        <ng-content></ng-content>\n    </div>\n    <a\n        href=\"javascript:void(0)\"\n        *ngIf=\"isCloseable\"\n        role=\"button\"\n        aria-label=\"Close Icon Button\"\n        class=\"eui-alert__close\"\n        tabindex=\"0\"\n        (click)=\"onCloseClick()\">\n        <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n    </a>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import {\n    NgModule,\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    AfterContentInit,\n    Output,\n    OnChanges,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@Component({\n    templateUrl: './eui-alert.component.html',\n    selector: 'div[euiAlert], eui-alert',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiAlertComponent extends BaseDirective implements OnChanges, AfterContentInit {\n    @Input()\n    get euiAlertMuted(): boolean {\n        return this._euiAlertMuted;\n    }\n    set euiAlertMuted(value: BooleanInput) {\n        this._euiAlertMuted = coerceBooleanProperty(value);\n    }\n    _euiAlertMuted = false;\n\n    @Input()\n    get isCloseable(): boolean {\n        return this._isCloseable;\n    }\n    set isCloseable(value: BooleanInput) {\n        this._isCloseable = coerceBooleanProperty(value);\n    }\n\n    // TODO: v17 change the name: \"@angular-eslint/no-output-native\"\n    @Output() close = new EventEmitter<null>();\n\n    isVisible = true;\n    alertIconType = 'eui-info';\n\n    private _isCloseable = false;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [this.euiAlertMuted ? `eui-alert--muted` : ``, !this.isVisible ? `eui-alert--hidden` : ``, super.getCssClasses('eui-alert')]\n            .join(' ')\n            .trim();\n    }\n\n    constructor() {\n        super();\n    }\n\n    ngOnChanges(): void {\n        this.setIcon();\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.e2eAttr) {\n            this.e2eAttr = 'eui-alert';\n        }\n    }\n\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.close.emit();\n    }\n\n    private setIcon(): void {\n        this.alertIconType = 'eui-info';\n        if (this.euiWarning) {\n            this.alertIconType = 'eui-ecl-warning';\n        }\n        if (this.euiDanger) {\n            this.alertIconType = 'eui-ecl-error';\n        }\n        if (this.euiSuccess) {\n            this.alertIconType = 'eui-check';\n        }\n        if (this.euiSecondary) {\n            this.alertIconType = 'eui-question';\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiAlertComponent],\n    exports: [EuiAlertComponent],\n})\nexport class EuiAlertModule {}\n","<div class=\"eui-alert__content-wrapper\">\n    <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"white\" size=\"l\"></eui-icon-svg>\n    </div>\n    <div class=\"eui-alert__content\" role=\"alert\">\n        <ng-content></ng-content>\n    </div>\n    <a\n        href=\"javascript:void(0)\"\n        *ngIf=\"isCloseable\"\n        role=\"button\"\n        aria-label=\"Close Icon Button\"\n        class=\"eui-alert__close\"\n        tabindex=\"0\"\n        (click)=\"onCloseClick()\">\n        <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n    </a>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -53,7 +53,6 @@ import { EuiDisableContentModule } from '@eui/components/eui-disable-content';
 import { EuiWizardModule } from '@eui/components/eui-wizard';
 import { EuiTimelineModule } from '@eui/components/eui-timeline';
 import { EuiTimebarModule } from '@eui/components/eui-timebar';
-import { EuiTreeModule } from '@eui/components/eui-tree';
 import { EuiDiscussionThreadModule } from '@eui/components/eui-discussion-thread';
 import { EuiSidebarMenuModule } from '@eui/components/eui-sidebar-menu';
 import { EuiProgressBarModule } from '@eui/components/eui-progress-bar';
@@ -104,7 +103,7 @@ const MODULES = [
     EuiPopoverModule,
     EuiFeedbackMessageModule,
     EuiTimepickerModule,
-    EuiTreeModule,
+    // EuiTreeModule,
     EuiInputCheckboxModule,
     EuiSelectModule,
     EuiInputRadioModule,
@@ -125,8 +124,8 @@ const MODULES = [
     EuiProgressBarModule,
 ];
 class EuiAllModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, EuiTemplateDirectiveModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, EuiTemplateDirectiveModule,
             EuiTooltipDirectiveModule,
             EuiInputNumberDirectiveModule,
             EuiMaxLengthDirectiveModule,
@@ -169,7 +168,7 @@ class EuiAllModule {
             EuiPopoverModule,
             EuiFeedbackMessageModule,
             EuiTimepickerModule,
-            EuiTreeModule,
+            // EuiTreeModule,
             EuiInputCheckboxModule,
             EuiSelectModule,
             EuiInputRadioModule,
@@ -230,7 +229,7 @@ class EuiAllModule {
             EuiPopoverModule,
             EuiFeedbackMessageModule,
             EuiTimepickerModule,
-            EuiTreeModule,
+            // EuiTreeModule,
             EuiInputCheckboxModule,
             EuiSelectModule,
             EuiInputRadioModule,
@@ -249,7 +248,7 @@ class EuiAllModule {
             EuiDiscussionThreadModule,
             EuiSidebarMenuModule,
             EuiProgressBarModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, MODULES, EuiTemplateDirectiveModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, MODULES, EuiTemplateDirectiveModule,
             EuiTooltipDirectiveModule,
             EuiInputNumberDirectiveModule,
             EuiMaxLengthDirectiveModule,
@@ -292,7 +291,7 @@ class EuiAllModule {
             EuiPopoverModule,
             EuiFeedbackMessageModule,
             EuiTimepickerModule,
-            EuiTreeModule,
+            // EuiTreeModule,
             EuiInputCheckboxModule,
             EuiSelectModule,
             EuiInputRadioModule,
@@ -312,7 +311,7 @@ class EuiAllModule {
             EuiSidebarMenuModule,
             EuiProgressBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, ...MODULES],

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-all.mjs","sources":["../../eui-all/eui-all.module.ts","../../eui-all/eui-components-eui-all.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\n\n// Layout related\nimport { EuiLayoutModule } from '@eui/components/layout';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconToggleModule } from '@eui/components/eui-icon-toggle';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiAutocompleteModule } from '@eui/components/eui-autocomplete';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiButtonGroupModule } from '@eui/components/eui-button-group';\nimport { EuiCardModule } from '@eui/components/eui-card';\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiChipListModule } from '@eui/components/eui-chip-list';\nimport { EuiDashboardButtonModule } from '@eui/components/eui-dashboard-button';\nimport { EuiDashboardCardModule } from '@eui/components/eui-dashboard-card';\nimport { EuiDateRangeSelectorModule } from '@eui/components/eui-date-range-selector';\nimport { EuiDialogModule } from '@eui/components/eui-dialog';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiMenuModule } from '@eui/components/eui-menu';\nimport { EuiSlideToggleModule } from '@eui/components/eui-slide-toggle';\nimport { EuiTabsModule } from '@eui/components/eui-tabs';\nimport { EuiListModule } from '@eui/components/eui-list';\nimport { EuiTableModule } from '@eui/components/eui-table';\nimport { EuiFileUploadModule } from '@eui/components/eui-file-upload';\nimport { EuiBlockDocumentModule } from '@eui/components/eui-block-document';\nimport { EuiBlockContentModule } from '@eui/components/eui-block-content';\nimport { EuiButtonsModule } from '@eui/components/eui-buttons';\nimport { EuiPickerModule } from '@eui/components/eui-picker';\nimport { EuiGrowlModule } from '@eui/components/eui-growl';\nimport { EuiAlertModule } from '@eui/components/eui-alert';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputCheckboxModule } from '@eui/components/eui-input-checkbox';\nimport { EuiInputRadioModule } from '@eui/components/eui-input-radio';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { EuiPopoverModule } from '@eui/components/eui-popover';\nimport { EuiSelectModule } from '@eui/components/eui-select';\nimport { EuiTextAreaModule } from '@eui/components/eui-textarea';\nimport { EuiInputGroupModule } from '@eui/components/eui-input-group';\nimport { EuiFeedbackMessageModule } from '@eui/components/eui-feedback-message';\nimport { EuiTimepickerModule } from '@eui/components/eui-timepicker';\nimport { EuiDatepickerModule } from '@eui/components/eui-datepicker';\nimport { EuiDimmerModule } from '@eui/components/eui-dimmer';\nimport { EuiPageModule } from '@eui/components/eui-page';\nimport { EuiOverlayModule } from '@eui/components/eui-overlay';\nimport { EuiFieldsetModule } from '@eui/components/eui-fieldset';\nimport { EuiMessageBoxModule } from '@eui/components/eui-message-box';\nimport { EuiPaginatorModule } from '@eui/components/eui-paginator';\nimport { EuiProgressCircleModule } from '@eui/components/eui-progress-circle';\nimport { EuiDisableContentModule } from '@eui/components/eui-disable-content';\nimport { EuiWizardModule } from '@eui/components/eui-wizard';\nimport { EuiTimelineModule } from '@eui/components/eui-timeline';\nimport { EuiTimebarModule } from '@eui/components/eui-timebar';\nimport { EuiTreeModule } from '@eui/components/eui-tree';\nimport { EuiDiscussionThreadModule } from '@eui/components/eui-discussion-thread';\nimport { EuiSidebarMenuModule } from '@eui/components/eui-sidebar-menu';\nimport { EuiProgressBarModule } from '@eui/components/eui-progress-bar';\n\n// Directives\nimport {\n    EuiMaxLengthDirectiveModule,\n    EuiTemplateDirectiveModule,\n    EuiTooltipDirectiveModule,\n    EuiSmoothScrollDirectiveModule,\n    EuiScrollHandlerDirectiveModule,\n    EuiHasPermissionDirectiveModule,\n    EuiResizableDirectiveModule,\n} from '@eui/components/directives';\n\n// Pipes\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\n\nconst MODULES = [\n    EuiTemplateDirectiveModule,\n    EuiTooltipDirectiveModule,\n    EuiInputNumberDirectiveModule,\n    EuiMaxLengthDirectiveModule,\n    EuiSmoothScrollDirectiveModule,\n    EuiScrollHandlerDirectiveModule,\n    EuiHasPermissionDirectiveModule,\n    EuiResizableDirectiveModule,\n    EuiLayoutModule,\n\n    EuiPageModule,\n    EuiOverlayModule,\n    EuiDimmerModule,\n\n    EuiBadgeModule,\n    EuiIconModule,\n    EuiLabelModule,\n    EuiIconToggleModule,\n\n    EuiAlertModule,\n    EuiAutocompleteModule,\n    EuiBlockDocumentModule,\n    EuiBlockContentModule,\n    EuiButtonModule,\n    EuiButtonsModule,\n    EuiCardModule,\n    EuiChipModule,\n    EuiChipListModule,\n    EuiDashboardButtonModule,\n    EuiDashboardCardModule,\n    EuiDatepickerModule,\n    EuiDateRangeSelectorModule,\n    EuiDropdownModule,\n    EuiDialogModule,\n    EuiGrowlModule,\n    EuiSlideToggleModule,\n    EuiTabsModule,\n    EuiMenuModule,\n    EuiMessageBoxModule,\n    EuiListModule,\n    EuiTableModule,\n    EuiFileUploadModule,\n    EuiPickerModule,\n    EuiPopoverModule,\n    EuiFeedbackMessageModule,\n    EuiTimepickerModule,\n    EuiTreeModule,\n    EuiInputCheckboxModule,\n    EuiSelectModule,\n    EuiInputRadioModule,\n    EuiInputTextModule,\n    EuiTextAreaModule,\n    EuiInputGroupModule,\n    EuiTruncatePipeModule,\n\n    EuiFieldsetModule,\n\n    EuiPaginatorModule,\n\n    EuiButtonGroupModule,\n    EuiProgressCircleModule,\n    EuiDisableContentModule,\n    EuiWizardModule,\n    EuiTimelineModule,\n    EuiTimebarModule,\n    EuiDiscussionThreadModule,\n    EuiSidebarMenuModule,\n    EuiProgressBarModule,\n];\n\n@NgModule({\n    imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, ...MODULES],\n    exports: [...MODULES],\n})\nexport class EuiAllModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-all.mjs","sources":["../../eui-all/eui-all.module.ts","../../eui-all/eui-components-eui-all.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\n\n// Layout related\nimport { EuiLayoutModule } from '@eui/components/layout';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconToggleModule } from '@eui/components/eui-icon-toggle';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiAutocompleteModule } from '@eui/components/eui-autocomplete';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiButtonGroupModule } from '@eui/components/eui-button-group';\nimport { EuiCardModule } from '@eui/components/eui-card';\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiChipListModule } from '@eui/components/eui-chip-list';\nimport { EuiDashboardButtonModule } from '@eui/components/eui-dashboard-button';\nimport { EuiDashboardCardModule } from '@eui/components/eui-dashboard-card';\nimport { EuiDateRangeSelectorModule } from '@eui/components/eui-date-range-selector';\nimport { EuiDialogModule } from '@eui/components/eui-dialog';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiMenuModule } from '@eui/components/eui-menu';\nimport { EuiSlideToggleModule } from '@eui/components/eui-slide-toggle';\nimport { EuiTabsModule } from '@eui/components/eui-tabs';\nimport { EuiListModule } from '@eui/components/eui-list';\nimport { EuiTableModule } from '@eui/components/eui-table';\nimport { EuiFileUploadModule } from '@eui/components/eui-file-upload';\nimport { EuiBlockDocumentModule } from '@eui/components/eui-block-document';\nimport { EuiBlockContentModule } from '@eui/components/eui-block-content';\nimport { EuiButtonsModule } from '@eui/components/eui-buttons';\nimport { EuiPickerModule } from '@eui/components/eui-picker';\nimport { EuiGrowlModule } from '@eui/components/eui-growl';\nimport { EuiAlertModule } from '@eui/components/eui-alert';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputCheckboxModule } from '@eui/components/eui-input-checkbox';\nimport { EuiInputRadioModule } from '@eui/components/eui-input-radio';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { EuiPopoverModule } from '@eui/components/eui-popover';\nimport { EuiSelectModule } from '@eui/components/eui-select';\nimport { EuiTextAreaModule } from '@eui/components/eui-textarea';\nimport { EuiInputGroupModule } from '@eui/components/eui-input-group';\nimport { EuiFeedbackMessageModule } from '@eui/components/eui-feedback-message';\nimport { EuiTimepickerModule } from '@eui/components/eui-timepicker';\nimport { EuiDatepickerModule } from '@eui/components/eui-datepicker';\nimport { EuiDimmerModule } from '@eui/components/eui-dimmer';\nimport { EuiPageModule } from '@eui/components/eui-page';\nimport { EuiOverlayModule } from '@eui/components/eui-overlay';\nimport { EuiFieldsetModule } from '@eui/components/eui-fieldset';\nimport { EuiMessageBoxModule } from '@eui/components/eui-message-box';\nimport { EuiPaginatorModule } from '@eui/components/eui-paginator';\nimport { EuiProgressCircleModule } from '@eui/components/eui-progress-circle';\nimport { EuiDisableContentModule } from '@eui/components/eui-disable-content';\nimport { EuiWizardModule } from '@eui/components/eui-wizard';\nimport { EuiTimelineModule } from '@eui/components/eui-timeline';\nimport { EuiTimebarModule } from '@eui/components/eui-timebar';\nimport { EuiDiscussionThreadModule } from '@eui/components/eui-discussion-thread';\nimport { EuiSidebarMenuModule } from '@eui/components/eui-sidebar-menu';\nimport { EuiProgressBarModule } from '@eui/components/eui-progress-bar';\n\n// Directives\nimport {\n    EuiMaxLengthDirectiveModule,\n    EuiTemplateDirectiveModule,\n    EuiTooltipDirectiveModule,\n    EuiSmoothScrollDirectiveModule,\n    EuiScrollHandlerDirectiveModule,\n    EuiHasPermissionDirectiveModule,\n    EuiResizableDirectiveModule,\n} from '@eui/components/directives';\n\n// Pipes\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\n\nconst MODULES = [\n    EuiTemplateDirectiveModule,\n    EuiTooltipDirectiveModule,\n    EuiInputNumberDirectiveModule,\n    EuiMaxLengthDirectiveModule,\n    EuiSmoothScrollDirectiveModule,\n    EuiScrollHandlerDirectiveModule,\n    EuiHasPermissionDirectiveModule,\n    EuiResizableDirectiveModule,\n    EuiLayoutModule,\n\n    EuiPageModule,\n    EuiOverlayModule,\n    EuiDimmerModule,\n\n    EuiBadgeModule,\n    EuiIconModule,\n    EuiLabelModule,\n    EuiIconToggleModule,\n\n    EuiAlertModule,\n    EuiAutocompleteModule,\n    EuiBlockDocumentModule,\n    EuiBlockContentModule,\n    EuiButtonModule,\n    EuiButtonsModule,\n    EuiCardModule,\n    EuiChipModule,\n    EuiChipListModule,\n    EuiDashboardButtonModule,\n    EuiDashboardCardModule,\n    EuiDatepickerModule,\n    EuiDateRangeSelectorModule,\n    EuiDropdownModule,\n    EuiDialogModule,\n    EuiGrowlModule,\n    EuiSlideToggleModule,\n    EuiTabsModule,\n    EuiMenuModule,\n    EuiMessageBoxModule,\n    EuiListModule,\n    EuiTableModule,\n    EuiFileUploadModule,\n    EuiPickerModule,\n    EuiPopoverModule,\n    EuiFeedbackMessageModule,\n    EuiTimepickerModule,\n    // EuiTreeModule,\n    EuiInputCheckboxModule,\n    EuiSelectModule,\n    EuiInputRadioModule,\n    EuiInputTextModule,\n    EuiTextAreaModule,\n    EuiInputGroupModule,\n    EuiTruncatePipeModule,\n\n    EuiFieldsetModule,\n\n    EuiPaginatorModule,\n\n    EuiButtonGroupModule,\n    EuiProgressCircleModule,\n    EuiDisableContentModule,\n    EuiWizardModule,\n    EuiTimelineModule,\n    EuiTimebarModule,\n    EuiDiscussionThreadModule,\n    EuiSidebarMenuModule,\n    EuiProgressBarModule,\n];\n\n@NgModule({\n    imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, ...MODULES],\n    exports: [...MODULES],\n})\nexport class EuiAllModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -6,25 +6,27 @@ import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coerci
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import { takeUntil, startWith, skip } from 'rxjs/operators';
 import { BehaviorSubject, Subject, Subscription, fromEvent, filter, of } from 'rxjs';
-import * as i4 from '@angular/material/autocomplete';
+import * as i5 from '@angular/material/autocomplete';
 import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3 from '@eui/core';
 import { uniqueId } from '@eui/core';
 import { EuiChip, EuiChipTooltip, EuiChipModule } from '@eui/components/eui-chip';
 import { EuiTemplateDirective } from '@eui/components/directives';
 import { BaseDirective } from '@eui/components/shared';
 import * as i2 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
-import * as i3 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from '@angular/material/core';
-import * as i6 from '@eui/components/eui-chip-list';
+import * as i6 from '@angular/material/core';
+import * as i7 from '@eui/components/eui-chip-list';
 import { EuiChipListModule } from '@eui/components/eui-chip-list';
-import * as i7 from '@eui/components/eui-input-text';
+import * as i8 from '@eui/components/eui-input-text';
 import { EuiInputTextModule } from '@eui/components/eui-input-text';
 import { EuiIconModule } from '@eui/components/eui-icon';
 
 class EuiAutoCompleteItem {
     constructor(values = {}) {
+        this.isDisabled = false;
         Object.assign(this, values);
     }
 }
@@ -33,7 +35,6 @@ class EuiAutocompleteComponent extends BaseDirective {
     get cssClasses() {
         return [this.hasChips ? `eui-autocomplete--has-chips` : ``, super.getCssClasses('eui-autocomplete')].join(' ').trim();
     }
-    /* eslint-disable prettier/prettier */
     get hasChips() {
         return this._hasChips;
     }
@@ -136,7 +137,6 @@ class EuiAutocompleteComponent extends BaseDirective {
     set autoActiveFirstOption(value) {
         this._autoActiveFirstOption = coerceBooleanProperty(value);
     }
-    /* eslint-enable prettier/prettier */
     get isChipsGrid() {
         if (this._isGrid) {
             return this._isChipsDragAndDrop && this.dragAndDropConnectedTo.length === 0;
@@ -145,12 +145,13 @@ class EuiAutocompleteComponent extends BaseDirective {
             return this._isGrid;
         }
     }
-    constructor(cd, control, scrollDispatcher, elementRef) {
+    constructor(cd, control, scrollDispatcher, elementRef, asService) {
         super();
         this.cd = cd;
         this.control = control;
         this.scrollDispatcher = scrollDispatcher;
         this.elementRef = elementRef;
+        this.asService = asService;
         this.toggleLinkMoreLabel = null;
         this.toggleLinkLessLabel = null;
         this.autocompleteData = [];
@@ -202,6 +203,7 @@ class EuiAutocompleteComponent extends BaseDirective {
         this.autocompleteId = `eui-autocomplete-${uniqueId()}`;
         this.isDisabled = false;
         this.selectedOptionIndex = -1;
+        this.itemSize = '48';
         this._hasChips = false;
         this._isGrid = true;
         this._async = false;
@@ -226,6 +228,7 @@ class EuiAutocompleteComponent extends BaseDirective {
         this.fieldValue = null;
         this.scrollDispatcherSubscription = new Subscription();
         this.keyboardOptionSelectorHandlerSubscription = new Subscription();
+        this.baseFontSize = '';
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onChange = () => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -260,6 +263,13 @@ class EuiAutocompleteComponent extends BaseDirective {
         if (this.groupBy) {
             this.groupingHandler();
         }
+        // Subscribe to CSS variable changes in order to adapt the itemSize of the virtualScrolling
+        this.asService
+            .getState('appBaseFontSize')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((baseFontSize) => {
+            this.itemSize = this._calculateNewItemSize(baseFontSize);
+        });
     }
     // TODO: Refactor ngDoCheck when euiInput Text will refactor this hooks
     ngDoCheck() {
@@ -405,7 +415,7 @@ class EuiAutocompleteComponent extends BaseDirective {
         }
         this.blur.emit();
     }
-    trackByFn(index, item) {
+    trackByFn(index) {
         return index;
     }
     onClose() {
@@ -663,17 +673,24 @@ class EuiAutocompleteComponent extends BaseDirective {
             });
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.ScrollDispatcher }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", autocompleteData: "autocompleteData", autocompleteDataSelected: "autocompleteDataSelected", chipsSortOrder: "chipsSortOrder", itemsSortOrder: "itemsSortOrder", placeholder: "placeholder", matching: "matching", chipsPosition: "chipsPosition", panelWidth: "panelWidth", visibleOptions: "visibleOptions", classList: "classList", groupBy: "groupBy", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", hasChips: "hasChips", isGrid: "isGrid", async: "async", addOnBlur: "addOnBlur", isFreeValueAllowed: "isFreeValueAllowed", isDuplicateValueAllowed: "isDuplicateValueAllowed", isLoading: "isLoading", isChipsRemovable: "isChipsRemovable", maxVisibleChipsCount: "maxVisibleChipsCount", chipsLabelTruncateCount: "chipsLabelTruncateCount", isMaxVisibleChipsOpened: "isMaxVisibleChipsOpened", readonly: "readonly", isChipsSorted: "isChipsSorted", isItemsSorted: "isItemsSorted", isChipsDragAndDrop: "isChipsDragAndDrop", isForceSelection: "isForceSelection", autoActiveFirstOption: "autoActiveFirstOption" }, outputs: { closed: "closed", opened: "opened", selectionChanged: "selectionChanged", itemAdded: "itemAdded", itemRemoved: "itemRemoved", inputChanged: "inputChanged", chipDragStarted: "chipDragStarted", chipDragReleased: "chipDragReleased", chipDropped: "chipDropped", clear: "clear", close: "close", open: "open", blur: "blur", selectionChange: "selectionChange", itemAdd: "itemAdd", itemRemove: "itemRemove", inputChange: "inputChange", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "autocompleteInput", first: true, predicate: ["autocompleteInput"], descendants: true, read: ElementRef }, { propertyName: "autocompleteInputTrigger", first: true, predicate: ["autocompleteInputTrigger"], descendants: true, read: MatAutocompleteTrigger }, { propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }, { propertyName: "chipList", first: true, predicate: ["chipList"], descendants: true }, { propertyName: "virtualScrolling", first: true, predicate: ["virtualScrolling"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-autocomplete__container\" matAutocompleteOrigin #origin=\"matAutocompleteOrigin\">\n    <div class=\"eui-autocomplete__wrapper eui-autocomplete__wrapper--{{ chipsPosition }}\">\n        <ng-template [ngIf]=\"chipsPosition === 'bottom'\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"hasChips\">\n            <eui-chip-list\n                #chipList\n                [chips]=\"chips\"\n                [isGrid]=\"isChipsGrid\"\n                [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n                [isChipsRemovable]=\"isChipsRemovable && !readonly\"\n                [isChipsSorted]=\"isChipsSorted\"\n                [chipsSortOrder]=\"chipsSortOrder\"\n                [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n                [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n                [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n                [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n                [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n                [dragAndDropSourceName]=\"dragAndDropSourceName\"\n                [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n                (chipDropped)=\"onChipDropped($event)\"\n                (chipDragStarted)=\"onChipDragStarted($event)\"\n                (chipDragReleased)=\"onChipDragReleased($event)\"\n                (chipRemove)=\"onChipRemove($event)\"\n                (chiplistFocus)=\"onChipListFocus()\">\n                <euiChipListAppendContent>\n                    <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                        <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n                    </ng-template>\n                </euiChipListAppendContent>\n            </eui-chip-list>\n        </ng-container>\n\n        <ng-template [ngIf]=\"chipsPosition === 'top' || !hasChips\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-template #field>\n            <span class=\"eui-autocomplete__field-wrapper\">\n                <ng-container *ngIf=\"!hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut()\"\n                        (focus)=\"onFocus()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n                <ng-container *ngIf=\"hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [matAutocompleteConnectedTo]=\"chipsPosition === 'inside' ? origin : null\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut(); addOnBlurHandler($event)\"\n                        (focus)=\"onFocus()\"\n                        (keydown.enter)=\"addOnEnterHandler()\"\n                        (keydown.backspace)=\"onKeyDownBackspace()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n\n                <mat-autocomplete\n                    [id]=\"autocompleteId\"\n                    #auto=\"matAutocomplete\"\n                    [panelWidth]=\"panelWidth === 'auto' ? null : panelWidth\"\n                    [class]=\"classList\"\n                    [autoActiveFirstOption]=\"autoActiveFirstOption\"\n                    (closed)=\"onClose()\"\n                    (opened)=\"onOpen()\"\n                    (optionSelected)=\"onOptionSelected($event)\">\n                    <ng-container *ngIf=\"groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            itemSize=\"48\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <ng-container *ngFor=\"let distinctOptionGroup of distinctOptionGroups\">\n                                <mat-optgroup\n                                    [class.eui-autocomplete__optgroup--custom]=\"autocompleteOptGroupTemplate\"\n                                    *ngIf=\"(groupedItems[distinctOptionGroup] | async).length > 0\"\n                                    [label]=\"distinctOptionGroup\">\n                                    <ng-container *ngIf=\"autocompleteOptGroupTemplate\">\n                                        <div class=\"eui-autocomplete__optgroup--custom-optgroup-wrapper\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\"></ng-template>\n                                        </div>\n                                    </ng-container>\n                                    <mat-option\n                                        *ngFor=\"let groupedItem of groupedItems[distinctOptionGroup] | async; trackBy: trackByFn\"\n                                        [class]=\"\n                                            groupedItem.typeClass\n                                                ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + groupedItem.typeClass\n                                                : 'mat-option eui-autocomplete__option'\n                                        \"\n                                        [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                        [value]=\"groupedItem\">\n                                        <span *ngIf=\"groupedItem.iconClass\" class=\"{{ groupedItem.iconClass }}\"></span>\n                                        <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                                            {{ groupedItem.label }}\n                                        </ng-container>\n                                        <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: groupedItem }\"></ng-template>\n                                        </ng-container>\n                                    </mat-option>\n                                </mat-optgroup>\n                            </ng-container>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                    <ng-container *ngIf=\"!groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            itemSize=\"48\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <mat-option\n                                *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: trackByFn\"\n                                [class]=\"\n                                    autocompleteOption.typeClass\n                                        ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + autocompleteOption.typeClass\n                                        : 'mat-option eui-autocomplete__option'\n                                \"\n                                [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                [class.mat-mdc-option-active]=\"i === selectedOptionIndex\"\n                                [class.mdc-list-item--selected]=\"false\"\n                                [value]=\"autocompleteOption\">\n                                <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                <ng-container *ngIf=\"!autocompleteOptionTemplate\">{{ autocompleteOption.label }}</ng-container>\n                                <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\"></ng-template>\n                                </ng-container>\n                            </mat-option>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                </mat-autocomplete>\n            </span>\n        </ng-template>\n    </div>\n</div>\n", styles: [".eui-autocomplete{--eui-autocomplete-input-width: var(--eui-base-spacing-3xl);width:100%}.eui-autocomplete__container .eui-autocomplete__field-wrapper{display:flex;position:relative;width:100%}.eui-autocomplete__container .eui-autocomplete__field-wrapper input{min-width:var(--eui-autocomplete-input-width)}.eui-autocomplete--no-max-height{max-height:none!important}.eui-autocomplete__option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-border-state-width) solid transparent;display:flex;height:auto!important;min-height:var(--eui-base-spacing-3xl)!important}.eui-autocomplete__option .eui-icon,.eui-autocomplete__option .eui-icon-svg,.eui-autocomplete__option .eui-flag-icon{margin-right:var(--eui-base-spacing-xs)}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-input-text{border:0}.eui-autocomplete .eui-autocomplete__wrapper--inside euichiplistappendcontent{display:inline-flex;flex-grow:1}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container{width:100%}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container .eui-chip-list__list{flex-wrap:inherit!important;width:100%}.eui-autocomplete--has-chips .eui-input-text[readonly]{display:none}.mat-mdc-autocomplete-panel{padding:0!important}.mat-mdc-autocomplete-panel .mat-mdc-optgroup-label{align-items:center;background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);display:flex;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-weight:700;margin-bottom:0}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom .mat-mdc-optgroup-label{display:none}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom-optgroup-wrapper{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size);font-weight:700;height:auto;line-height:var(--eui-base-spacing-3xl);min-height:var(--eui-base-spacing-3xl);padding:0 var(--eui-base-spacing-s)}.mat-mdc-autocomplete-panel .mdc-list-item--selected{background:none!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected:hover{background:rgba(0,0,0,.04)!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected .mdc-list-item__primary-text{color:inherit!important}.eui-autocomplete--primary input{background-color:var(--eui-base-color-primary-10)}.eui-autocomplete--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-autocomplete--info input{background-color:var(--eui-base-color-info-10)}.eui-autocomplete--success input{background-color:var(--eui-base-color-success-10)}.eui-autocomplete--warning input{background-color:var(--eui-base-color-warning-10)}.eui-autocomplete--danger input{background-color:var(--eui-base-color-danger-10)}.eui-autocomplete--accent input{background-color:var(--eui-base-color-accent-10)}.eui-autocomplete__wrapper--bottom .eui-autocomplete__field-wrapper{display:block;margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside .mat-chip-list .mat-chip-list-wrapper,.eui-autocomplete__wrapper--inside .mat-chip-list .mat-standard-chip{align-items:center;margin-bottom:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger{background:none;border:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger:focus{border:0;box-shadow:var(--eui-base-shadow-0)}.eui-autocomplete__option--primary{border-left-color:var(--eui-base-color-primary-100)}.eui-autocomplete__option--secondary{border-left-color:var(--eui-base-color-grey-25)}.eui-autocomplete__option--info{border-left-color:var(--eui-base-color-info-100)}.eui-autocomplete__option--success{border-left-color:var(--eui-base-color-success-100)}.eui-autocomplete__option--warning{border-left-color:var(--eui-base-color-warning-100)}.eui-autocomplete__option--danger{border-left-color:var(--eui-base-color-danger-100)}.eui-autocomplete__option--accent{border-left-color:var(--eui-base-color-accent-100)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i4.MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"] }, { kind: "component", type: i6.EuiChipListComponent, selector: "eui-chip-list, div[euiChipList], ul[euiChipList]", inputs: ["chips", "toggleLinkMoreLabel", "toggleLinkLessLabel", "chipsSortOrder", "dragAndDropSourceName", "dragAndDropConnectedTo", "ariaLabel", "dropListOrientation", "isSquared", "isChipsRemovable", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsSorted", "isChipsDragAndDrop", "isGrid"], outputs: ["chipsInit", "chipRemove", "chipDragStarted", "chipDragReleased", "chipDropped", "chiplistFocus"] }, { kind: "directive", type: i6.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /**
+     * Calculated based on the min-height value of the eui-autocomplete__option class
+     * Default: --eui-base-spacing-3xl (3rem on default 16px/1rem basis)
+     */
+    _calculateNewItemSize(baseFontSize) {
+        return (parseInt(baseFontSize.replace('px', ''), 10) * 3).toString();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.ScrollDispatcher }, { token: i0.ElementRef }, { token: i3.UxAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", autocompleteData: "autocompleteData", autocompleteDataSelected: "autocompleteDataSelected", chipsSortOrder: "chipsSortOrder", itemsSortOrder: "itemsSortOrder", placeholder: "placeholder", matching: "matching", chipsPosition: "chipsPosition", panelWidth: "panelWidth", visibleOptions: "visibleOptions", classList: "classList", groupBy: "groupBy", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", hasChips: "hasChips", isGrid: "isGrid", async: "async", addOnBlur: "addOnBlur", isFreeValueAllowed: "isFreeValueAllowed", isDuplicateValueAllowed: "isDuplicateValueAllowed", isLoading: "isLoading", isChipsRemovable: "isChipsRemovable", maxVisibleChipsCount: "maxVisibleChipsCount", chipsLabelTruncateCount: "chipsLabelTruncateCount", isMaxVisibleChipsOpened: "isMaxVisibleChipsOpened", readonly: "readonly", isChipsSorted: "isChipsSorted", isItemsSorted: "isItemsSorted", isChipsDragAndDrop: "isChipsDragAndDrop", isForceSelection: "isForceSelection", autoActiveFirstOption: "autoActiveFirstOption" }, outputs: { closed: "closed", opened: "opened", selectionChanged: "selectionChanged", itemAdded: "itemAdded", itemRemoved: "itemRemoved", inputChanged: "inputChanged", chipDragStarted: "chipDragStarted", chipDragReleased: "chipDragReleased", chipDropped: "chipDropped", clear: "clear", close: "close", open: "open", blur: "blur", selectionChange: "selectionChange", itemAdd: "itemAdd", itemRemove: "itemRemove", inputChange: "inputChange", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "autocompleteInput", first: true, predicate: ["autocompleteInput"], descendants: true, read: ElementRef }, { propertyName: "autocompleteInputTrigger", first: true, predicate: ["autocompleteInputTrigger"], descendants: true, read: MatAutocompleteTrigger }, { propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }, { propertyName: "chipList", first: true, predicate: ["chipList"], descendants: true }, { propertyName: "virtualScrolling", first: true, predicate: ["virtualScrolling"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-autocomplete__container\" matAutocompleteOrigin #origin=\"matAutocompleteOrigin\">\n    <div class=\"eui-autocomplete__wrapper eui-autocomplete__wrapper--{{ chipsPosition }}\">\n        <ng-template [ngIf]=\"chipsPosition === 'bottom'\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"hasChips\">\n            <eui-chip-list\n                #chipList\n                [chips]=\"chips\"\n                [isGrid]=\"isChipsGrid\"\n                [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n                [isChipsRemovable]=\"isChipsRemovable && !readonly\"\n                [isChipsSorted]=\"isChipsSorted\"\n                [chipsSortOrder]=\"chipsSortOrder\"\n                [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n                [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n                [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n                [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n                [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n                [dragAndDropSourceName]=\"dragAndDropSourceName\"\n                [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n                (chipDropped)=\"onChipDropped($event)\"\n                (chipDragStarted)=\"onChipDragStarted($event)\"\n                (chipDragReleased)=\"onChipDragReleased($event)\"\n                (chipRemove)=\"onChipRemove($event)\"\n                (chiplistFocus)=\"onChipListFocus()\">\n                <euiChipListAppendContent>\n                    <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                        <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n                    </ng-template>\n                </euiChipListAppendContent>\n            </eui-chip-list>\n        </ng-container>\n\n        <ng-template [ngIf]=\"chipsPosition === 'top' || !hasChips\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-template #field>\n            <span class=\"eui-autocomplete__field-wrapper\">\n                <ng-container *ngIf=\"!hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut()\"\n                        (focus)=\"onFocus()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n                <ng-container *ngIf=\"hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [matAutocompleteConnectedTo]=\"chipsPosition === 'inside' ? origin : null\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut(); addOnBlurHandler($event)\"\n                        (focus)=\"onFocus()\"\n                        (keydown.enter)=\"addOnEnterHandler()\"\n                        (keydown.backspace)=\"onKeyDownBackspace()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n\n                <mat-autocomplete\n                    [id]=\"autocompleteId\"\n                    #auto=\"matAutocomplete\"\n                    [panelWidth]=\"panelWidth === 'auto' ? null : panelWidth\"\n                    [class]=\"classList\"\n                    [autoActiveFirstOption]=\"autoActiveFirstOption\"\n                    (closed)=\"onClose()\"\n                    (opened)=\"onOpen()\"\n                    (optionSelected)=\"onOptionSelected($event)\">\n                    <ng-container *ngIf=\"groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            itemSize=\"48\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <ng-container *ngFor=\"let distinctOptionGroup of distinctOptionGroups\">\n                                <mat-optgroup\n                                    [class.eui-autocomplete__optgroup--custom]=\"autocompleteOptGroupTemplate\"\n                                    *ngIf=\"(groupedItems[distinctOptionGroup] | async).length > 0\"\n                                    [label]=\"distinctOptionGroup\">\n                                    <ng-container *ngIf=\"autocompleteOptGroupTemplate\">\n                                        <div class=\"eui-autocomplete__optgroup--custom-optgroup-wrapper\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\"></ng-template>\n                                        </div>\n                                    </ng-container>\n                                    <mat-option\n                                        *ngFor=\"let groupedItem of groupedItems[distinctOptionGroup] | async; trackBy: trackByFn\"\n                                        [disabled]=\"groupedItem.isDisabled\"\n                                        [class]=\"\n                                            groupedItem.typeClass\n                                                ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + groupedItem.typeClass\n                                                : 'mat-option eui-autocomplete__option'\n                                        \"\n                                        [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                        [value]=\"groupedItem\">\n                                        <span *ngIf=\"groupedItem.iconClass\" class=\"{{ groupedItem.iconClass }}\"></span>\n                                        <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                                            {{ groupedItem.label }}\n                                        </ng-container>\n                                        <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: groupedItem }\"></ng-template>\n                                        </ng-container>\n                                    </mat-option>\n                                </mat-optgroup>\n                            </ng-container>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                    <ng-container *ngIf=\"!groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            [itemSize]=\"itemSize\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <mat-option\n                                *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: trackByFn\"\n                                [disabled]=\"autocompleteOption.isDisabled\"\n                                [class]=\"\n                                    autocompleteOption.typeClass\n                                        ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + autocompleteOption.typeClass\n                                        : 'mat-option eui-autocomplete__option'\n                                \"\n                                [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                [class.mat-mdc-option-active]=\"i === selectedOptionIndex\"\n                                [class.mdc-list-item--selected]=\"false\"\n                                [value]=\"autocompleteOption\">\n                                <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                <ng-container *ngIf=\"!autocompleteOptionTemplate\">{{ autocompleteOption.label }}</ng-container>\n                                <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\"></ng-template>\n                                </ng-container>\n                            </mat-option>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                </mat-autocomplete>\n            </span>\n        </ng-template>\n    </div>\n</div>\n", styles: [".eui-autocomplete{--eui-autocomplete-input-width: var(--eui-base-spacing-3xl);width:100%}.eui-autocomplete .eui-clearable-wrapper{align-items:center;display:flex;position:relative;width:100%}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible;z-index:var(--eui-base-z-index-clearable-icon)}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-autocomplete__container .eui-autocomplete__field-wrapper{display:flex;position:relative;width:100%}.eui-autocomplete__container .eui-autocomplete__field-wrapper input{min-width:var(--eui-autocomplete-input-width)}.eui-autocomplete--no-max-height{max-height:none!important}.eui-autocomplete__option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-border-state-width) solid transparent;display:flex;height:auto!important;min-height:var(--eui-base-spacing-3xl)!important}.eui-autocomplete__option .eui-icon,.eui-autocomplete__option .eui-icon-svg,.eui-autocomplete__option .eui-flag-icon{margin-right:var(--eui-base-spacing-xs)}.eui-autocomplete__option .mat-pseudo-checkbox-checked,.eui-autocomplete__option .mat-pseudo-checkbox-indeterminate,.eui-autocomplete__option .mat-accent .mat-pseudo-checkbox-checked,.eui-autocomplete__option .mat-accent .mat-pseudo-checkbox-indeterminate{background:transparent}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-input-text{border:0}.eui-autocomplete .eui-autocomplete__wrapper--inside euichiplistappendcontent{display:inline-flex;flex-grow:1}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container{width:100%}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container .eui-chip-list__list{flex-wrap:inherit!important;width:100%}.eui-autocomplete--has-chips .eui-input-text[readonly]{display:none}.mat-mdc-autocomplete-panel{padding:0!important}.mat-mdc-autocomplete-panel .mat-mdc-optgroup-label{align-items:center;background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);display:flex;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-weight:700;margin-bottom:0}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom .mat-mdc-optgroup-label{display:none}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom-optgroup-wrapper{align-items:center;background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);display:flex;font-size:var(--eui-base-font-size);font-weight:700;height:auto;line-height:var(--eui-base-spacing-3xl);min-height:var(--eui-base-spacing-3xl);padding:0 var(--eui-base-spacing-s)}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom-optgroup-wrapper .eui-icon{margin-right:var(--eui-base-spacing-2xs)}.mat-mdc-autocomplete-panel .mdc-list-item--selected{background:none!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected:hover{background:rgba(0,0,0,.04)!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected .mdc-list-item__primary-text{color:inherit!important}.eui-autocomplete--primary input{background-color:var(--eui-base-color-primary-10)}.eui-autocomplete--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-autocomplete--info input{background-color:var(--eui-base-color-info-10)}.eui-autocomplete--success input{background-color:var(--eui-base-color-success-10)}.eui-autocomplete--warning input{background-color:var(--eui-base-color-warning-10)}.eui-autocomplete--danger input{background-color:var(--eui-base-color-danger-10)}.eui-autocomplete--accent input{background-color:var(--eui-base-color-accent-10)}.eui-autocomplete__wrapper--bottom .eui-autocomplete__field-wrapper{display:block;margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside .mat-chip-list .mat-chip-list-wrapper,.eui-autocomplete__wrapper--inside .mat-chip-list .mat-standard-chip{align-items:center;margin-bottom:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger{background:none;border:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger:focus{border:0;box-shadow:var(--eui-base-shadow-0)}.eui-autocomplete__option--primary{border-left-color:var(--eui-base-color-primary-100)}.eui-autocomplete__option--secondary{border-left-color:var(--eui-base-color-grey-25)}.eui-autocomplete__option--info{border-left-color:var(--eui-base-color-info-100)}.eui-autocomplete__option--success{border-left-color:var(--eui-base-color-success-100)}.eui-autocomplete__option--warning{border-left-color:var(--eui-base-color-warning-100)}.eui-autocomplete__option--danger{border-left-color:var(--eui-base-color-danger-100)}.eui-autocomplete__option--accent{border-left-color:var(--eui-base-color-accent-100)}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"] }, { kind: "component", type: i7.EuiChipListComponent, selector: "eui-chip-list, div[euiChipList], ul[euiChipList]", inputs: ["chips", "toggleLinkMoreLabel", "toggleLinkLessLabel", "chipsSortOrder", "dragAndDropSourceName", "dragAndDropConnectedTo", "ariaLabel", "dropListOrientation", "isSquared", "isChipsRemovable", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsSorted", "isChipsDragAndDrop", "isGrid"], outputs: ["chipsInit", "chipRemove", "chipDragStarted", "chipDragReleased", "chipDropped", "chiplistFocus"] }, { kind: "directive", type: i7.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: i8.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-autocomplete, input[euiAutocomplete]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-autocomplete__container\" matAutocompleteOrigin #origin=\"matAutocompleteOrigin\">\n    <div class=\"eui-autocomplete__wrapper eui-autocomplete__wrapper--{{ chipsPosition }}\">\n        <ng-template [ngIf]=\"chipsPosition === 'bottom'\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"hasChips\">\n            <eui-chip-list\n                #chipList\n                [chips]=\"chips\"\n                [isGrid]=\"isChipsGrid\"\n                [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n                [isChipsRemovable]=\"isChipsRemovable && !readonly\"\n                [isChipsSorted]=\"isChipsSorted\"\n                [chipsSortOrder]=\"chipsSortOrder\"\n                [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n                [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n                [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n                [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n                [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n                [dragAndDropSourceName]=\"dragAndDropSourceName\"\n                [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n                (chipDropped)=\"onChipDropped($event)\"\n                (chipDragStarted)=\"onChipDragStarted($event)\"\n                (chipDragReleased)=\"onChipDragReleased($event)\"\n                (chipRemove)=\"onChipRemove($event)\"\n                (chiplistFocus)=\"onChipListFocus()\">\n                <euiChipListAppendContent>\n                    <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                        <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n                    </ng-template>\n                </euiChipListAppendContent>\n            </eui-chip-list>\n        </ng-container>\n\n        <ng-template [ngIf]=\"chipsPosition === 'top' || !hasChips\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-template #field>\n            <span class=\"eui-autocomplete__field-wrapper\">\n                <ng-container *ngIf=\"!hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut()\"\n                        (focus)=\"onFocus()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n                <ng-container *ngIf=\"hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [matAutocompleteConnectedTo]=\"chipsPosition === 'inside' ? origin : null\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut(); addOnBlurHandler($event)\"\n                        (focus)=\"onFocus()\"\n                        (keydown.enter)=\"addOnEnterHandler()\"\n                        (keydown.backspace)=\"onKeyDownBackspace()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n\n                <mat-autocomplete\n                    [id]=\"autocompleteId\"\n                    #auto=\"matAutocomplete\"\n                    [panelWidth]=\"panelWidth === 'auto' ? null : panelWidth\"\n                    [class]=\"classList\"\n                    [autoActiveFirstOption]=\"autoActiveFirstOption\"\n                    (closed)=\"onClose()\"\n                    (opened)=\"onOpen()\"\n                    (optionSelected)=\"onOptionSelected($event)\">\n                    <ng-container *ngIf=\"groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            itemSize=\"48\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <ng-container *ngFor=\"let distinctOptionGroup of distinctOptionGroups\">\n                                <mat-optgroup\n                                    [class.eui-autocomplete__optgroup--custom]=\"autocompleteOptGroupTemplate\"\n                                    *ngIf=\"(groupedItems[distinctOptionGroup] | async).length > 0\"\n                                    [label]=\"distinctOptionGroup\">\n                                    <ng-container *ngIf=\"autocompleteOptGroupTemplate\">\n                                        <div class=\"eui-autocomplete__optgroup--custom-optgroup-wrapper\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\"></ng-template>\n                                        </div>\n                                    </ng-container>\n                                    <mat-option\n                                        *ngFor=\"let groupedItem of groupedItems[distinctOptionGroup] | async; trackBy: trackByFn\"\n                                        [class]=\"\n                                            groupedItem.typeClass\n                                                ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + groupedItem.typeClass\n                                                : 'mat-option eui-autocomplete__option'\n                                        \"\n                                        [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                        [value]=\"groupedItem\">\n                                        <span *ngIf=\"groupedItem.iconClass\" class=\"{{ groupedItem.iconClass }}\"></span>\n                                        <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                                            {{ groupedItem.label }}\n                                        </ng-container>\n                                        <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: groupedItem }\"></ng-template>\n                                        </ng-container>\n                                    </mat-option>\n                                </mat-optgroup>\n                            </ng-container>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                    <ng-container *ngIf=\"!groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            itemSize=\"48\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <mat-option\n                                *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: trackByFn\"\n                                [class]=\"\n                                    autocompleteOption.typeClass\n                                        ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + autocompleteOption.typeClass\n                                        : 'mat-option eui-autocomplete__option'\n                                \"\n                                [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                [class.mat-mdc-option-active]=\"i === selectedOptionIndex\"\n                                [class.mdc-list-item--selected]=\"false\"\n                                [value]=\"autocompleteOption\">\n                                <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                <ng-container *ngIf=\"!autocompleteOptionTemplate\">{{ autocompleteOption.label }}</ng-container>\n                                <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\"></ng-template>\n                                </ng-container>\n                            </mat-option>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                </mat-autocomplete>\n            </span>\n        </ng-template>\n    </div>\n</div>\n", styles: [".eui-autocomplete{--eui-autocomplete-input-width: var(--eui-base-spacing-3xl);width:100%}.eui-autocomplete__container .eui-autocomplete__field-wrapper{display:flex;position:relative;width:100%}.eui-autocomplete__container .eui-autocomplete__field-wrapper input{min-width:var(--eui-autocomplete-input-width)}.eui-autocomplete--no-max-height{max-height:none!important}.eui-autocomplete__option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-border-state-width) solid transparent;display:flex;height:auto!important;min-height:var(--eui-base-spacing-3xl)!important}.eui-autocomplete__option .eui-icon,.eui-autocomplete__option .eui-icon-svg,.eui-autocomplete__option .eui-flag-icon{margin-right:var(--eui-base-spacing-xs)}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-input-text{border:0}.eui-autocomplete .eui-autocomplete__wrapper--inside euichiplistappendcontent{display:inline-flex;flex-grow:1}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container{width:100%}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container .eui-chip-list__list{flex-wrap:inherit!important;width:100%}.eui-autocomplete--has-chips .eui-input-text[readonly]{display:none}.mat-mdc-autocomplete-panel{padding:0!important}.mat-mdc-autocomplete-panel .mat-mdc-optgroup-label{align-items:center;background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);display:flex;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-weight:700;margin-bottom:0}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom .mat-mdc-optgroup-label{display:none}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom-optgroup-wrapper{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size);font-weight:700;height:auto;line-height:var(--eui-base-spacing-3xl);min-height:var(--eui-base-spacing-3xl);padding:0 var(--eui-base-spacing-s)}.mat-mdc-autocomplete-panel .mdc-list-item--selected{background:none!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected:hover{background:rgba(0,0,0,.04)!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected .mdc-list-item__primary-text{color:inherit!important}.eui-autocomplete--primary input{background-color:var(--eui-base-color-primary-10)}.eui-autocomplete--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-autocomplete--info input{background-color:var(--eui-base-color-info-10)}.eui-autocomplete--success input{background-color:var(--eui-base-color-success-10)}.eui-autocomplete--warning input{background-color:var(--eui-base-color-warning-10)}.eui-autocomplete--danger input{background-color:var(--eui-base-color-danger-10)}.eui-autocomplete--accent input{background-color:var(--eui-base-color-accent-10)}.eui-autocomplete__wrapper--bottom .eui-autocomplete__field-wrapper{display:block;margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside .mat-chip-list .mat-chip-list-wrapper,.eui-autocomplete__wrapper--inside .mat-chip-list .mat-standard-chip{align-items:center;margin-bottom:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger{background:none;border:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger:focus{border:0;box-shadow:var(--eui-base-shadow-0)}.eui-autocomplete__option--primary{border-left-color:var(--eui-base-color-primary-100)}.eui-autocomplete__option--secondary{border-left-color:var(--eui-base-color-grey-25)}.eui-autocomplete__option--info{border-left-color:var(--eui-base-color-info-100)}.eui-autocomplete__option--success{border-left-color:var(--eui-base-color-success-100)}.eui-autocomplete__option--warning{border-left-color:var(--eui-base-color-warning-100)}.eui-autocomplete__option--danger{border-left-color:var(--eui-base-color-danger-100)}.eui-autocomplete__option--accent{border-left-color:var(--eui-base-color-accent-100)}\n"] }]
+            args: [{ selector: 'eui-autocomplete, input[euiAutocomplete]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-autocomplete__container\" matAutocompleteOrigin #origin=\"matAutocompleteOrigin\">\n    <div class=\"eui-autocomplete__wrapper eui-autocomplete__wrapper--{{ chipsPosition }}\">\n        <ng-template [ngIf]=\"chipsPosition === 'bottom'\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"hasChips\">\n            <eui-chip-list\n                #chipList\n                [chips]=\"chips\"\n                [isGrid]=\"isChipsGrid\"\n                [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n                [isChipsRemovable]=\"isChipsRemovable && !readonly\"\n                [isChipsSorted]=\"isChipsSorted\"\n                [chipsSortOrder]=\"chipsSortOrder\"\n                [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n                [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n                [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n                [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n                [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n                [dragAndDropSourceName]=\"dragAndDropSourceName\"\n                [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n                (chipDropped)=\"onChipDropped($event)\"\n                (chipDragStarted)=\"onChipDragStarted($event)\"\n                (chipDragReleased)=\"onChipDragReleased($event)\"\n                (chipRemove)=\"onChipRemove($event)\"\n                (chiplistFocus)=\"onChipListFocus()\">\n                <euiChipListAppendContent>\n                    <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                        <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n                    </ng-template>\n                </euiChipListAppendContent>\n            </eui-chip-list>\n        </ng-container>\n\n        <ng-template [ngIf]=\"chipsPosition === 'top' || !hasChips\">\n            <ng-container *ngTemplateOutlet=\"field\"></ng-container>\n        </ng-template>\n\n        <ng-template #field>\n            <span class=\"eui-autocomplete__field-wrapper\">\n                <ng-container *ngIf=\"!hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut()\"\n                        (focus)=\"onFocus()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n                <ng-container *ngIf=\"hasChips\">\n                    <input\n                        [euiClearable]=\"!readonly && !isLoading && !isDisabled\"\n                        [euiLoading]=\"isLoading\"\n                        euiInputText\n                        #autocompleteInput\n                        #autocompleteInputTrigger\n                        placeholder=\"{{ placeholder }}\"\n                        [matAutocompleteDisabled]=\"readonly\"\n                        [formControl]=\"autocompleteControl\"\n                        [matAutocomplete]=\"auto\"\n                        [matAutocompleteConnectedTo]=\"chipsPosition === 'inside' ? origin : null\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"placeholder ? placeholder : 'Autocomplete Input Field'\"\n                        (clear)=\"onClear()\"\n                        (focusout)=\"onFocusOut(); addOnBlurHandler($event)\"\n                        (focus)=\"onFocus()\"\n                        (keydown.enter)=\"addOnEnterHandler()\"\n                        (keydown.backspace)=\"onKeyDownBackspace()\"\n                        role=\"combobox\"\n                        aria-autocomplete=\"both\"\n                        aria-haspopup=\"true\"\n                        aria-controls=\"autocompleteId\" />\n                </ng-container>\n\n                <mat-autocomplete\n                    [id]=\"autocompleteId\"\n                    #auto=\"matAutocomplete\"\n                    [panelWidth]=\"panelWidth === 'auto' ? null : panelWidth\"\n                    [class]=\"classList\"\n                    [autoActiveFirstOption]=\"autoActiveFirstOption\"\n                    (closed)=\"onClose()\"\n                    (opened)=\"onOpen()\"\n                    (optionSelected)=\"onOptionSelected($event)\">\n                    <ng-container *ngIf=\"groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            itemSize=\"48\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <ng-container *ngFor=\"let distinctOptionGroup of distinctOptionGroups\">\n                                <mat-optgroup\n                                    [class.eui-autocomplete__optgroup--custom]=\"autocompleteOptGroupTemplate\"\n                                    *ngIf=\"(groupedItems[distinctOptionGroup] | async).length > 0\"\n                                    [label]=\"distinctOptionGroup\">\n                                    <ng-container *ngIf=\"autocompleteOptGroupTemplate\">\n                                        <div class=\"eui-autocomplete__optgroup--custom-optgroup-wrapper\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\"></ng-template>\n                                        </div>\n                                    </ng-container>\n                                    <mat-option\n                                        *ngFor=\"let groupedItem of groupedItems[distinctOptionGroup] | async; trackBy: trackByFn\"\n                                        [disabled]=\"groupedItem.isDisabled\"\n                                        [class]=\"\n                                            groupedItem.typeClass\n                                                ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + groupedItem.typeClass\n                                                : 'mat-option eui-autocomplete__option'\n                                        \"\n                                        [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                        [value]=\"groupedItem\">\n                                        <span *ngIf=\"groupedItem.iconClass\" class=\"{{ groupedItem.iconClass }}\"></span>\n                                        <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                                            {{ groupedItem.label }}\n                                        </ng-container>\n                                        <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: groupedItem }\"></ng-template>\n                                        </ng-container>\n                                    </mat-option>\n                                </mat-optgroup>\n                            </ng-container>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                    <ng-container *ngIf=\"!groupBy\">\n                        <cdk-virtual-scroll-viewport\n                            #virtualScrolling\n                            [itemSize]=\"itemSize\"\n                            minBufferPx=\"500\"\n                            maxBufferPx=\"750\"\n                            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n                            <mat-option\n                                *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: trackByFn\"\n                                [disabled]=\"autocompleteOption.isDisabled\"\n                                [class]=\"\n                                    autocompleteOption.typeClass\n                                        ? 'mat-option eui-autocomplete__option eui-autocomplete__option--' + autocompleteOption.typeClass\n                                        : 'mat-option eui-autocomplete__option'\n                                \"\n                                [class.eui-autocomplete__option--custom]=\"autocompleteOptionTemplate\"\n                                [class.mat-mdc-option-active]=\"i === selectedOptionIndex\"\n                                [class.mdc-list-item--selected]=\"false\"\n                                [value]=\"autocompleteOption\">\n                                <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                <ng-container *ngIf=\"!autocompleteOptionTemplate\">{{ autocompleteOption.label }}</ng-container>\n                                <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\"></ng-template>\n                                </ng-container>\n                            </mat-option>\n                        </cdk-virtual-scroll-viewport>\n                    </ng-container>\n                </mat-autocomplete>\n            </span>\n        </ng-template>\n    </div>\n</div>\n", styles: [".eui-autocomplete{--eui-autocomplete-input-width: var(--eui-base-spacing-3xl);width:100%}.eui-autocomplete .eui-clearable-wrapper{align-items:center;display:flex;position:relative;width:100%}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible;z-index:var(--eui-base-z-index-clearable-icon)}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-autocomplete .eui-clearable-wrapper .eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-autocomplete__container .eui-autocomplete__field-wrapper{display:flex;position:relative;width:100%}.eui-autocomplete__container .eui-autocomplete__field-wrapper input{min-width:var(--eui-autocomplete-input-width)}.eui-autocomplete--no-max-height{max-height:none!important}.eui-autocomplete__option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-border-state-width) solid transparent;display:flex;height:auto!important;min-height:var(--eui-base-spacing-3xl)!important}.eui-autocomplete__option .eui-icon,.eui-autocomplete__option .eui-icon-svg,.eui-autocomplete__option .eui-flag-icon{margin-right:var(--eui-base-spacing-xs)}.eui-autocomplete__option .mat-pseudo-checkbox-checked,.eui-autocomplete__option .mat-pseudo-checkbox-indeterminate,.eui-autocomplete__option .mat-accent .mat-pseudo-checkbox-checked,.eui-autocomplete__option .mat-accent .mat-pseudo-checkbox-indeterminate{background:transparent}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-input-text{border:0}.eui-autocomplete .eui-autocomplete__wrapper--inside euichiplistappendcontent{display:inline-flex;flex-grow:1}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container{width:100%}.eui-autocomplete .eui-autocomplete__wrapper--inside .eui-chip-list-container .eui-chip-list__list{flex-wrap:inherit!important;width:100%}.eui-autocomplete--has-chips .eui-input-text[readonly]{display:none}.mat-mdc-autocomplete-panel{padding:0!important}.mat-mdc-autocomplete-panel .mat-mdc-optgroup-label{align-items:center;background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);display:flex;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-weight:700;margin-bottom:0}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom .mat-mdc-optgroup-label{display:none}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom-optgroup-wrapper{align-items:center;background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-80);display:flex;font-size:var(--eui-base-font-size);font-weight:700;height:auto;line-height:var(--eui-base-spacing-3xl);min-height:var(--eui-base-spacing-3xl);padding:0 var(--eui-base-spacing-s)}.mat-mdc-autocomplete-panel .eui-autocomplete__optgroup--custom-optgroup-wrapper .eui-icon{margin-right:var(--eui-base-spacing-2xs)}.mat-mdc-autocomplete-panel .mdc-list-item--selected{background:none!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected:hover{background:rgba(0,0,0,.04)!important}.mat-mdc-autocomplete-panel .mdc-list-item--selected .mdc-list-item__primary-text{color:inherit!important}.eui-autocomplete--primary input{background-color:var(--eui-base-color-primary-10)}.eui-autocomplete--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-autocomplete--info input{background-color:var(--eui-base-color-info-10)}.eui-autocomplete--success input{background-color:var(--eui-base-color-success-10)}.eui-autocomplete--warning input{background-color:var(--eui-base-color-warning-10)}.eui-autocomplete--danger input{background-color:var(--eui-base-color-danger-10)}.eui-autocomplete--accent input{background-color:var(--eui-base-color-accent-10)}.eui-autocomplete__wrapper--bottom .eui-autocomplete__field-wrapper{display:block;margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-2xs)}.eui-autocomplete__wrapper--inside .mat-chip-list .mat-chip-list-wrapper,.eui-autocomplete__wrapper--inside .mat-chip-list .mat-standard-chip{align-items:center;margin-bottom:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger{background:none;border:0}.eui-autocomplete__wrapper--inside .mat-autocomplete-trigger:focus{border:0;box-shadow:var(--eui-base-shadow-0)}.eui-autocomplete__option--primary{border-left-color:var(--eui-base-color-primary-100)}.eui-autocomplete__option--secondary{border-left-color:var(--eui-base-color-grey-25)}.eui-autocomplete__option--info{border-left-color:var(--eui-base-color-info-100)}.eui-autocomplete__option--success{border-left-color:var(--eui-base-color-success-100)}.eui-autocomplete__option--warning{border-left-color:var(--eui-base-color-warning-100)}.eui-autocomplete__option--danger{border-left-color:var(--eui-base-color-danger-100)}.eui-autocomplete__option--accent{border-left-color:var(--eui-base-color-accent-100)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
                     type: Optional
-                }] }, { type: i2.ScrollDispatcher }, { type: i0.ElementRef }]; }, propDecorators: { toggleLinkMoreLabel: [{
+                }] }, { type: i2.ScrollDispatcher }, { type: i0.ElementRef }, { type: i3.UxAppShellService }]; }, propDecorators: { toggleLinkMoreLabel: [{
                 type: Input
             }], toggleLinkLessLabel: [{
                 type: Input
@@ -801,8 +818,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
             }] } });
 
 class EuiAutocompleteModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAutocompleteModule, declarations: [EuiAutocompleteComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteModule, declarations: [EuiAutocompleteComponent], imports: [CommonModule,
             ReactiveFormsModule,
             MatAutocompleteModule,
             EuiChipListModule,
@@ -810,7 +827,7 @@ class EuiAutocompleteModule {
             EuiIconModule,
             EuiInputTextModule,
             ScrollingModule], exports: [EuiAutocompleteComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAutocompleteModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteModule, imports: [CommonModule,
             ReactiveFormsModule,
             MatAutocompleteModule,
             EuiChipListModule,
@@ -819,7 +836,7 @@ class EuiAutocompleteModule {
             EuiInputTextModule,
             ScrollingModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiAutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [