npm - @eui/components - Versions diffs - 17.0.0-next.6 → 17.0.0-next.8 - Mend

@eui/components 17.0.0-next.6 → 17.0.0-next.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (403) hide show

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

@@ -62,13 +62,13 @@ class EuiAlertComponent extends BaseDirective {
             this.alertIconType = 'eui-question';
         }
     }
-    /** @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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", 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.4", ngImport: i0, type: EuiAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", 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: [{
+        }], ctorParameters: () => [], propDecorators: { euiAlertMuted: [{
                 type: Input
             }], isCloseable: [{
                 type: Input
@@ -79,11 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
                 args: ['class']
             }] } });
 class EuiAlertModule {
-    /** @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] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", 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.7", ngImport: i0, type: EuiAlertModule, imports: [CommonModule, EuiIconModule, EuiLabelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule, EuiLabelModule],

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

	@@ -1 +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 // 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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~~0EAIjC~~,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAUF,WAAW,EAAA,CAAA;sBADd,KAAK;gBASI,KAAK,EAAA,CAAA;sBAAd,MAAM;gBAQH,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;MAgDX,cAAc,CAAA;wIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;yIAAd,cAAc,EAAA,YAAA,EAAA,CA1Ed,iBAAiB,CAsEhB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAtE5C,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AA0EjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAJb,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;kGAI5C,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,cAAc,CAAC;oBACtD,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC/B,iBAAA,CAAA;;;AEnGD;;AAEG;;;;"}
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 // 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 CHANGED Viewed

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

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

	@@ -1 +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 { 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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"}
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 { EuiDiscussionThreadModule } from '@eui/components/eui-discussion-thread';\nimport { EuiSidebarMenuModule } from '@eui/components/eui-sidebar-menu';\nimport { EuiProgressBarModule } from '@eui/components/eui-progress-bar';\nimport { EuiTreeModule } from '@eui/components/eui-tree';\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 CHANGED Viewed

@@ -228,7 +228,6 @@ 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
@@ -410,8 +409,10 @@ class EuiAutocompleteComponent extends BaseDirective {
     onFocusOut() {
         this.onTouch();
         if (this.isForceSelection) {
-            this.autocompleteInput.nativeElement.value = '';
-            this.autocompleteControl.setValue(null);
+            setTimeout(() => {
+                this.autocompleteInput.nativeElement.value = '';
+                this.autocompleteControl.setValue(null);
+            }, 250);
         }
         this.blur.emit();
     }
@@ -677,20 +678,20 @@ class EuiAutocompleteComponent extends BaseDirective {
      * 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();
+    _calculateNewItemSize(baseFontSize = '16px') {
+        return (parseInt(baseFontSize, 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.EuiAppShellService }], 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.ScrollDispatcher }, { token: i0.ElementRef }, { token: i3.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", 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__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.4", ngImport: i0, type: EuiAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", 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                                        [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: [{
+            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__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: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
                     type: Optional
-                }] }, { type: i2.ScrollDispatcher }, { type: i0.ElementRef }, { type: i3.EuiAppShellService }]; }, propDecorators: { toggleLinkMoreLabel: [{
+                }] }, { type: i2.ScrollDispatcher }, { type: i0.ElementRef }, { type: i3.EuiAppShellService }], propDecorators: { toggleLinkMoreLabel: [{
                 type: Input
             }], toggleLinkLessLabel: [{
                 type: Input
@@ -818,8 +819,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
             }] } });
 class EuiAutocompleteModule {
-    /** @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,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAutocompleteModule, declarations: [EuiAutocompleteComponent], imports: [CommonModule,
             ReactiveFormsModule,
             MatAutocompleteModule,
             EuiChipListModule,
@@ -827,7 +828,7 @@ class EuiAutocompleteModule {
             EuiIconModule,
             EuiInputTextModule,
             ScrollingModule], exports: [EuiAutocompleteComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAutocompleteModule, imports: [CommonModule,
             ReactiveFormsModule,
             MatAutocompleteModule,
             EuiChipListModule,
@@ -836,7 +837,7 @@ class EuiAutocompleteModule {
             EuiInputTextModule,
             ScrollingModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiAutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [