npm - @eui/components - Versions diffs - 17.0.0-rc.2 → 17.0.0-rc.4 - Mend

@eui/components 17.0.0-rc.2 → 17.0.0-rc.4

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 (239) hide show

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

@@ -59,6 +59,7 @@ import { EuiTreeModule } from '@eui/components/eui-tree';
 import { EuiUxTreeModule } from '@eui/components/eui-ux-tree';
 import { EuiTreeListModule } from '@eui/components/eui-tree-list';
 import { EuiAvatarModule } from '@eui/components/eui-avatar';
+import { EuiSkeletonModule } from '@eui/components/eui-skeleton';
 import { EuiTemplateDirectiveModule, EuiTooltipDirectiveModule, EuiMaxLengthDirectiveModule, EuiSmoothScrollDirectiveModule, EuiScrollHandlerDirectiveModule, EuiHasPermissionDirectiveModule, EuiResizableDirectiveModule } from '@eui/components/directives';
 import { EuiTruncatePipeModule } from '@eui/components/pipes';
@@ -127,6 +128,7 @@ const MODULES = [
     EuiUxTreeModule,
     EuiTreeListModule,
     EuiAvatarModule,
+    EuiSkeletonModule,
 ];
 class EuiAllModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -193,7 +195,8 @@ class EuiAllModule {
             EuiProgressBarModule,
             EuiUxTreeModule,
             EuiTreeListModule,
-            EuiAvatarModule], exports: [EuiTemplateDirectiveModule,
+            EuiAvatarModule,
+            EuiSkeletonModule], exports: [EuiTemplateDirectiveModule,
             EuiTooltipDirectiveModule,
             EuiInputNumberDirectiveModule,
             EuiMaxLengthDirectiveModule,
@@ -256,7 +259,8 @@ class EuiAllModule {
             EuiProgressBarModule,
             EuiUxTreeModule,
             EuiTreeListModule,
-            EuiAvatarModule] }); }
+            EuiAvatarModule,
+            EuiSkeletonModule] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, MODULES, EuiTemplateDirectiveModule,
             EuiTooltipDirectiveModule,
             EuiInputNumberDirectiveModule,
