@eui/components 18.2.10-snapshot-1740664174340 → 18.2.10-snapshot-1741251940445
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.
- package/docs/components/EuiAutocompleteComponent.html +1 -1
- package/docs/components/EuiLanguageSelectorComponent.html +25 -5
- package/docs/components/EuiPageColumnComponent.html +2 -12
- package/docs/components/EuiPopoverComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +4 -3
- package/esm2022/eui-language-selector/language-selector.component.mjs +14 -4
- package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +4 -5
- package/esm2022/eui-popover/eui-popover.component.mjs +5 -4
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-language-selector/language-selector.component.d.ts +4 -2
- package/eui-language-selector/language-selector.component.d.ts.map +1 -1
- package/eui-page/components/eui-page-column/eui-page-column.component.d.ts +2 -2
- package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
- package/eui-popover/eui-popover.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +3 -2
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +13 -3
- package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +3 -4
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +4 -3
- package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +4 -4
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +3 -3
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-autocomplete.component.d.ts","sourceRoot":"","sources":["../../eui-autocomplete/eui-autocomplete.component.ts"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"eui-autocomplete.component.d.ts","sourceRoot":"","sources":["../../eui-autocomplete/eui-autocomplete.component.ts"],"names":[],"mappings":"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"}
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import { OnDestroy, OnInit, ChangeDetectorRef, EventEmitter, ElementRef, AfterViewInit } from '@angular/core';
|
1
|
+
import { OnDestroy, OnInit, ChangeDetectorRef, EventEmitter, ElementRef, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
|
2
2
|
import { TranslateService } from '@ngx-translate/core';
|
3
3
|
import { EuiLanguage } from '@eui/core';
|
4
4
|
import { EuiAppShellService } from '@eui/core';
|
5
5
|
import { EuiDialogService } from '@eui/components/eui-dialog';
|
6
6
|
import * as i0 from "@angular/core";
|
7
|
-
export declare class EuiLanguageSelectorComponent implements OnInit, AfterViewInit, OnDestroy {
|
7
|
+
export declare class EuiLanguageSelectorComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
|
8
8
|
private cd;
|
9
9
|
private euiDialogService;
|
10
10
|
appShellService: EuiAppShellService;
|
@@ -13,6 +13,7 @@ export declare class EuiLanguageSelectorComponent implements OnInit, AfterViewIn
|
|
13
13
|
get cssClasses(): string;
|
14
14
|
languages: EuiLanguage[];
|
15
15
|
selectedLanguage: EuiLanguage;
|
16
|
+
isAriaLabelChanged: boolean;
|
16
17
|
hasLanguageSelection: boolean;
|
17
18
|
isToolbarSelector: boolean;
|
18
19
|
euiPrimary: boolean;
|
@@ -28,6 +29,7 @@ export declare class EuiLanguageSelectorComponent implements OnInit, AfterViewIn
|
|
28
29
|
* returns true if there are at least five languages.
|
29
30
|
*/
|
30
31
|
get isShowModal(): boolean;
|
32
|
+
ngOnChanges(changes: SimpleChanges): void;
|
31
33
|
ngOnInit(): void;
|
32
34
|
ngAfterViewInit(): void;
|
33
35
|
ngOnDestroy(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"language-selector.component.d.ts","sourceRoot":"","sources":["../../eui-language-selector/language-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,SAAS,EACT,MAAM,EACN,iBAAiB,EAGjB,YAAY,EAEZ,UAAU,EACV,aAAa,EAChB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAkB,WAAW,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAmB,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;;AAI/E,qBAMa,4BAA6B,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS;
|
1
|
+
{"version":3,"file":"language-selector.component.d.ts","sourceRoot":"","sources":["../../eui-language-selector/language-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,SAAS,EACT,MAAM,EACN,iBAAiB,EAGjB,YAAY,EAEZ,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EAChB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAkB,WAAW,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAmB,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;;AAI/E,qBAMa,4BAA6B,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS;IA0BxF,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,gBAAgB;IACjB,eAAe,EAAE,kBAAkB;IAC1C,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,KAAK;IA7BjB,IACI,UAAU,IAAI,MAAM,CAQvB;IAED,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAEY,oBAAoB,UAAQ;IAC5B,iBAAiB,UAAS;IAC1B,UAAU,UAAS;IACtC,SAAS,EAAE,MAAM,CAAC;IAE7B,qBAAqB,qBAA4B;IAE3D,OAAO,CAAC,QAAQ,CAA4C;gBAGhD,EAAE,EAAE,iBAAiB,EACrB,gBAAgB,EAAE,gBAAgB,EACnC,eAAe,EAAE,kBAAkB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,UAAU;IAG7B;;OAEG;IACH,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAOzC,QAAQ,IAAI,IAAI;IA6BhB,eAAe,IAAI,IAAI;IAevB,WAAW,IAAI,IAAI;IAKnB,iBAAiB,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAQ9C;;OAEG;IACH,MAAM,CAAC,UAAU,GAAE,MAAyE,GAAG,IAAI;IAkBnG,OAAO,IAAI,IAAI;IAIf;;;;;OAKG;IACH,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,WAAW;yCA9I/C,4BAA4B;2CAA5B,4BAA4B;mDAkJkuhC,OAAQ;gDAAR,OAAQ;yCAAR,OAAQ;CADlxhC"}
|
@@ -13,8 +13,8 @@ export declare class EuiPageColumnComponent implements OnInit, OnDestroy {
|
|
13
13
|
* @deprecated use baseStatesDirective size coerces instead
|
14
14
|
*/
|
15
15
|
size: any;
|
16
|
-
label:
|
17
|
-
subLabel:
|
16
|
+
label: string;
|
17
|
+
subLabel: string;
|
18
18
|
autocloseContainerWidth: number;
|
19
19
|
expandAriaLabel: string;
|
20
20
|
collapseAriaLabel: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-page-column.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-column/eui-page-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EAIN,SAAS,EACT,YAAY,EAKZ,SAAS,EAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAM7D,qBA+Ba,sBAAuB,YAAW,MAAM,EAAE,SAAS;IAwEjD,SAAS,EAAE,kBAAkB;IACpC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IAxEtD,IACI,UAAU,IAAI,MAAM,CAcvB;IAED;;;OAGG;IACM,IAAI,MAAC;IACL,KAAK,
|
1
|
+
{"version":3,"file":"eui-page-column.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-column/eui-page-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EAIN,SAAS,EACT,YAAY,EAKZ,SAAS,EAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAM7D,qBA+Ba,sBAAuB,YAAW,MAAM,EAAE,SAAS;IAwEjD,SAAS,EAAE,kBAAkB;IACpC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IAxEtD,IACI,UAAU,IAAI,MAAM,CAcvB;IAED;;;OAGG;IACM,IAAI,MAAC;IACL,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,uBAAuB,EAAE,MAAM,CAAQ;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAEK,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAC3B,aAAa,UAAS;IACtB,oBAAoB,UAAS;IAC7B,cAAc,UAAS;IACvB,uBAAuB,UAAS;IAChC,4BAA4B,UAAS;IACrC,mBAAmB,UAAS;IAE1D,QAAQ,oBAAsB;IAC9B,cAAc,oBAAsB;IAC9C,QAAQ,UAAS;IAEjB,oBAAoB,UAAS;IAE7B,yBAAyB,UAAS;IAGlC,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,wBAAwB,EAAE,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAG9E,4BAA4B,EAAE,SAAS,CAAC,4CAA4C,CAAC,CAAC;IAGtF,mBAAmB,EAAE,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAEpE,aAAa,SAAK;IAElB,cAAc,SAAK;IACnB,SAAS,SAAM;IAEf,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,QAAQ,CAA0B;gBAGiC,yBAAyB,EAAE,uBAAuB,EAClH,SAAS,EAAE,kBAAkB,EAC1B,mBAAmB,EAAE,mBAAmB;IAKtD,QAAQ,IAAI,IAAI;IA2BhB,WAAW,IAAI,IAAI;IAKZ,QAAQ,IAAI,IAAI;yCA9Gd,sBAAsB;2CAAtB,sBAAsB;4CAkIq5+B,OAAQ;0CAAR,OAAQ;iDAAR,OAAQ;4CAAR,OAAQ;mDAAR,OAAQ;6CAAR,OAAQ;sDAAR,OAAQ;2DAAR,OAAQ;kDAAR,OAAQ;CAhB/7+B;AAGD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAG;AACvD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAG;AACvD,qBACa,wCAAwC;yCAAxC,wCAAwC;2CAAxC,wCAAwC;CAAG;AACxD,qBACa,4CAA4C;yCAA5C,4CAA4C;2CAA5C,4CAA4C;CAAG;AAC5D,qBACa,iCAAiC;yCAAjC,iCAAiC;2CAAjC,iCAAiC;CAAG;AACjD,qBACa,mCAAmC;yCAAnC,mCAAmC;2CAAnC,mCAAmC;CAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-popover.component.d.ts","sourceRoot":"","sources":["../../eui-popover/eui-popover.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,MAAM,EAEN,YAAY,EACZ,UAAU,EACV,SAAS,EACT,aAAa,EAEhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACH,OAAO,EAIP,gBAAgB,EAGnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAmB,UAAU,EAAyB,MAAM,MAAM,CAAC;AAG1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAyC,MAAM,qCAAqC,CAAC;;;AAEhH,qBAqBa,mBAAoB,YAAW,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS;IA6BvE,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,mBAAmB;IA/B9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,kBAAkB,CAAY;IACjD,yFAAyF;IAChF,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAa;IAC3F,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,gBAAgB,GAAG,eAAe,CAAa;IAC1E,KAAK,EAAE,MAAM,CAAQ;IACU,WAAW,UAAS;IACpB,cAAc,UAAQ;IACtB,aAAa,UAAQ;IAEnD,YAAY,oBAAsB;IAClC,WAAW,oBAAsB;IACjC,YAAY,oBAAsB;IAErC,SAAS,EAAE,UAAU,CAAC,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,qBAAqB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAEhF,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,OAAO,CAAiE;IAChF,OAAO,CAAC,4BAA4B,CAAsB;IAC1D,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,iBAAiB,CAAwD;IACjF,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,uBAAuB,CAAgC;gBAE3C,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB;IAG5D,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAYnC,QAAQ,IAAI,IAAI;IAIhB,eAAe,IAAI,IAAI;IAIvB,WAAW,IAAI,IAAI;IAQnB,iFAAiF;IACjF,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED;;;;;;;;;;;;OAYG;IACH,IAAI,MAAM,IAAI,OAAO,CAEpB;IAEM,eAAe,IAAI,IAAI;IAM9B;;;;OAIG;IACI,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;
|
1
|
+
{"version":3,"file":"eui-popover.component.d.ts","sourceRoot":"","sources":["../../eui-popover/eui-popover.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,MAAM,EAEN,YAAY,EACZ,UAAU,EACV,SAAS,EACT,aAAa,EAEhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACH,OAAO,EAIP,gBAAgB,EAGnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAmB,UAAU,EAAyB,MAAM,MAAM,CAAC;AAG1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAyC,MAAM,qCAAqC,CAAC;;;AAEhH,qBAqBa,mBAAoB,YAAW,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS;IA6BvE,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,mBAAmB;IA/B9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,kBAAkB,CAAY;IACjD,yFAAyF;IAChF,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAa;IAC3F,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,gBAAgB,GAAG,eAAe,CAAa;IAC1E,KAAK,EAAE,MAAM,CAAQ;IACU,WAAW,UAAS;IACpB,cAAc,UAAQ;IACtB,aAAa,UAAQ;IAEnD,YAAY,oBAAsB;IAClC,WAAW,oBAAsB;IACjC,YAAY,oBAAsB;IAErC,SAAS,EAAE,UAAU,CAAC,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,qBAAqB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAEhF,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,OAAO,CAAiE;IAChF,OAAO,CAAC,4BAA4B,CAAsB;IAC1D,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,iBAAiB,CAAwD;IACjF,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,uBAAuB,CAAgC;gBAE3C,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB;IAG5D,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAYnC,QAAQ,IAAI,IAAI;IAIhB,eAAe,IAAI,IAAI;IAIvB,WAAW,IAAI,IAAI;IAQnB,iFAAiF;IACjF,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED;;;;;;;;;;;;OAYG;IACH,IAAI,MAAM,IAAI,OAAO,CAEpB;IAEM,eAAe,IAAI,IAAI;IAM9B;;;;OAIG;IACI,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IA2C5C;;OAEG;IACI,YAAY,IAAI,IAAI;IAQ3B;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAM5C,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,iBAAiB;yCAtLhB,mBAAmB;2CAAnB,mBAAmB;0CAoM6v7B,OAAQ;6CAAR,OAAQ;4CAAR,OAAQ;CADpy7B"}
|
@@ -377,6 +377,7 @@ class EuiAutocompleteComponent {
|
|
377
377
|
panelClass: ['eui-autocomplete__panel-container', this.classList],
|
378
378
|
});
|
379
379
|
this.overlayRef.attach(this.templatePortal);
|
380
|
+
document.querySelector('.cdk-overlay-container')?.classList.add('eui-18');
|
380
381
|
this.overlayRef
|
381
382
|
.outsidePointerEvents()
|
382
383
|
.pipe(takeUntil(this.destroy$))
|
@@ -787,7 +788,7 @@ class EuiAutocompleteComponent {
|
|
787
788
|
this.cd.markForCheck();
|
788
789
|
}
|
789
790
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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.EuiAppShellService }, { token: i1.BaseStatesDirective }, { token: i6.NgControl, optional: true, self: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
790
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { inputId: "inputId", 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", "isFreeValueAllowed", booleanAttribute], isReadonly: ["isReadonly", "isReadonly", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], hasChips: ["hasChips", "hasChips", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute], isItemsSorted: ["isItemsSorted", "isItemsSorted", booleanAttribute], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute], isDuplicateValueAllowed: ["isDuplicateValueAllowed", "isDuplicateValueAllowed", booleanAttribute], isAddOnBlur: ["isAddOnBlur", "isAddOnBlur", booleanAttribute], isForceSelection: ["isForceSelection", "isForceSelection", booleanAttribute], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute] }, 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 *ngIf=\"!hasChips || (hasChips && !isReadonly)\" class=\"eui-autocomplete__input-container {{ classList }}\" #inputContainerRef>\n <input\n [attr.id]=\"inputId\"\n #input\n euiInputText\n [euiClearable]=\"!isReadonly && !isDisabled\"\n [euiLoading]=\"isLoading\"\n [formControl]=\"autocompleteControl\"\n class=\"eui-autocomplete__input {{ classList }}\"\n placeholder=\"{{ placeholder }}\"\n autocomplete=\"off\"\n [readonly]=\"isReadonly\"\n (clear)=\"onClear()\"\n (click)=\"openPanel()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [attr.aria-controls]=\"isOpen ? 'eui-autocomplete__panel' : null\"\n [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n aria-autocomplete=\"both\"\n aria-haspopup=\"true\" />\n </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n <div\n id=\"eui-autocomplete__panel\"\n class=\"eui-autocomplete__panel eui-18\"\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\n }\n {{ autocompleteOption.label }}\n }\n </eui-autocomplete-option>\n }\n </cdk-virtual-scroll-viewport>\n </div>\n</ng-template>\n", styles: [".eui-18 .eui-autocomplete,.eui-18 .eui-autocomplete__wrapper{width:100%}.eui-18 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-18 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-18 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);padding:0 var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-18 .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-18 .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-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:var(--eui-bw-none);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs) - 2px)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-18 button~.eui-autocomplete .eui-autocomplete__input,.eui-18 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-18 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-18 .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-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-18 .eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-18 .eui-autocomplete-option .eui-icon,.eui-18 .eui-autocomplete-option .eui-icon-svg,.eui-18 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-primary)}.eui-18 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-autocomplete-option--info{border-left-color:var(--eui-c-info)}.eui-18 .eui-autocomplete-option--success{border-left-color:var(--eui-c-success-dark)}.eui-18 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-warning)}.eui-18 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-danger-dark)}.eui-18 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-accent)}.eui-18 .eui-autocomplete-option--active{background-color:var(--eui-c-primary-lightest)}.eui-18 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-18 .eui-autocomplete-option--disabled:hover{background:none}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.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: i8.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i9.EuiChipListComponent, selector: "eui-chip-list, div[euiChipList], ul[euiChipList]", inputs: ["chips", "toggleLinkMoreLabel", "toggleLinkLessLabel", "chipsSortOrder", "dragAndDropSourceName", "dragAndDropConnectedTo", "ariaLabel", "dropListOrientation", "isSquared", "isChipsRemovable", "isMaxVisibleChipsOpened", "isChipsSorted", "isChipsDragAndDrop", "isGrid", "maxVisibleChipsCount", "chipsLabelTruncateCount"], outputs: ["chipsInit", "chipRemove", "chipDragStart", "chipDragRelease", "chipDrop", "chiplistFocus"] }, { kind: "directive", type: i9.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: i10.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { 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: i7.AsyncPipe, name: "async" }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
791
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { inputId: "inputId", 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", "isFreeValueAllowed", booleanAttribute], isReadonly: ["isReadonly", "isReadonly", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], hasChips: ["hasChips", "hasChips", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute], isItemsSorted: ["isItemsSorted", "isItemsSorted", booleanAttribute], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute], isDuplicateValueAllowed: ["isDuplicateValueAllowed", "isDuplicateValueAllowed", booleanAttribute], isAddOnBlur: ["isAddOnBlur", "isAddOnBlur", booleanAttribute], isForceSelection: ["isForceSelection", "isForceSelection", booleanAttribute], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute] }, 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 *ngIf=\"!hasChips || (hasChips && !isReadonly)\" class=\"eui-autocomplete__input-container {{ classList }}\" #inputContainerRef>\n <input\n [attr.id]=\"inputId\"\n #input\n euiInputText\n [euiClearable]=\"!isReadonly && !isDisabled\"\n [euiLoading]=\"isLoading\"\n [formControl]=\"autocompleteControl\"\n class=\"eui-autocomplete__input {{ classList }}\"\n placeholder=\"{{ placeholder }}\"\n autocomplete=\"off\"\n [readonly]=\"isReadonly\"\n (clear)=\"onClear()\"\n (click)=\"openPanel()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [attr.aria-controls]=\"isOpen ? 'eui-autocomplete__panel' : null\"\n [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n aria-autocomplete=\"both\"\n aria-haspopup=\"true\" />\n </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n <div\n id=\"eui-autocomplete__panel\"\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\n }\n {{ autocompleteOption.label }}\n }\n </eui-autocomplete-option>\n }\n </cdk-virtual-scroll-viewport>\n </div>\n</ng-template>\n", styles: [".eui-18 .eui-autocomplete,.eui-18 .eui-autocomplete__wrapper{width:100%}.eui-18 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-18 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-18 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);padding:0 var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-18 .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-18 .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-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:var(--eui-bw-none);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs) - 2px)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-18 button~.eui-autocomplete .eui-autocomplete__input,.eui-18 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-18 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-18 .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-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-18 .eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-18 .eui-autocomplete-option .eui-icon,.eui-18 .eui-autocomplete-option .eui-icon-svg,.eui-18 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-primary)}.eui-18 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-autocomplete-option--info{border-left-color:var(--eui-c-info)}.eui-18 .eui-autocomplete-option--success{border-left-color:var(--eui-c-success-dark)}.eui-18 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-warning)}.eui-18 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-danger-dark)}.eui-18 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-accent)}.eui-18 .eui-autocomplete-option--active{background-color:var(--eui-c-primary-lightest)}.eui-18 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-18 .eui-autocomplete-option--disabled:hover{background:none}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.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: i8.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i9.EuiChipListComponent, selector: "eui-chip-list, div[euiChipList], ul[euiChipList]", inputs: ["chips", "toggleLinkMoreLabel", "toggleLinkLessLabel", "chipsSortOrder", "dragAndDropSourceName", "dragAndDropConnectedTo", "ariaLabel", "dropListOrientation", "isSquared", "isChipsRemovable", "isMaxVisibleChipsOpened", "isChipsSorted", "isChipsDragAndDrop", "isGrid", "maxVisibleChipsCount", "chipsLabelTruncateCount"], outputs: ["chipsInit", "chipRemove", "chipDragStart", "chipDragRelease", "chipDrop", "chiplistFocus"] }, { kind: "directive", type: i9.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: i10.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { 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: i7.AsyncPipe, name: "async" }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
791
792
|
}
|
792
793
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiAutocompleteComponent, decorators: [{
|
793
794
|
type: Component,
|
@@ -803,7 +804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
803
804
|
'euiAccent',
|
804
805
|
],
|
805
806
|
},
|
806
|
-
], 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 *ngIf=\"!hasChips || (hasChips && !isReadonly)\" class=\"eui-autocomplete__input-container {{ classList }}\" #inputContainerRef>\n <input\n [attr.id]=\"inputId\"\n #input\n euiInputText\n [euiClearable]=\"!isReadonly && !isDisabled\"\n [euiLoading]=\"isLoading\"\n [formControl]=\"autocompleteControl\"\n class=\"eui-autocomplete__input {{ classList }}\"\n placeholder=\"{{ placeholder }}\"\n autocomplete=\"off\"\n [readonly]=\"isReadonly\"\n (clear)=\"onClear()\"\n (click)=\"openPanel()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [attr.aria-controls]=\"isOpen ? 'eui-autocomplete__panel' : null\"\n [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n aria-autocomplete=\"both\"\n aria-haspopup=\"true\" />\n </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n <div\n id=\"eui-autocomplete__panel\"\n class=\"eui-autocomplete__panel eui-18\"\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\n }\n {{ autocompleteOption.label }}\n }\n </eui-autocomplete-option>\n }\n </cdk-virtual-scroll-viewport>\n </div>\n</ng-template>\n", styles: [".eui-18 .eui-autocomplete,.eui-18 .eui-autocomplete__wrapper{width:100%}.eui-18 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-18 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-18 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);padding:0 var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-18 .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-18 .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-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:var(--eui-bw-none);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs) - 2px)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-18 button~.eui-autocomplete .eui-autocomplete__input,.eui-18 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-18 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-18 .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-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-18 .eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-18 .eui-autocomplete-option .eui-icon,.eui-18 .eui-autocomplete-option .eui-icon-svg,.eui-18 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-primary)}.eui-18 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-autocomplete-option--info{border-left-color:var(--eui-c-info)}.eui-18 .eui-autocomplete-option--success{border-left-color:var(--eui-c-success-dark)}.eui-18 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-warning)}.eui-18 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-danger-dark)}.eui-18 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-accent)}.eui-18 .eui-autocomplete-option--active{background-color:var(--eui-c-primary-lightest)}.eui-18 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-18 .eui-autocomplete-option--disabled:hover{background:none}\n"] }]
|
807
|
+
], 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 *ngIf=\"!hasChips || (hasChips && !isReadonly)\" class=\"eui-autocomplete__input-container {{ classList }}\" #inputContainerRef>\n <input\n [attr.id]=\"inputId\"\n #input\n euiInputText\n [euiClearable]=\"!isReadonly && !isDisabled\"\n [euiLoading]=\"isLoading\"\n [formControl]=\"autocompleteControl\"\n class=\"eui-autocomplete__input {{ classList }}\"\n placeholder=\"{{ placeholder }}\"\n autocomplete=\"off\"\n [readonly]=\"isReadonly\"\n (clear)=\"onClear()\"\n (click)=\"openPanel()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [attr.aria-controls]=\"isOpen ? 'eui-autocomplete__panel' : null\"\n [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n aria-autocomplete=\"both\"\n aria-haspopup=\"true\" />\n </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n <div\n id=\"eui-autocomplete__panel\"\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\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 } @else if (autocompleteOption.iconSvgName) {\n <eui-icon-svg icon=\"{{ autocompleteOption.iconSvgName }}\"></eui-icon-svg>\n }\n {{ autocompleteOption.label }}\n }\n </eui-autocomplete-option>\n }\n </cdk-virtual-scroll-viewport>\n </div>\n</ng-template>\n", styles: [".eui-18 .eui-autocomplete,.eui-18 .eui-autocomplete__wrapper{width:100%}.eui-18 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-18 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-18 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);padding:0 var(--eui-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-18 .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-18 .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-s-2xs)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:var(--eui-bw-none);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs) - 2px)}.eui-18 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-18 button~.eui-autocomplete .eui-autocomplete__input,.eui-18 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-18 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-18 .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-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-18 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-18 .eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-bw-m) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-18 .eui-autocomplete-option .eui-icon,.eui-18 .eui-autocomplete-option .eui-icon-svg,.eui-18 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-primary)}.eui-18 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-autocomplete-option--info{border-left-color:var(--eui-c-info)}.eui-18 .eui-autocomplete-option--success{border-left-color:var(--eui-c-success-dark)}.eui-18 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-warning)}.eui-18 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-danger-dark)}.eui-18 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-accent)}.eui-18 .eui-autocomplete-option--active{background-color:var(--eui-c-primary-lightest)}.eui-18 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-18 .eui-autocomplete-option--disabled:hover{background:none}\n"] }]
|
807
808
|
}], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i2.LiveAnnouncer }, { type: i3.ScrollDispatcher }, { type: i4.EuiAppShellService }, { type: i1.BaseStatesDirective }, { type: i6.NgControl, decorators: [{
|
808
809
|
type: Self
|
809
810
|
}, {
|