npm - @eui/components - Versions diffs - 19.2.2-snapshot-1746624054534 → 19.2.2-snapshot-1746687278530 - Mend

@eui/components 19.2.2-snapshot-1746624054534 → 19.2.2-snapshot-1746687278530

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

package/docs/miscellaneous/variables.html CHANGED Viewed

@@ -4516,6 +4516,7 @@ Centers the popover horizontally relative to the origin.</p>
     EuiGrowlModule,
     EuiDimmerModule,
     EuiAppBreadcrumbModule,
+    EuiUserProfileModule,
 ]</code>
                     </td>
                 </tr>

package/eui-menu/eui-menu-item.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EACN,SAAS,EACT,aAAa,EAEb,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;~~AAU3D~~,~~qBAgBa~~,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,eAAe;IA4C/D,OAAO,CAAC,UAAU;IA1CJ,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAC6B,QAAQ,SAAQ;IAC9C,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IAEQ,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,UAAQ;IACpB,YAAY,qCAAmC;IAC/C,SAAS,qCAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,mBAAmB,UAAS;IAEY,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;gBAE9C,UAAU,EAAE,UAAU;IAE1C,QAAQ,IAAI,IAAI;IAQhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAalC,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAK/C,IAAI,eAAe,IAAI,MAAM,CAK5B;IAEM,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,GAAG,IAAI;IAMhD,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAK1C,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAO/C,eAAe,IAAI,IAAI;IAK9B,oBAAoB,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIpB;;;OAGG;IACH,0BAA0B,CAAC,gBAAgB,UAAQ,GAAG,OAAO;IAU7D;;;OAGG;IACH,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAIzC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,YAAY;IAQpB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCA3JZ,oBAAoB;2CAApB,oBAAoB;~~sCAkK47yc~~,OAAQ;yCAAR,OAAQ;mDAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;~~CADp+yc~~"}
1	+ {"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EACN,SAAS,EACT,aAAa,EAEb,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;AAW3D,qBAiBa,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,eAAe;IA4C/D,OAAO,CAAC,UAAU;IA1CJ,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAC6B,QAAQ,SAAQ;IAC9C,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IAEQ,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,UAAQ;IACpB,YAAY,qCAAmC;IAC/C,SAAS,qCAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,mBAAmB,UAAS;IAEY,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;gBAE9C,UAAU,EAAE,UAAU;IAE1C,QAAQ,IAAI,IAAI;IAQhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAalC,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAK/C,IAAI,eAAe,IAAI,MAAM,CAK5B;IAEM,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,GAAG,IAAI;IAMhD,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAK1C,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAO/C,eAAe,IAAI,IAAI;IAK9B,oBAAoB,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIpB;;;OAGG;IACH,0BAA0B,CAAC,gBAAgB,UAAQ,GAAG,OAAO;IAU7D;;;OAGG;IACH,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAIzC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,YAAY;IAQpB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCA3JZ,oBAAoB;2CAApB,oBAAoB;sCAkK01yc,OAAQ;yCAAR,OAAQ;mDAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;CADl4yc"}

package/eui-user-profile/user-profile.component.d.ts CHANGED Viewed

@@ -47,6 +47,7 @@ export declare class EuiUserProfileComponent implements OnInit, OnDestroy, After
     isHeaderUserProfile: boolean;
     isToolbarUserProfile: boolean;
     isShowUserInfos: boolean;
+    isMobileOnly: boolean;
     euiStatusSecondary: boolean;
     euiStatusSuccess: boolean;
     euiStatusDanger: boolean;