@@ -320,7 +324,8 @@ class EuiAllModule {
             EuiProgressBarModule,
             EuiUxTreeModule,
             EuiTreeListModule,
-            EuiAvatarModule] }); }
+            EuiAvatarModule,
+            EuiSkeletonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiAllModule, decorators: [{
             type: NgModule,

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 { 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';\nimport { EuiUxTreeModule } from '@eui/components/eui-ux-tree';\nimport { EuiTreeListModule } from '@eui/components/eui-tree-list';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\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 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 EuiUxTreeModule,\n EuiTreeListModule,\n\n EuiAvatarModule,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA,MAAM,OAAO,GAAG;IACZ,0BAA0B;IAC1B,yBAAyB;IACzB,6BAA6B;IAC7B,2BAA2B;IAC3B,8BAA8B;IAC9B,+BAA+B;IAC/B,+BAA+B;IAC/B,2BAA2B;IAC3B,eAAe;IAEf,aAAa;IACb,gBAAgB;IAChB,eAAe;IAEf,cAAc;IACd,aAAa;IACb,cAAc;IACd,mBAAmB;IAEnB,cAAc;IACd,qBAAqB;IACrB,sBAAsB;IACtB,qBAAqB;IACrB,eAAe;IACf,gBAAgB;IAChB,aAAa;IACb,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,sBAAsB;IACtB,mBAAmB;IACnB,0BAA0B;IAC1B,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,oBAAoB;IACpB,aAAa;IACb,aAAa;IACb,mBAAmB;IACnB,aAAa;IACb,cAAc;IACd,mBAAmB;IACnB,gBAAgB;IAChB,wBAAwB;IACxB,mBAAmB;IACnB,aAAa;IACb,sBAAsB;IACtB,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IAErB,iBAAiB;IAEjB,kBAAkB;IAElB,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,yBAAyB;IACzB,oBAAoB;IACpB,oBAAoB;IACpB,eAAe;IACf,iBAAiB;IAEjB,eAAe;CAClB,CAAC;MAMW,YAAY,CAAA;iIAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAZ,YAAY,EAAA,OAAA,EAAA,CAHX,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EA1EtE,0BAA0B;YAC1B,yBAAyB;YACzB,6BAA6B;YAC7B,2BAA2B;YAC3B,8BAA8B;YAC9B,+BAA+B;YAC/B,+BAA+B;YAC/B,2BAA2B;YAC3B,eAAe;YAEf,aAAa;YACb,gBAAgB;YAChB,eAAe;YAEf,cAAc;YACd,aAAa;YACb,cAAc;YACd,mBAAmB;YAEnB,cAAc;YACd,qBAAqB;YACrB,sBAAsB;YACtB,qBAAqB;YACrB,eAAe;YACf,gBAAgB;YAChB,aAAa;YACb,aAAa;YACb,iBAAiB;YACjB,wBAAwB;YACxB,sBAAsB;YACtB,mBAAmB;YACnB,0BAA0B;YAC1B,iBAAiB;YACjB,eAAe;YACf,cAAc;YACd,oBAAoB;YACpB,aAAa;YACb,aAAa;YACb,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,mBAAmB;YACnB,gBAAgB;YAChB,wBAAwB;YACxB,mBAAmB;YACnB,aAAa;YACb,sBAAsB;YACtB,eAAe;YACf,mBAAmB;YACnB,kBAAkB;YAClB,iBAAiB;YACjB,mBAAmB;YACnB,qBAAqB;YAErB,iBAAiB;YAEjB,kBAAkB;YAElB,oBAAoB;YACpB,uBAAuB;YACvB,uBAAuB;YACvB,eAAe;YACf,iBAAiB;YACjB,gBAAgB;YAChB,yBAAyB;YACzB,oBAAoB;YACpB,oBAAoB;YACpB,eAAe;YACf,iBAAiB;AAEjB,YAAA,eAAe,aAtEf,0BAA0B;YAC1B,yBAAyB;YACzB,6BAA6B;YAC7B,2BAA2B;YAC3B,8BAA8B;YAC9B,+BAA+B;YAC/B,+BAA+B;YAC/B,2BAA2B;YAC3B,eAAe;YAEf,aAAa;YACb,gBAAgB;YAChB,eAAe;YAEf,cAAc;YACd,aAAa;YACb,cAAc;YACd,mBAAmB;YAEnB,cAAc;YACd,qBAAqB;YACrB,sBAAsB;YACtB,qBAAqB;YACrB,eAAe;YACf,gBAAgB;YAChB,aAAa;YACb,aAAa;YACb,iBAAiB;YACjB,wBAAwB;YACxB,sBAAsB;YACtB,mBAAmB;YACnB,0BAA0B;YAC1B,iBAAiB;YACjB,eAAe;YACf,cAAc;YACd,oBAAoB;YACpB,aAAa;YACb,aAAa;YACb,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,mBAAmB;YACnB,gBAAgB;YAChB,wBAAwB;YACxB,mBAAmB;YACnB,aAAa;YACb,sBAAsB;YACtB,eAAe;YACf,mBAAmB;YACnB,kBAAkB;YAClB,iBAAiB;YACjB,mBAAmB;YACnB,qBAAqB;YAErB,iBAAiB;YAEjB,kBAAkB;YAElB,oBAAoB;YACpB,uBAAuB;YACvB,uBAAuB;YACvB,eAAe;YACf,iBAAiB;YACjB,gBAAgB;YAChB,yBAAyB;YACzB,oBAAoB;YACpB,oBAAoB;YACpB,eAAe;YACf,iBAAiB;YAEjB,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;kIAON,YAAY,EAAA,OAAA,EAAA,CAHX,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAK,OAAO,EA1ElF,0BAA0B;YAC1B,yBAAyB;YACzB,6BAA6B;YAC7B,2BAA2B;YAC3B,8BAA8B;YAC9B,+BAA+B;YAC/B,+BAA+B;YAC/B,2BAA2B;YAC3B,eAAe;YAEf,aAAa;YACb,gBAAgB;YAChB,eAAe;YAEf,cAAc;YACd,aAAa;YACb,cAAc;YACd,mBAAmB;YAEnB,cAAc;YACd,qBAAqB;YACrB,sBAAsB;YACtB,qBAAqB;YACrB,eAAe;YACf,gBAAgB;YAChB,aAAa;YACb,aAAa;YACb,iBAAiB;YACjB,wBAAwB;YACxB,sBAAsB;YACtB,mBAAmB;YACnB,0BAA0B;YAC1B,iBAAiB;YACjB,eAAe;YACf,cAAc;YACd,oBAAoB;YACpB,aAAa;YACb,aAAa;YACb,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,mBAAmB;YACnB,gBAAgB;YAChB,wBAAwB;YACxB,mBAAmB;YACnB,aAAa;YACb,sBAAsB;YACtB,eAAe;YACf,mBAAmB;YACnB,kBAAkB;YAClB,iBAAiB;YACjB,mBAAmB;YACnB,qBAAqB;YAErB,iBAAiB;YAEjB,kBAAkB;YAElB,oBAAoB;YACpB,uBAAuB;YACvB,uBAAuB;YACvB,eAAe;YACf,iBAAiB;YACjB,gBAAgB;YAChB,yBAAyB;YACzB,oBAAoB;YACpB,oBAAoB;YACpB,eAAe;YACf,iBAAiB;YAEjB,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAON,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;AACnF,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACxB,iBAAA,CAAA;;;AC5JD;;AAEG;;;;"}
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 { 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';\nimport { EuiUxTreeModule } from '@eui/components/eui-ux-tree';\nimport { EuiTreeListModule } from '@eui/components/eui-tree-list';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiSkeletonModule } from '@eui/components/eui-skeleton';\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 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 EuiUxTreeModule,\n EuiTreeListModule,\n\n EuiAvatarModule,\n EuiSkeletonModule,\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

@@ -566,9 +566,6 @@ class EuiAutocompleteComponent {
         this.selectionChange.emit(this.autocompleteDataSelected);
         this.itemAdd.emit(item);
     }
-    groupsTrackByFn(index, group) {
-        return group;
-    }
     optionsTrackByFn(index, item) {
         return item.id;
     }
@@ -773,7 +770,7 @@ class EuiAutocompleteComponent {
             (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiAutocompleteComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i2.LiveAnnouncer }, { token: i3.ScrollDispatcher }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { autocompleteData: "autocompleteData", visibleOptions: "visibleOptions", matching: "matching", placeholder: "placeholder", autocompleteDataSelected: "autocompleteDataSelected", chipsSortOrder: "chipsSortOrder", itemsSortOrder: "itemsSortOrder", chipsPosition: "chipsPosition", groupBy: "groupBy", toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", classList: "classList", panelWidth: "panelWidth", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", isFreeValueAllowed: "isFreeValueAllowed", isReadonly: "isReadonly", isLoading: "isLoading", hasChips: "hasChips", isAsync: "isAsync", isChipsSorted: "isChipsSorted", isItemsSorted: "isItemsSorted", isChipsRemovable: "isChipsRemovable", isDuplicateValueAllowed: "isDuplicateValueAllowed", isAddOnBlur: "isAddOnBlur", isForceSelection: "isForceSelection", maxVisibleChipsCount: "maxVisibleChipsCount", chipsLabelTruncateCount: "chipsLabelTruncateCount", isMaxVisibleChipsOpened: "isMaxVisibleChipsOpened", isChipsDragAndDrop: "isChipsDragAndDrop" }, outputs: { panelClose: "panelClose", panelOpen: "panelOpen", inputFocus: "inputFocus", inputBlur: "inputBlur", clear: "clear", 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: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "inputContainerRef", first: true, predicate: ["inputContainerRef"], descendants: true }, { propertyName: "virtualScrolling", first: true, predicate: ["virtualScrolling"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent"] }], ngImport: i0, template: "<div class=\"eui-autocomplete__wrapper\">\n    <ng-container *ngIf=\"chipsPosition === 'bottom'\">\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"hasChips\">\n        <eui-chip-list\n            [chips]=\"chips\"\n            [isChipsRemovable]=\"isChipsRemovable && !isReadonly\"\n            [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n            [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n            [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n            [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n            [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n            [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n            [dragAndDropSourceName]=\"dragAndDropSourceName\"\n            [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n            (chipDrop)=\"onChipDropped($event)\"\n            (chipDragStart)=\"onChipDragStarted($event)\"\n            (chipDragRelease)=\"onChipDragReleased($event)\"\n            (chipRemove)=\"onChipRemove($event)\">\n            <euiChipListAppendContent>\n                <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                </ng-template>\n            </euiChipListAppendContent>\n        </eui-chip-list>\n    </ng-container>\n    <ng-container *ngIf=\"chipsPosition === 'top'\">\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #control>\n    <div class=\"eui-autocomplete__input-container\" #inputContainerRef>\n        <input\n            #input\n            euiInputText\n            [euiClearable]=\"!isReadonly && !isDisabled\"\n            [euiLoading]=\"isLoading\"\n            [formControl]=\"autocompleteControl\"\n            class=\"eui-autocomplete__input {{ classList }}\"\n            placeholder=\"{{ placeholder }}\"\n            [readonly]=\"isReadonly\"\n            (clear)=\"onClear()\"\n            (click)=\"openPanel()\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            aria-autocomplete=\"both\"\n            aria-haspopup=\"true\"\n            aria-controls=\"eui-autocomplete__panel\" />\n    </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n    <div id=\"eui-autocomplete__panel\" class=\"eui-autocomplete__panel\" [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\" role=\"listbox\" aria-live=\"polite\">\n        <cdk-virtual-scroll-viewport\n            #virtualScrolling\n            [itemSize]=\"itemSize\"\n            minBufferPx=\"500\"\n            maxBufferPx=\"750\"\n            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n            <ng-container *ngIf=\"!groupBy\">\n                <eui-autocomplete-option\n                    *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn\"\n                    [isActive]=\"selectedOptionIndex === i\"\n                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                    [euiVariant]=\"autocompleteOption.typeClass\"\n                    (click)=\"onOptionSelected(autocompleteOption)\">\n                    <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                        <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                        {{ autocompleteOption.label }}\n                    </ng-container>\n                    <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                        <ng-template\n                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                        </ng-template>\n                    </ng-container>\n                </eui-autocomplete-option>\n            </ng-container>\n            <ng-container *ngIf=\"groupBy\">\n                <ng-container *ngFor=\"let distinctOptionGroup of distinctOptionGroups; let i = index; trackBy: groupsTrackByFn\">\n                    <eui-autocomplete-option-group *ngIf=\"(groupedOptions | async)[distinctOptionGroup].options.length > 0\" [label]=\"distinctOptionGroup\">\n                        <div class=\"eui-autocomplete-option-group__label\">\n                            <ng-container *ngIf=\"autocompleteOptGroupTemplate\">\n                                <ng-template\n                                    [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\">\n                                </ng-template>\n                            </ng-container>\n                            <ng-container *ngIf=\"!autocompleteOptGroupTemplate\">\n                                {{ distinctOptionGroup }}\n                            </ng-container>\n                        </div>\n                        <div class=\"eui-autocomplete-option-group__options\">\n                            <ng-container *ngFor=\"let autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = index; trackBy: optionsTrackByFn\">\n                                <eui-autocomplete-option\n                                    isGroupItem\n                                    [isActive]=\"selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j\"\n                                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                                    [euiVariant]=\"autocompleteOption.typeClass\"\n                                    (click)=\"onOptionSelected(autocompleteOption)\">\n                                    <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                                        <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                        {{ autocompleteOption.label }}\n                                    </ng-container>\n                                    <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                                        </ng-template>\n                                    </ng-container>\n                                </eui-autocomplete-option>\n                            </ng-container>\n                        </div>\n                    </eui-autocomplete-option-group>\n                </ng-container>\n            </ng-container>\n        </cdk-virtual-scroll-viewport>\n    </div>  \n</ng-template>\n", styles: [".eui-autocomplete,.eui-autocomplete__wrapper{width:100%}.eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-base-shadow-8);width:100%}.eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:0 var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{display:block}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:0;margin-top:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:0;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs) - 2px)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}button~.eui-autocomplete .eui-autocomplete__input,.eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete:has(+.eui-input-group-addon-item) .eui-autocomplete__input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-base-spacing-2xs)}.eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option:hover{background-color:var(--eui-base-color-grey-5)}.eui-autocomplete-option--group-item{padding-left:var(--eui-base-spacing-l)}.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--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)}.eui-autocomplete-option--active{background-color:var(--eui-base-color-grey-5);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px}.eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-autocomplete-option--disabled:hover{background:none}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i8.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", "chipDragStart", "chipDragRelease", "chipDrop", "chiplistFocus"] }, { kind: "directive", type: i8.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: ["isActive", "isDisabled", "isGroupItem"] }, { kind: "component", type: EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: ["label"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.2", type: EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { autocompleteData: "autocompleteData", visibleOptions: "visibleOptions", matching: "matching", placeholder: "placeholder", autocompleteDataSelected: "autocompleteDataSelected", chipsSortOrder: "chipsSortOrder", itemsSortOrder: "itemsSortOrder", chipsPosition: "chipsPosition", groupBy: "groupBy", toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", classList: "classList", panelWidth: "panelWidth", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", isFreeValueAllowed: "isFreeValueAllowed", isReadonly: "isReadonly", isLoading: "isLoading", hasChips: "hasChips", isAsync: "isAsync", isChipsSorted: "isChipsSorted", isItemsSorted: "isItemsSorted", isChipsRemovable: "isChipsRemovable", isDuplicateValueAllowed: "isDuplicateValueAllowed", isAddOnBlur: "isAddOnBlur", isForceSelection: "isForceSelection", maxVisibleChipsCount: "maxVisibleChipsCount", chipsLabelTruncateCount: "chipsLabelTruncateCount", isMaxVisibleChipsOpened: "isMaxVisibleChipsOpened", isChipsDragAndDrop: "isChipsDragAndDrop" }, outputs: { panelClose: "panelClose", panelOpen: "panelOpen", inputFocus: "inputFocus", inputBlur: "inputBlur", clear: "clear", 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: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "inputContainerRef", first: true, predicate: ["inputContainerRef"], descendants: true }, { propertyName: "virtualScrolling", first: true, predicate: ["virtualScrolling"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent"] }], ngImport: i0, template: "<div class=\"eui-autocomplete__wrapper\">\n    @if (chipsPosition === 'bottom') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n    @if (hasChips) {\n        <eui-chip-list\n            [chips]=\"chips\"\n            [isChipsRemovable]=\"isChipsRemovable && !isReadonly\"\n            [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n            [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n            [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n            [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n            [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n            [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n            [dragAndDropSourceName]=\"dragAndDropSourceName\"\n            [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n            (chipDrop)=\"onChipDropped($event)\"\n            (chipDragStart)=\"onChipDragStarted($event)\"\n            (chipDragRelease)=\"onChipDragReleased($event)\"\n            (chipRemove)=\"onChipRemove($event)\">\n            <euiChipListAppendContent>\n                <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                </ng-template>\n            </euiChipListAppendContent>\n        </eui-chip-list>\n    }\n    @if (chipsPosition === 'top') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n</div>\n\n<ng-template #control>\n    <div class=\"eui-autocomplete__input-container\" #inputContainerRef>\n        <input\n            #input\n            euiInputText\n            [euiClearable]=\"!isReadonly && !isDisabled\"\n            [euiLoading]=\"isLoading\"\n            [formControl]=\"autocompleteControl\"\n            class=\"eui-autocomplete__input {{ classList }}\"\n            placeholder=\"{{ placeholder }}\"\n            [readonly]=\"isReadonly\"\n            (clear)=\"onClear()\"\n            (click)=\"openPanel()\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n            aria-autocomplete=\"both\"\n            aria-haspopup=\"true\" />\n    </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n    <div\n        class=\"eui-autocomplete__panel\"\n        [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n        role=\"listbox\"\n        aria-live=\"polite\"\n        aria-label=\"Autocomplete panel\">\n        <cdk-virtual-scroll-viewport\n            #virtualScrolling\n            [itemSize]=\"itemSize\"\n            tabindex=\"0\"\n            minBufferPx=\"500\"\n            maxBufferPx=\"750\"\n            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n            @if (groupBy) {\n                @for (distinctOptionGroup of distinctOptionGroups; let i = $index; track distinctOptionGroup) {\n                        @if ((groupedOptions | async)[distinctOptionGroup].options.length > 0) {\n                            <eui-autocomplete-option-group [label]=\"distinctOptionGroup\">\n                                <div class=\"eui-autocomplete-option-group__label\">\n                                    @if (autocompleteOptGroupTemplate) {\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\">\n                                        </ng-template>\n                                    } @else {\n                                        {{ distinctOptionGroup }}\n                                    }\n                                </div>\n                                <div class=\"eui-autocomplete-option-group__options\">\n                                    @for (autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = $index; track autocompleteOption.id) {\n                                        <eui-autocomplete-option\n                                            isGroupItem\n                                            [isActive]=\"selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j\"\n                                            [isDisabled]=\"autocompleteOption.isDisabled\"\n                                            [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                                            [euiVariant]=\"autocompleteOption.typeClass\"\n                                            (click)=\"onOptionSelected(autocompleteOption)\">\n                                            @if (autocompleteOptionTemplate) {\n                                                <ng-template\n                                                    [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                    [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                                                </ng-template>\n                                            } @else {\n                                                @if (autocompleteOption.iconClass) {\n                                                    <span class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                                }\n                                                {{ autocompleteOption.label }}\n                                            }\n                                        </eui-autocomplete-option>\n                                    }\n                                </div>\n                            </eui-autocomplete-option-group>\n                        }\n                }\n            } @else {\n                <eui-autocomplete-option\n                    *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn\"\n                    [isActive]=\"selectedOptionIndex === i\"\n                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                    [euiVariant]=\"autocompleteOption.typeClass\"\n                    (click)=\"onOptionSelected(autocompleteOption)\">\n                    @if (autocompleteOptionTemplate) {\n                        <ng-template\n                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                        </ng-template>\n                    } @else {\n                        @if (autocompleteOption.iconClass) {\n                            <span class=\"{{ autocompleteOption.iconClass }}\"></span>\n                        }\n                        {{ autocompleteOption.label }}\n                    }\n                </eui-autocomplete-option>\n            }\n        </cdk-virtual-scroll-viewport>\n    </div>  \n</ng-template>\n", styles: [".eui-autocomplete,.eui-autocomplete__wrapper{width:100%}.eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-base-shadow-8);width:100%}.eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:0 var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{display:block}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:0;margin-top:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:0;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs) - 2px)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}button~.eui-autocomplete .eui-autocomplete__input,.eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete:has(+.eui-input-group-addon-item) .eui-autocomplete__input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-base-spacing-2xs)}.eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option:hover{background-color:var(--eui-base-color-grey-5)}.eui-autocomplete-option--group-item{padding-left:var(--eui-base-spacing-l)}.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--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)}.eui-autocomplete-option--active{background-color:var(--eui-base-color-grey-5);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px}.eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-autocomplete-option--disabled:hover{background:none}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i8.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", "chipDragStart", "chipDragRelease", "chipDrop", "chiplistFocus"] }, { kind: "directive", type: i8.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: ["isActive", "isDisabled", "isGroupItem"] }, { kind: "component", type: EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: ["label"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -834,7 +831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                                 'euiAccent',
                             ],
                         },
-                    ], template: "<div class=\"eui-autocomplete__wrapper\">\n    <ng-container *ngIf=\"chipsPosition === 'bottom'\">\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"hasChips\">\n        <eui-chip-list\n            [chips]=\"chips\"\n            [isChipsRemovable]=\"isChipsRemovable && !isReadonly\"\n            [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n            [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n            [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n            [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n            [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n            [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n            [dragAndDropSourceName]=\"dragAndDropSourceName\"\n            [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n            (chipDrop)=\"onChipDropped($event)\"\n            (chipDragStart)=\"onChipDragStarted($event)\"\n            (chipDragRelease)=\"onChipDragReleased($event)\"\n            (chipRemove)=\"onChipRemove($event)\">\n            <euiChipListAppendContent>\n                <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                </ng-template>\n            </euiChipListAppendContent>\n        </eui-chip-list>\n    </ng-container>\n    <ng-container *ngIf=\"chipsPosition === 'top'\">\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #control>\n    <div class=\"eui-autocomplete__input-container\" #inputContainerRef>\n        <input\n            #input\n            euiInputText\n            [euiClearable]=\"!isReadonly && !isDisabled\"\n            [euiLoading]=\"isLoading\"\n            [formControl]=\"autocompleteControl\"\n            class=\"eui-autocomplete__input {{ classList }}\"\n            placeholder=\"{{ placeholder }}\"\n            [readonly]=\"isReadonly\"\n            (clear)=\"onClear()\"\n            (click)=\"openPanel()\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            aria-autocomplete=\"both\"\n            aria-haspopup=\"true\"\n            aria-controls=\"eui-autocomplete__panel\" />\n    </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n    <div id=\"eui-autocomplete__panel\" class=\"eui-autocomplete__panel\" [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\" role=\"listbox\" aria-live=\"polite\">\n        <cdk-virtual-scroll-viewport\n            #virtualScrolling\n            [itemSize]=\"itemSize\"\n            minBufferPx=\"500\"\n            maxBufferPx=\"750\"\n            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n            <ng-container *ngIf=\"!groupBy\">\n                <eui-autocomplete-option\n                    *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn\"\n                    [isActive]=\"selectedOptionIndex === i\"\n                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                    [euiVariant]=\"autocompleteOption.typeClass\"\n                    (click)=\"onOptionSelected(autocompleteOption)\">\n                    <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                        <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                        {{ autocompleteOption.label }}\n                    </ng-container>\n                    <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                        <ng-template\n                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                        </ng-template>\n                    </ng-container>\n                </eui-autocomplete-option>\n            </ng-container>\n            <ng-container *ngIf=\"groupBy\">\n                <ng-container *ngFor=\"let distinctOptionGroup of distinctOptionGroups; let i = index; trackBy: groupsTrackByFn\">\n                    <eui-autocomplete-option-group *ngIf=\"(groupedOptions | async)[distinctOptionGroup].options.length > 0\" [label]=\"distinctOptionGroup\">\n                        <div class=\"eui-autocomplete-option-group__label\">\n                            <ng-container *ngIf=\"autocompleteOptGroupTemplate\">\n                                <ng-template\n                                    [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\">\n                                </ng-template>\n                            </ng-container>\n                            <ng-container *ngIf=\"!autocompleteOptGroupTemplate\">\n                                {{ distinctOptionGroup }}\n                            </ng-container>\n                        </div>\n                        <div class=\"eui-autocomplete-option-group__options\">\n                            <ng-container *ngFor=\"let autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = index; trackBy: optionsTrackByFn\">\n                                <eui-autocomplete-option\n                                    isGroupItem\n                                    [isActive]=\"selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j\"\n                                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                                    [euiVariant]=\"autocompleteOption.typeClass\"\n                                    (click)=\"onOptionSelected(autocompleteOption)\">\n                                    <ng-container *ngIf=\"!autocompleteOptionTemplate\">\n                                        <span *ngIf=\"autocompleteOption.iconClass\" class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                        {{ autocompleteOption.label }}\n                                    </ng-container>\n                                    <ng-container *ngIf=\"autocompleteOptionTemplate\">\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                                        </ng-template>\n                                    </ng-container>\n                                </eui-autocomplete-option>\n                            </ng-container>\n                        </div>\n                    </eui-autocomplete-option-group>\n                </ng-container>\n            </ng-container>\n        </cdk-virtual-scroll-viewport>\n    </div>  \n</ng-template>\n", styles: [".eui-autocomplete,.eui-autocomplete__wrapper{width:100%}.eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-base-shadow-8);width:100%}.eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:0 var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{display:block}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:0;margin-top:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:0;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs) - 2px)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}button~.eui-autocomplete .eui-autocomplete__input,.eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete:has(+.eui-input-group-addon-item) .eui-autocomplete__input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-base-spacing-2xs)}.eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option:hover{background-color:var(--eui-base-color-grey-5)}.eui-autocomplete-option--group-item{padding-left:var(--eui-base-spacing-l)}.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--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)}.eui-autocomplete-option--active{background-color:var(--eui-base-color-grey-5);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px}.eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-autocomplete-option--disabled:hover{background:none}\n"] }]
+                    ], template: "<div class=\"eui-autocomplete__wrapper\">\n    @if (chipsPosition === 'bottom') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n    @if (hasChips) {\n        <eui-chip-list\n            [chips]=\"chips\"\n            [isChipsRemovable]=\"isChipsRemovable && !isReadonly\"\n            [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n            [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n            [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n            [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n            [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n            [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n            [dragAndDropSourceName]=\"dragAndDropSourceName\"\n            [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n            (chipDrop)=\"onChipDropped($event)\"\n            (chipDragStart)=\"onChipDragStarted($event)\"\n            (chipDragRelease)=\"onChipDragReleased($event)\"\n            (chipRemove)=\"onChipRemove($event)\">\n            <euiChipListAppendContent>\n                <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                </ng-template>\n            </euiChipListAppendContent>\n        </eui-chip-list>\n    }\n    @if (chipsPosition === 'top') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n</div>\n\n<ng-template #control>\n    <div class=\"eui-autocomplete__input-container\" #inputContainerRef>\n        <input\n            #input\n            euiInputText\n            [euiClearable]=\"!isReadonly && !isDisabled\"\n            [euiLoading]=\"isLoading\"\n            [formControl]=\"autocompleteControl\"\n            class=\"eui-autocomplete__input {{ classList }}\"\n            placeholder=\"{{ placeholder }}\"\n            [readonly]=\"isReadonly\"\n            (clear)=\"onClear()\"\n            (click)=\"openPanel()\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n            aria-autocomplete=\"both\"\n            aria-haspopup=\"true\" />\n    </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n    <div\n        class=\"eui-autocomplete__panel\"\n        [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n        role=\"listbox\"\n        aria-live=\"polite\"\n        aria-label=\"Autocomplete panel\">\n        <cdk-virtual-scroll-viewport\n            #virtualScrolling\n            [itemSize]=\"itemSize\"\n            tabindex=\"0\"\n            minBufferPx=\"500\"\n            maxBufferPx=\"750\"\n            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n            @if (groupBy) {\n                @for (distinctOptionGroup of distinctOptionGroups; let i = $index; track distinctOptionGroup) {\n                        @if ((groupedOptions | async)[distinctOptionGroup].options.length > 0) {\n                            <eui-autocomplete-option-group [label]=\"distinctOptionGroup\">\n                                <div class=\"eui-autocomplete-option-group__label\">\n                                    @if (autocompleteOptGroupTemplate) {\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\">\n                                        </ng-template>\n                                    } @else {\n                                        {{ distinctOptionGroup }}\n                                    }\n                                </div>\n                                <div class=\"eui-autocomplete-option-group__options\">\n                                    @for (autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = $index; track autocompleteOption.id) {\n                                        <eui-autocomplete-option\n                                            isGroupItem\n                                            [isActive]=\"selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j\"\n                                            [isDisabled]=\"autocompleteOption.isDisabled\"\n                                            [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                                            [euiVariant]=\"autocompleteOption.typeClass\"\n                                            (click)=\"onOptionSelected(autocompleteOption)\">\n                                            @if (autocompleteOptionTemplate) {\n                                                <ng-template\n                                                    [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                    [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                                                </ng-template>\n                                            } @else {\n                                                @if (autocompleteOption.iconClass) {\n                                                    <span class=\"{{ autocompleteOption.iconClass }}\"></span>\n                                                }\n                                                {{ autocompleteOption.label }}\n                                            }\n                                        </eui-autocomplete-option>\n                                    }\n                                </div>\n                            </eui-autocomplete-option-group>\n                        }\n                }\n            } @else {\n                <eui-autocomplete-option\n                    *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn\"\n                    [isActive]=\"selectedOptionIndex === i\"\n                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                    [euiVariant]=\"autocompleteOption.typeClass\"\n                    (click)=\"onOptionSelected(autocompleteOption)\">\n                    @if (autocompleteOptionTemplate) {\n                        <ng-template\n                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                        </ng-template>\n                    } @else {\n                        @if (autocompleteOption.iconClass) {\n                            <span class=\"{{ autocompleteOption.iconClass }}\"></span>\n                        }\n                        {{ autocompleteOption.label }}\n                    }\n                </eui-autocomplete-option>\n            }\n        </cdk-virtual-scroll-viewport>\n    </div>  \n</ng-template>\n", styles: [".eui-autocomplete,.eui-autocomplete__wrapper{width:100%}.eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-base-shadow-8);width:100%}.eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);padding:0 var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{display:block}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:0;margin-top:var(--eui-base-spacing-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:0;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs) - 2px)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}button~.eui-autocomplete .eui-autocomplete__input,.eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete:has(+.eui-input-group-addon-item) .eui-autocomplete__input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-base-spacing-2xs)}.eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-base-spacing-3xl);padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.eui-autocomplete-option:hover{background-color:var(--eui-base-color-grey-5)}.eui-autocomplete-option--group-item{padding-left:var(--eui-base-spacing-l)}.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--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)}.eui-autocomplete-option--active{background-color:var(--eui-base-color-grey-5);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px}.eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-autocomplete-option--disabled:hover{background:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i2.LiveAnnouncer }, { type: i3.ScrollDispatcher }, { type: i4.NgControl, decorators: [{
                     type: Self
                 }, {