@@ -65,7 +66,7 @@ export declare class EuiUserProfileComponent implements OnInit, OnDestroy, After
     closeDropdown(): void;
     onDropdownExpand(isOpen: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiUserProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiUserProfileComponent, "eui-user-profile", never, { "welcomeLabel": { "alias": "welcomeLabel"; "required": false; }; "impersonateLabel": { "alias": "impersonateLabel"; "required": false; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "subInfos": { "alias": "subInfos"; "required": false; }; "statusVariant": { "alias": "statusVariant"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "hasWelcomeLabel": { "alias": "hasWelcomeLabel"; "required": false; }; "isShowAvatarInitials": { "alias": "isShowAvatarInitials"; "required": false; }; "hasTabNavigation": { "alias": "hasTabNavigation"; "required": false; }; "isReverse": { "alias": "isReverse"; "required": false; }; "hasToggle": { "alias": "hasToggle"; "required": false; }; "isHeaderUserProfile": { "alias": "isHeaderUserProfile"; "required": false; }; "isToolbarUserProfile": { "alias": "isToolbarUserProfile"; "required": false; }; "isShowUserInfos": { "alias": "isShowUserInfos"; "required": false; }; "euiStatusSecondary": { "alias": "euiStatusSecondary"; "required": false; }; "euiStatusSuccess": { "alias": "euiStatusSuccess"; "required": false; }; "euiStatusDanger": { "alias": "euiStatusDanger"; "required": false; }; "reverseNameOrder": { "alias": "reverseNameOrder"; "required": false; }; }, {}, ["hasMenuContent"], ["*"], true, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiSizeS": "euiSizeS"; "euiSecondary": "euiSecondary"; "euiPrimary": "euiPrimary"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiUserProfileComponent, "eui-user-profile", never, { "welcomeLabel": { "alias": "welcomeLabel"; "required": false; }; "impersonateLabel": { "alias": "impersonateLabel"; "required": false; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "subInfos": { "alias": "subInfos"; "required": false; }; "statusVariant": { "alias": "statusVariant"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "hasWelcomeLabel": { "alias": "hasWelcomeLabel"; "required": false; }; "isShowAvatarInitials": { "alias": "isShowAvatarInitials"; "required": false; }; "hasTabNavigation": { "alias": "hasTabNavigation"; "required": false; }; "isReverse": { "alias": "isReverse"; "required": false; }; "hasToggle": { "alias": "hasToggle"; "required": false; }; "isHeaderUserProfile": { "alias": "isHeaderUserProfile"; "required": false; }; "isToolbarUserProfile": { "alias": "isToolbarUserProfile"; "required": false; }; "isShowUserInfos": { "alias": "isShowUserInfos"; "required": false; }; "isMobileOnly": { "alias": "isMobileOnly"; "required": false; }; "euiStatusSecondary": { "alias": "euiStatusSecondary"; "required": false; }; "euiStatusSuccess": { "alias": "euiStatusSuccess"; "required": false; }; "euiStatusDanger": { "alias": "euiStatusDanger"; "required": false; }; "reverseNameOrder": { "alias": "reverseNameOrder"; "required": false; }; }, {}, ["hasMenuContent"], ["*"], true, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiSizeS": "euiSizeS"; "euiSecondary": "euiSecondary"; "euiPrimary": "euiPrimary"; }; outputs: {}; }]>;
     static ngAcceptInputType_hasMenu: unknown;
     static ngAcceptInputType_hasWelcomeLabel: unknown;
     static ngAcceptInputType_isShowAvatarInitials: unknown;
@@ -75,6 +76,7 @@ export declare class EuiUserProfileComponent implements OnInit, OnDestroy, After
     static ngAcceptInputType_isHeaderUserProfile: unknown;
     static ngAcceptInputType_isToolbarUserProfile: unknown;
     static ngAcceptInputType_isShowUserInfos: unknown;
+    static ngAcceptInputType_isMobileOnly: unknown;
     static ngAcceptInputType_euiStatusSecondary: unknown;
     static ngAcceptInputType_euiStatusSuccess: unknown;
     static ngAcceptInputType_euiStatusDanger: unknown;

package/eui-user-profile/user-profile.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-profile.component.d.ts","sourceRoot":"","sources":["../../eui-user-profile/user-profile.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EAET,SAAS,EACT,aAAa,EAEb,UAAU,EAEV,MAAM,EAEN,iBAAiB,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAgB,oBAAoB,EAAsB,MAAM,8BAA8B,CAAC;AAEtG,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iDAAiD,CAAC;;;AAM9F;;;;;;;GAOG;AACH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC1C,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,YAAY,CAAC,EAAE;QACX,mDAAmD;QACnD,IAAI,EAAE,MAAM,CAAA;KACf,CAAA;CACJ;AAED,qBAwBa,uBAAwB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;~~IA8CxE~~,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,WAAW;IACZ,mBAAmB,EAAE,mBAAmB;~~IAhDnD~~,IACW,UAAU,IAAI,MAAM,CAM9B;IAED,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtB,YAAY,SAAa;IACzB,gBAAgB,SAAmB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAa;IAEK,OAAO,UAAS;IAChB,eAAe,UAAQ;IACvB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;IACzB,SAAS,UAAS;IAClB,SAAS,UAAS;IAClB,mBAAmB,UAAS;IAC5B,oBAAoB,UAAS;IAC7B,eAAe,UAAQ;~~IAEvB~~,kBAAkB,UAAS;IAC3B,gBAAgB,UAAS;IACzB,eAAe,UAAS;IAChE;;OAEG;IACM,gBAAgB,UAAS;IAEX,QAAQ,EAAE,oBAAoB,CAAC;IAEtD,cAAc,EAAE,SAAS,CAAC,2BAA2B,CAAC,CAAC;IAEvD,cAAc,UAAS;IAEvB,OAAO,CAAC,mBAAmB,CAAgC;gBAG/C,KAAK,EAAE,UAAU,EACjB,EAAE,EAAE,iBAAiB,EACrB,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,EACtC,mBAAmB,EAAE,mBAAmB;IAInD,QAAQ,IAAI,IAAI;IAWhB,eAAe,IAAI,IAAI;~~IAkCvB~~,WAAW,IAAI,IAAI;IAKnB,aAAa,IAAI,IAAI;IAKrB,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;~~yCA5G9B~~,uBAAuB;2CAAvB,uBAAuB;~~sCAgHu0zc~~,OAAQ;8CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;kDAAR,OAAQ;mDAAR,OAAQ;8CAAR,OAAQ;iDAAR,OAAQ;+CAAR,OAAQ;8CAAR,OAAQ;~~CADl3zc~~"}
1	+ {"version":3,"file":"user-profile.component.d.ts","sourceRoot":"","sources":["../../eui-user-profile/user-profile.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EAET,SAAS,EACT,aAAa,EAEb,UAAU,EAEV,MAAM,EAEN,iBAAiB,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAgB,oBAAoB,EAAsB,MAAM,8BAA8B,CAAC;AAEtG,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iDAAiD,CAAC;;;AAM9F;;;;;;;GAOG;AACH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC1C,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,YAAY,CAAC,EAAE;QACX,mDAAmD;QACnD,IAAI,EAAE,MAAM,CAAA;KACf,CAAA;CACJ;AAED,qBAwBa,uBAAwB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IA+CxE,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,WAAW;IACZ,mBAAmB,EAAE,mBAAmB;IAjDnD,IACW,UAAU,IAAI,MAAM,CAM9B;IAED,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtB,YAAY,SAAa;IACzB,gBAAgB,SAAmB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAa;IAEK,OAAO,UAAS;IAChB,eAAe,UAAQ;IACvB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;IACzB,SAAS,UAAS;IAClB,SAAS,UAAS;IAClB,mBAAmB,UAAS;IAC5B,oBAAoB,UAAS;IAC7B,eAAe,UAAQ;IACvB,YAAY,UAAQ;IAEpB,kBAAkB,UAAS;IAC3B,gBAAgB,UAAS;IACzB,eAAe,UAAS;IAChE;;OAEG;IACM,gBAAgB,UAAS;IAEX,QAAQ,EAAE,oBAAoB,CAAC;IAEtD,cAAc,EAAE,SAAS,CAAC,2BAA2B,CAAC,CAAC;IAEvD,cAAc,UAAS;IAEvB,OAAO,CAAC,mBAAmB,CAAgC;gBAG/C,KAAK,EAAE,UAAU,EACjB,EAAE,EAAE,iBAAiB,EACrB,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,EACtC,mBAAmB,EAAE,mBAAmB;IAInD,QAAQ,IAAI,IAAI;IAWhB,eAAe,IAAI,IAAI;IAqCvB,WAAW,IAAI,IAAI;IAKnB,aAAa,IAAI,IAAI;IAKrB,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;yCAhH9B,uBAAuB;2CAAvB,uBAAuB;sCAoH6ozc,OAAQ;8CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;kDAAR,OAAQ;mDAAR,OAAQ;8CAAR,OAAQ;2CAAR,OAAQ;iDAAR,OAAQ;+CAAR,OAAQ;8CAAR,OAAQ;CADxrzc"}

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

@@ -40,7 +40,7 @@ class EuiAccordionItemComponent {
         consumeEvent(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiAccordionItemComponent, deps: [{ token: i1.CdkAccordionItem }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiAccordionItemComponent, isStandalone: true, selector: "eui-accordion-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.CdkAccordionItem, inputs: ["expanded", "isExpanded"] }], ngImport: i0, template: "<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n    <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n    <div class=\"eui-accordion-item__header-expander\">\n        @if (accItem.expanded) {\n            <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        }\n    </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n    <ng-content></ng-content>\n</div>\n\n", styles: [".eui-19 :host.eui-accordion-item{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header{display:flex;align-items:center;width:100%;padding:var(--eui-s-l);outline:none;background-color:initial;border:var(--eui-bw-none);text-align:start;cursor:pointer}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:hover{background-color:var(--eui-c-hover)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header-expander{margin-left:auto;padding-left:var(--eui-s-m)}.eui-19 :host.eui-accordion-item .eui-accordion-item__body{padding:var(--eui-s-xs) var(--eui-s-l) var(--eui-s-l) var(--eui-s-l)}\n"], dependencies: [{ kind: "component", type: i2.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: "ngmodule", type: CdkAccordionModule }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiAccordionItemComponent, isStandalone: true, selector: "eui-accordion-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.CdkAccordionItem, inputs: ["expanded", "isExpanded"] }], ngImport: i0, template: "<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n    <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n    <div class=\"eui-accordion-item__header-expander\">\n        @if (accItem.expanded) {\n            <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        }\n    </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n    <ng-content></ng-content>\n</div>\n\n", styles: [".eui-19 :host.eui-accordion-item{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--eui-c-divider)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header{display:flex;align-items:center;width:100%;padding:var(--eui-s-l);outline:none;background-color:initial;border:var(--eui-bw-none);text-align:start;cursor:pointer}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:hover{background-color:var(--eui-c-hover)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header-expander{margin-left:auto;padding-left:var(--eui-s-m)}.eui-19 :host.eui-accordion-item .eui-accordion-item__body{padding:var(--eui-s-xs) var(--eui-s-l) var(--eui-s-l) var(--eui-s-l)}\n"], dependencies: [{ kind: "component", type: i2.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: "ngmodule", type: CdkAccordionModule }], animations: [
             euiAnimationCollapse,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                         },
                     ], animations: [
                         euiAnimationCollapse,
-                    ], template: "<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n    <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n    <div class=\"eui-accordion-item__header-expander\">\n        @if (accItem.expanded) {\n            <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        }\n    </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n    <ng-content></ng-content>\n</div>\n\n", styles: [".eui-19 :host.eui-accordion-item{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header{display:flex;align-items:center;width:100%;padding:var(--eui-s-l);outline:none;background-color:initial;border:var(--eui-bw-none);text-align:start;cursor:pointer}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:hover{background-color:var(--eui-c-hover)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header-expander{margin-left:auto;padding-left:var(--eui-s-m)}.eui-19 :host.eui-accordion-item .eui-accordion-item__body{padding:var(--eui-s-xs) var(--eui-s-l) var(--eui-s-l) var(--eui-s-l)}\n"] }]
+                    ], template: "<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n    <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n    <div class=\"eui-accordion-item__header-expander\">\n        @if (accItem.expanded) {\n            <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        }\n    </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n    <ng-content></ng-content>\n</div>\n\n", styles: [".eui-19 :host.eui-accordion-item{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--eui-c-divider)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header{display:flex;align-items:center;width:100%;padding:var(--eui-s-l);outline:none;background-color:initial;border:var(--eui-bw-none);text-align:start;cursor:pointer}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:hover{background-color:var(--eui-c-hover)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header-expander{margin-left:auto;padding-left:var(--eui-s-m)}.eui-19 :host.eui-accordion-item .eui-accordion-item__body{padding:var(--eui-s-xs) var(--eui-s-l) var(--eui-s-l) var(--eui-s-l)}\n"] }]
         }], ctorParameters: () => [{ type: i1.CdkAccordionItem }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-accordion.mjs","sources":["../../eui-accordion/eui-accordion-item.component.ts","../../eui-accordion/eui-accordion-item.component.html","../../eui-accordion/eui-accordion.component.ts","../../eui-accordion/eui-accordion.module.ts","../../eui-accordion/index.ts","../../eui-accordion/eui-components-eui-accordion.ts"],"sourcesContent":["import { CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy, Directive } from '@angular/core';\nimport { consumeEvent } from '@eui/core';\nimport { euiAnimationCollapse } from '@eui/components/shared';\nimport { EUI_ICON } from '@eui/components/eui-icon';\n\n/*\n Individual accordion item component that can be expanded/collapsed.\n * Uses Angular CDK's accordion item functionality for managing expansion state\n * and includes collapse animation.\n \n @property {boolean} isExpanded - Controls whether the item is expanded or collapsed\n /\n@Component({\n selector: 'eui-accordion-item',\n templateUrl: './eui-accordion-item.component.html',\n styleUrl: './styles/accordion-item.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n ...EUI_ICON,\n CdkAccordionModule,\n ],\n hostDirectives: [\n {\n directive: CdkAccordionItem,\n inputs: [\n 'expanded: isExpanded',\n ],\n },\n ],\n animations: [\n euiAnimationCollapse,\n ],\n})\nexport class EuiAccordionItemComponent {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion-item',\n ].join(' ').trim();\n }\n\n constructor(\n protected accItem: CdkAccordionItem,\n ) {\n }\n\n /\n Handles the toggle event for expanding/collapsing the accordion item\n * Prevents event propagation to avoid interfering with parent handlers\n \n @param event - The toggle event\n /\n onToggle(event: Event): void {\n this.accItem.toggle();\n consumeEvent(event);\n }\n}\n\n/\n Directive for customizing the header content of an accordion item.\n \n /\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'eui-accordion-item-header' })\nexport class EuiAccordionItemHeaderDirective { }\n","<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n <div class=\"eui-accordion-item__header-expander\">\n @if (accItem.expanded) {\n <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n }\n </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n <ng-content></ng-content>\n</div>\n\n","import { CdkAccordion } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\n/*\n Accordion container component that manages expandable items.\n * Uses Angular CDK's accordion functionality for managing expansion state.\n \n @property {boolean} isMulti - When true, allows multiple items to be expanded simultaneously.\n * When false (default), only one item can be expanded at a time.\n /\n@Component({\n selector: 'eui-accordion',\n template: '<ng-content/>',\n styleUrls: ['./styles/accordion.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: CdkAccordion,\n inputs: [ 'multi: isMulti' ],\n },\n ],\n})\nexport class EuiAccordionComponent {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion',\n ].join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { EuiAccordionComponent } from './eui-accordion.component';\nimport { EuiAccordionItemComponent, EuiAccordionItemHeaderDirective } from './eui-accordion-item.component';\n\n/\n Module providing accordion functionality with expandable items.\n \n @deprecated Use {@link EUI_ACCORDION} instead.\n /\n@NgModule({\n imports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n exports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n})\nexport class EuiAccordionModule {}\n","import { EuiAccordionItemComponent, EuiAccordionItemHeaderDirective } from './eui-accordion-item.component';\nimport { EuiAccordionComponent } from './eui-accordion.component';\n\nexport from './eui-accordion.component';\nexport * from './eui-accordion-item.component';\nexport * from './eui-accordion.module';\n\nexport const EUI_ACCORDION = [\n EuiAccordionComponent,\n EuiAccordionItemComponent,\n EuiAccordionItemHeaderDirective,\n] as const;\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AAMA;;;;;;AAMG;MAsBU,yBAAyB,CAAA;AAClC;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;YACH,oBAAoB;AACvB,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAGtB,IAAA,WAAA,CACc,OAAyB,EAAA;QAAzB,IAAO,CAAA,OAAA,GAAP,OAAO;;AAIrB;;;;;AAKG;AACH,IAAA,QAAQ,CAAC,KAAY,EAAA;AACjB,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACrB,YAAY,CAAC,KAAK,CAAC;;8GA3Bd,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EClCtC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+oBAeA,EDKQ,MAAA,EAAA,CAAA,~~2vCAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,EAUV,CAAA,EAAA,UAAA,EAAA;YACR,oBAAoB;AACvB,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEQ,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBArBrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAGb,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;AACL,wBAAA,GAAG,QAAQ;wBACX,kBAAkB;qBACrB,EACe,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,gBAAgB;AAC3B,4BAAA,MAAM,EAAE;gCACJ,sBAAsB;AACzB,6BAAA;AACJ,yBAAA;qBACJ,EACW,UAAA,EAAA;wBACR,oBAAoB;AACvB,qBAAA,EAAA,QAAA,EAAA,+oBAAA,EAAA,MAAA,EAAA,CAAA,~~2vCAAA~~,CAAA,EAAA;qFAUU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;;AAwBxB;;;AAGG;AACH;MAEa,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAD3C,SAAS;mBAAC,EAAE,QAAQ,EAAE,2BAA2B,EAAE;;;AEnEpD;;;;;;AAMG;MAaU,qBAAqB,CAAA;AAC9B;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;YACH,eAAe;AAClB,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;8GAXb,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,+MAVpB,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAUhB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,YACf,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,YAAY;4BACvB,MAAM,EAAE,CAAE,gBAAgB,CAAE;AAC/B,yBAAA;AACJ,qBAAA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA;8BAUU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;;;ACzBxB;;;;AAIG;MAKU,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAlB,kBAAkB,EAAA,OAAA,EAAA,CAHjB,qBAAqB,EAAE,yBAAyB,EAAE,+BAA+B,CAAA,EAAA,OAAA,EAAA,CACjF,qBAAqB,EAAE,yBAAyB,EAAE,+BAA+B,CAAA,EAAA,CAAA,CAAA;AAElF,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAHM,yBAAyB,CAAA,EAAA,CAAA,CAAA;;2FAGjD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,+BAA+B,CAAC;AAC5F,oBAAA,OAAO,EAAE,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,+BAA+B,CAAC;AAC/F,iBAAA;;;ACLY,MAAA,aAAa,GAAG;IACzB,qBAAqB;IACrB,yBAAyB;IACzB,+BAA+B;;;ACVnC;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-components-eui-accordion.mjs","sources":["../../eui-accordion/eui-accordion-item.component.ts","../../eui-accordion/eui-accordion-item.component.html","../../eui-accordion/eui-accordion.component.ts","../../eui-accordion/eui-accordion.module.ts","../../eui-accordion/index.ts","../../eui-accordion/eui-components-eui-accordion.ts"],"sourcesContent":["import { CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy, Directive } from '@angular/core';\nimport { consumeEvent } from '@eui/core';\nimport { euiAnimationCollapse } from '@eui/components/shared';\nimport { EUI_ICON } from '@eui/components/eui-icon';\n\n/*\n Individual accordion item component that can be expanded/collapsed.\n * Uses Angular CDK's accordion item functionality for managing expansion state\n * and includes collapse animation.\n \n @property {boolean} isExpanded - Controls whether the item is expanded or collapsed\n /\n@Component({\n selector: 'eui-accordion-item',\n templateUrl: './eui-accordion-item.component.html',\n styleUrl: './styles/accordion-item.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n ...EUI_ICON,\n CdkAccordionModule,\n ],\n hostDirectives: [\n {\n directive: CdkAccordionItem,\n inputs: [\n 'expanded: isExpanded',\n ],\n },\n ],\n animations: [\n euiAnimationCollapse,\n ],\n})\nexport class EuiAccordionItemComponent {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion-item',\n ].join(' ').trim();\n }\n\n constructor(\n protected accItem: CdkAccordionItem,\n ) {\n }\n\n /\n Handles the toggle event for expanding/collapsing the accordion item\n * Prevents event propagation to avoid interfering with parent handlers\n \n @param event - The toggle event\n /\n onToggle(event: Event): void {\n this.accItem.toggle();\n consumeEvent(event);\n }\n}\n\n/\n Directive for customizing the header content of an accordion item.\n \n /\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'eui-accordion-item-header' })\nexport class EuiAccordionItemHeaderDirective { }\n","<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n <div class=\"eui-accordion-item__header-expander\">\n @if (accItem.expanded) {\n <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n }\n </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n <ng-content></ng-content>\n</div>\n\n","import { CdkAccordion } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\n/*\n Accordion container component that manages expandable items.\n * Uses Angular CDK's accordion functionality for managing expansion state.\n \n @property {boolean} isMulti - When true, allows multiple items to be expanded simultaneously.\n * When false (default), only one item can be expanded at a time.\n /\n@Component({\n selector: 'eui-accordion',\n template: '<ng-content/>',\n styleUrls: ['./styles/accordion.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: CdkAccordion,\n inputs: [ 'multi: isMulti' ],\n },\n ],\n})\nexport class EuiAccordionComponent {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion',\n ].join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { EuiAccordionComponent } from './eui-accordion.component';\nimport { EuiAccordionItemComponent, EuiAccordionItemHeaderDirective } from './eui-accordion-item.component';\n\n/\n Module providing accordion functionality with expandable items.\n \n @deprecated Use {@link EUI_ACCORDION} instead.\n /\n@NgModule({\n imports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n exports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n})\nexport class EuiAccordionModule {}\n","import { EuiAccordionItemComponent, EuiAccordionItemHeaderDirective } from './eui-accordion-item.component';\nimport { EuiAccordionComponent } from './eui-accordion.component';\n\nexport from './eui-accordion.component';\nexport * from './eui-accordion-item.component';\nexport * from './eui-accordion.module';\n\nexport const EUI_ACCORDION = [\n EuiAccordionComponent,\n EuiAccordionItemComponent,\n EuiAccordionItemHeaderDirective,\n] as const;\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-alert.mjs CHANGED Viewed

@@ -143,7 +143,7 @@ class EuiAlertComponent {
         this.closeAlert.emit(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiAlertComponent, isStandalone: true, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"\n        [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-success-surface-light)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-danger-surface-light)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-warning-surface-light)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-s-info);--_bg-color: var(--eui-c-neutral-min)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-s-info)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-s-success)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-s-danger)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-s-warning)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);border-radius:var(--eui-br-s);background-color:var(--_bg-color);color:var(--_color);position:relative}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiAlertComponent, isStandalone: true, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"\n        [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-success-surface-light)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-danger-surface-light)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-warning-surface-light)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-s-info);--_bg-color: var(--eui-c-neutral-min)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-s-info)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-s-success)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-s-danger)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-s-warning)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);border-radius:var(--eui-br-s);background-color:var(--_bg-color);color:var(--_color);position:relative}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-divider);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiAlertComponent, decorators: [{
             type: Component,
@@ -163,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                                 'euiVariant',
                             ],
                         },
-                    ], template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"\n        [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-success-surface-light)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-danger-surface-light)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-warning-surface-light)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-s-info);--_bg-color: var(--eui-c-neutral-min)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-s-info)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-s-success)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-s-danger)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-s-warning)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);border-radius:var(--eui-br-s);background-color:var(--_bg-color);color:var(--_color);position:relative}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"] }]
+                    ], template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"\n        [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-success-surface-light)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-danger-surface-light)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_bg-color: var(--eui-c-s-warning-surface-light)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-s-info);--_bg-color: var(--eui-c-neutral-min)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-s-info)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-s-success)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-s-danger)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-s-warning)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);border-radius:var(--eui-br-s);background-color:var(--_bg-color);color:var(--_color);position:relative}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-divider);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/index.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n/*\n @description\n * Component that represents the title of an alert.\n * It is used within the EuiAlert component to provide a title for the alert message.\n \n @see {@link EuiAlertComponent} for more details on how to use the alert component.\n /\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content />',\n styleUrl: 'eui-alert-title.scss',\n})\nexport class EuiAlertTitleComponent {\n /\n @description\n * Computes and returns the CSS classes for the label title component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n} from '@angular/core';\n\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_ICON_STATE } from '@eui/components/eui-icon-state';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/\n @description\n * Alert displays a short, important message to attract the user's attention without interrupting its task.\n /\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgTemplateOutlet,\n ...EUI_ICON_BUTTON,\n ...EUI_ICON_STATE,\n ],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-alert'),\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n this.isCloseable ? 'eui-alert--closeable' : '',\n this.isBordered ? 'eui-alert--bordered': '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n /\n Sets the `role` attribute for the host element.\n \n @default 'alert'\n /\n @HostBinding('attr.role') role = 'alert';\n\n /\n Sets the `aria-describedby` attribute for the host element.\n \n @default `alertContent-${uniqueId}`\n * @returns The ID of the element associated with the alert.\n /\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n /\n Sets the `tabindex` attribute for the host element.\n \n @returns '0' if defined as focusable else '1' as string.\n /\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n /\n Sets the `data-e2e` attribute for the host element. Default: `eui-alert`.\n \n @default 'eui-alert'\n /\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n /\n Removes the left border and icon from the alert.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isMuted = false;\n /\n Removes the left border and icon from the alert.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isBordered = false;\n /\n Allows the alert to be closed by the user.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isCloseable = false;\n /\n Allows the alert to be focused by the user.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isFocusable = false;\n /\n Controls the visibility of the alert. Default: true\n \n @default true\n /\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n /\n Event emitted when the alert is closed.\n /\n @Output() closeAlert = new EventEmitter<boolean>();\n\n /\n Content for the alert title given by `<eui-alert-title>`.\n /\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n /\n @deprecated It is not being used in the component.\n /\n alertIconType: string;\n /\n @deprecated It is not being used in the component.\n /\n alertIconFillColor: string;\n\n /\n @description\n * Unique identifier for the alert component.\n * This ID is used to associate the alert with its content for accessibility purposes.\n * It is generated using the `crypto` API to ensure uniqueness.\n \n @private\n /\n private uniqueId: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n /\n @description\n * Lifecycle hook that is called after the component has been initialized.\n /\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiInfo = true;\n }\n this.uniqueId = crypto.randomUUID();\n }\n\n /\n Hide the alert and emits the `closeAlert` event when the close button is clicked.\n /\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit(false);\n }\n}\n","@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content ngTemplateOutlet=\"icon\"/>\n }\n <ng-content ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"\n [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n}\n","import { NgModule } from '@angular/core';\n\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n/\n @description\n * Module that provides the EuiAlert component and its dependencies\n \n @deprecated Use {@link EUI_ALERT} instead.\n /\n@NgModule({\n imports: [\n EuiAlertComponent,\n EuiAlertTitleComponent,\n ],\n exports: [EuiAlertComponent, EuiAlertTitleComponent],\n})\nexport class EuiAlertModule {}\n","import { EuiAlertTitleComponent } from './components/eui-alert-title.component';\nimport { EuiAlertComponent } from './eui-alert.component';\n\nexport from './eui-alert.component';\nexport * from './eui-alert.module';\nexport * from './components/eui-alert-title.component';\n\nexport const EUI_ALERT = [\n EuiAlertComponent,\n EuiAlertTitleComponent,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/index.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n/*\n @description\n * Component that represents the title of an alert.\n * It is used within the EuiAlert component to provide a title for the alert message.\n \n @see {@link EuiAlertComponent} for more details on how to use the alert component.\n /\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content />',\n styleUrl: 'eui-alert-title.scss',\n})\nexport class EuiAlertTitleComponent {\n /\n @description\n * Computes and returns the CSS classes for the label title component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n} from '@angular/core';\n\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_ICON_STATE } from '@eui/components/eui-icon-state';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/\n @description\n * Alert displays a short, important message to attract the user's attention without interrupting its task.\n /\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgTemplateOutlet,\n ...EUI_ICON_BUTTON,\n ...EUI_ICON_STATE,\n ],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-alert'),\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n this.isCloseable ? 'eui-alert--closeable' : '',\n this.isBordered ? 'eui-alert--bordered': '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n /\n Sets the `role` attribute for the host element.\n \n @default 'alert'\n /\n @HostBinding('attr.role') role = 'alert';\n\n /\n Sets the `aria-describedby` attribute for the host element.\n \n @default `alertContent-${uniqueId}`\n * @returns The ID of the element associated with the alert.\n /\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n /\n Sets the `tabindex` attribute for the host element.\n \n @returns '0' if defined as focusable else '1' as string.\n /\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n /\n Sets the `data-e2e` attribute for the host element. Default: `eui-alert`.\n \n @default 'eui-alert'\n /\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n /\n Removes the left border and icon from the alert.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isMuted = false;\n /\n Removes the left border and icon from the alert.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isBordered = false;\n /\n Allows the alert to be closed by the user.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isCloseable = false;\n /\n Allows the alert to be focused by the user.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isFocusable = false;\n /\n Controls the visibility of the alert. Default: true\n \n @default true\n /\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n /\n Event emitted when the alert is closed.\n /\n @Output() closeAlert = new EventEmitter<boolean>();\n\n /\n Content for the alert title given by `<eui-alert-title>`.\n /\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n /\n @deprecated It is not being used in the component.\n /\n alertIconType: string;\n /\n @deprecated It is not being used in the component.\n /\n alertIconFillColor: string;\n\n /\n @description\n * Unique identifier for the alert component.\n * This ID is used to associate the alert with its content for accessibility purposes.\n * It is generated using the `crypto` API to ensure uniqueness.\n \n @private\n /\n private uniqueId: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n /\n @description\n * Lifecycle hook that is called after the component has been initialized.\n /\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiInfo = true;\n }\n this.uniqueId = crypto.randomUUID();\n }\n\n /\n Hide the alert and emits the `closeAlert` event when the close button is clicked.\n /\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit(false);\n }\n}\n","@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content ngTemplateOutlet=\"icon\"/>\n }\n <ng-content ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"\n [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n}\n","import { NgModule } from '@angular/core';\n\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n/\n @description\n * Module that provides the EuiAlert component and its dependencies\n \n @deprecated Use {@link EUI_ALERT} instead.\n /\n@NgModule({\n imports: [\n EuiAlertComponent,\n EuiAlertTitleComponent,\n ],\n exports: [EuiAlertComponent, EuiAlertTitleComponent],\n})\nexport class EuiAlertModule {}\n","import { EuiAlertTitleComponent } from './components/eui-alert-title.component';\nimport { EuiAlertComponent } from './eui-alert.component';\n\nexport from './eui-alert.component';\nexport * from './eui-alert.module';\nexport * from './components/eui-alert-title.component';\n\nexport const EUI_ALERT = [\n EuiAlertComponent,\n EuiAlertTitleComponent,\n] as const;","/*\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

@@ -1102,7 +1102,7 @@ class EuiAutocompleteComponent {
         this.cd.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", 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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiAutocompleteComponent, isStandalone: true, 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                @if (chipsPosition === 'inside') {\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                }\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    @if (!hasChips || (hasChips && !isReadonly)) {\n        <div 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    }\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-19 .eui-autocomplete,.eui-19 .eui-autocomplete__wrapper{width:100%}.eui-19 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-19 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-19 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-19 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-19 .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-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-19 .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-19 .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-19 .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-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-19 button~.eui-autocomplete .eui-autocomplete__input,.eui-19 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-19 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-19 .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-19 .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-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-19 .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-19 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-19 .eui-autocomplete-option .eui-icon,.eui-19 .eui-autocomplete-option .eui-icon-svg,.eui-19 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-s-danger)}.eui-19 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-s-primary-base)}.eui-19 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-autocomplete-option--info{border-left-color:var(--eui-c-s-info-base)}.eui-19 .eui-autocomplete-option--success{border-left-color:var(--eui-c-s-success-base)}.eui-19 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-s-warning-base)}.eui-19 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-s-danger-base)}.eui-19 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-s-accent-base)}.eui-19 .eui-autocomplete-option--active{background-color:var(--eui-c-active-bg)}.eui-19 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-19 .eui-autocomplete-option--disabled:hover{background:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: ["isActive", "isDisabled", "isGroupItem"] }, { kind: "component", type: EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: ["label"] }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "directive", type: i8.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: i8.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: "component", type: i9.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"] }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiAutocompleteComponent, isStandalone: true, 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                @if (chipsPosition === 'inside') {\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                }\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    @if (!hasChips || (hasChips && !isReadonly)) {\n        <div 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    }\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-19 .eui-autocomplete,.eui-19 .eui-autocomplete__wrapper{width:100%}.eui-19 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-19 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-19 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-19 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-19 .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-divider);border-radius:var(--eui-br-m);padding:0 var(--eui-s-2xs)}.eui-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-19 .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-19 .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-19 .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-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-19 button~.eui-autocomplete .eui-autocomplete__input,.eui-19 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-19 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-19 .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-19 .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-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-19 .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-19 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-19 .eui-autocomplete-option .eui-icon,.eui-19 .eui-autocomplete-option .eui-icon-svg,.eui-19 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-s-danger)}.eui-19 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-s-primary-base)}.eui-19 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-autocomplete-option--info{border-left-color:var(--eui-c-s-info-base)}.eui-19 .eui-autocomplete-option--success{border-left-color:var(--eui-c-s-success-base)}.eui-19 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-s-warning-base)}.eui-19 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-s-danger-base)}.eui-19 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-s-accent-base)}.eui-19 .eui-autocomplete-option--active{background-color:var(--eui-c-active-bg)}.eui-19 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-19 .eui-autocomplete-option--disabled:hover{background:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: ["isActive", "isDisabled", "isGroupItem"] }, { kind: "component", type: EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: ["label"] }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "directive", type: i8.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: i8.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: "component", type: i9.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"] }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiAutocompleteComponent, decorators: [{
             type: Component,
@@ -1131,7 +1131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                                 'euiAccent',
                             ],
                         },
-                    ], 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                @if (chipsPosition === 'inside') {\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                }\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    @if (!hasChips || (hasChips && !isReadonly)) {\n        <div 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    }\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-19 .eui-autocomplete,.eui-19 .eui-autocomplete__wrapper{width:100%}.eui-19 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-19 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-19 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-19 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-19 .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-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-19 .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-19 .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-19 .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-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-19 button~.eui-autocomplete .eui-autocomplete__input,.eui-19 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-19 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-19 .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-19 .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-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-19 .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-19 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-19 .eui-autocomplete-option .eui-icon,.eui-19 .eui-autocomplete-option .eui-icon-svg,.eui-19 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-s-danger)}.eui-19 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-s-primary-base)}.eui-19 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-autocomplete-option--info{border-left-color:var(--eui-c-s-info-base)}.eui-19 .eui-autocomplete-option--success{border-left-color:var(--eui-c-s-success-base)}.eui-19 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-s-warning-base)}.eui-19 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-s-danger-base)}.eui-19 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-s-accent-base)}.eui-19 .eui-autocomplete-option--active{background-color:var(--eui-c-active-bg)}.eui-19 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-19 .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                @if (chipsPosition === 'inside') {\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                }\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    @if (!hasChips || (hasChips && !isReadonly)) {\n        <div 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    }\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-19 .eui-autocomplete,.eui-19 .eui-autocomplete__wrapper{width:100%}.eui-19 .eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-19 .eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-19 .eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-19 .eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-19 .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-divider);border-radius:var(--eui-br-m);padding:0 var(--eui-s-2xs)}.eui-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-19 .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-19 .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-19 .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-19 .eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}.eui-19 button~.eui-autocomplete .eui-autocomplete__input,.eui-19 .eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-19 .eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-19 .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-19 .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-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-19 .eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-19 .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-19 .eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-19 .eui-autocomplete-option .eui-icon,.eui-19 .eui-autocomplete-option .eui-icon-svg,.eui-19 .eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-autocomplete__input-container .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-s-danger)}.eui-19 .eui-autocomplete-option--primary{border-left-color:var(--eui-c-s-primary-base)}.eui-19 .eui-autocomplete-option--secondary{border-left-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-autocomplete-option--info{border-left-color:var(--eui-c-s-info-base)}.eui-19 .eui-autocomplete-option--success{border-left-color:var(--eui-c-s-success-base)}.eui-19 .eui-autocomplete-option--warning{border-left-color:var(--eui-c-s-warning-base)}.eui-19 .eui-autocomplete-option--danger{border-left-color:var(--eui-c-s-danger-base)}.eui-19 .eui-autocomplete-option--accent{border-left-color:var(--eui-c-s-accent-base)}.eui-19 .eui-autocomplete-option--active{background-color:var(--eui-c-active-bg)}.eui-19 .eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-19 .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.EuiAppShellService }, { type: i1.BaseStatesDirective }, { type: i6.NgControl, decorators: [{
                     type: Self
                 }, {