@eui/components 18.0.0-next.66 → 18.0.0-next.67

package/esm2022/eui-accordion/eui-accordion-item.component.mjs

@@ -19,7 +19,7 @@ export class EuiAccordionItemComponent {
         consumeEvent(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiAccordionItemComponent, deps: [{ token: i1.CdkAccordionItem }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: EuiAccordionItemComponent, 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", dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: EuiAccordionItemComponent, 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", dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], animations: [
             euiAnimationCollapse,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -48,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
             type: Directive,
             args: [{ selector: 'eui-accordion-item-header' }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1hY2NvcmRpb24vZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS1hY2NvcmRpb24vZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBbUI5RCxNQUFNLE9BQU8seUJBQXlCO0lBQ2xDLElBQ1csVUFBVTtRQUNqQixPQUFPO1lBQ0gsb0JBQW9CO1NBQ3ZCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxZQUNjLE9BQXlCO1FBQXpCLFlBQU8sR0FBUCxPQUFPLENBQWtCO0lBRXZDLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3RCLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO21IQWhCUSx5QkFBeUI7dUdBQXpCLHlCQUF5QiwwTUN0QnRDLCtvQkFlQSxrVkRHZ0I7WUFDUixvQkFBb0I7U0FDdkI7O2dHQUVRLHlCQUF5QjtrQkFqQnJDLFNBQVM7K0JBQ0ksb0JBQW9CLG1CQUViLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxnQkFBZ0I7NEJBQzNCLE1BQU0sRUFBRTtnQ0FDSixzQkFBc0I7NkJBQ3pCO3lCQUNKO3FCQUNKLGNBQ1c7d0JBQ1Isb0JBQW9CO3FCQUN2QjtxRkFJVSxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU87O0FBbUJ4QixvQkFBb0I7QUFFcEIsTUFBTSxPQUFPLCtCQUErQjttSEFBL0IsK0JBQStCO3VHQUEvQiwrQkFBK0I7O2dHQUEvQiwrQkFBK0I7a0JBRDNDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsMkJBQTJCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtBY2NvcmRpb25JdGVtIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2FjY29yZGlvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24sIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29uc3VtZUV2ZW50IH0gZnJvbSAnQGV1aS9jb3JlJztcbmltcG9ydCB7IGV1aUFuaW1hdGlvbkNvbGxhcHNlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLWFjY29yZGlvbi1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQ2RrQWNjb3JkaW9uSXRlbSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdleHBhbmRlZDogaXNFeHBhbmRlZCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICBldWlBbmltYXRpb25Db2xsYXBzZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlBY2NvcmRpb25JdGVtQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktYWNjb3JkaW9uLWl0ZW0nLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByb3RlY3RlZCBhY2NJdGVtOiBDZGtBY2NvcmRpb25JdGVtLFxuICAgICkge1xuICAgIH1cblxuICAgIG9uVG9nZ2xlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFjY0l0ZW0udG9nZ2xlKCk7XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxuXG59XG5cbi8qIGVzbGludC1kaXNhYmxlICovXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdldWktYWNjb3JkaW9uLWl0ZW0taGVhZGVyJyB9KVxuZXhwb3J0IGNsYXNzIEV1aUFjY29yZGlvbkl0ZW1IZWFkZXJEaXJlY3RpdmV7IH1cbi8qIGVzbGludC1lbmFibGUgKi9cbiIsIjxidXR0b24gY2xhc3M9XCJldWktYWNjb3JkaW9uLWl0ZW1fX2hlYWRlclwiIChjbGljayk9XCJvblRvZ2dsZSgkZXZlbnQpXCIgKGtleWRvd24uZW50ZXIpPVwib25Ub2dnbGUoJGV2ZW50KVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1hY2NvcmRpb24taXRlbS1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLWFjY29yZGlvbi1pdGVtX19oZWFkZXItZXhwYW5kZXJcIj5cbiAgICAgICAgQGlmIChhY2NJdGVtLmV4cGFuZGVkKSB7XG4gICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktZWNsLW1pbnVzXCIgc2l6ZT1cInNcIiBmaWxsQ29sb3I9XCJwcmltYXJ5XCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBpY29uPVwiZXVpLWVjbC1wbHVzXCIgc2l6ZT1cInNcIiBmaWxsQ29sb3I9XCJwcmltYXJ5XCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbjwvYnV0dG9uPlxuPGRpdiBbQGV1aUFuaW1hdGlvbkNvbGxhcHNlXT1cIiFhY2NJdGVtLmV4cGFuZGVkXCIgY2xhc3M9XCJldWktYWNjb3JkaW9uLWl0ZW1fX2JvZHlcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1hY2NvcmRpb24vZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS1hY2NvcmRpb24vZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBbUI5RCxNQUFNLE9BQU8seUJBQXlCO0lBQ2xDLElBQ1csVUFBVTtRQUNqQixPQUFPO1lBQ0gsb0JBQW9CO1NBQ3ZCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxZQUNjLE9BQXlCO1FBQXpCLFlBQU8sR0FBUCxPQUFPLENBQWtCO0lBRXZDLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3RCLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO21IQWhCUSx5QkFBeUI7dUdBQXpCLHlCQUF5QiwwTUN0QnRDLCtvQkFlQSxnV0RHZ0I7WUFDUixvQkFBb0I7U0FDdkI7O2dHQUVRLHlCQUF5QjtrQkFqQnJDLFNBQVM7K0JBQ0ksb0JBQW9CLG1CQUViLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxnQkFBZ0I7NEJBQzNCLE1BQU0sRUFBRTtnQ0FDSixzQkFBc0I7NkJBQ3pCO3lCQUNKO3FCQUNKLGNBQ1c7d0JBQ1Isb0JBQW9CO3FCQUN2QjtxRkFJVSxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU87O0FBbUJ4QixvQkFBb0I7QUFFcEIsTUFBTSxPQUFPLCtCQUErQjttSEFBL0IsK0JBQStCO3VHQUEvQiwrQkFBK0I7O2dHQUEvQiwrQkFBK0I7a0JBRDNDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsMkJBQTJCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtBY2NvcmRpb25JdGVtIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2FjY29yZGlvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24sIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29uc3VtZUV2ZW50IH0gZnJvbSAnQGV1aS9jb3JlJztcbmltcG9ydCB7IGV1aUFuaW1hdGlvbkNvbGxhcHNlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLWFjY29yZGlvbi1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQ2RrQWNjb3JkaW9uSXRlbSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdleHBhbmRlZDogaXNFeHBhbmRlZCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICBldWlBbmltYXRpb25Db2xsYXBzZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlBY2NvcmRpb25JdGVtQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktYWNjb3JkaW9uLWl0ZW0nLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByb3RlY3RlZCBhY2NJdGVtOiBDZGtBY2NvcmRpb25JdGVtLFxuICAgICkge1xuICAgIH1cblxuICAgIG9uVG9nZ2xlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFjY0l0ZW0udG9nZ2xlKCk7XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxuXG59XG5cbi8qIGVzbGludC1kaXNhYmxlICovXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdldWktYWNjb3JkaW9uLWl0ZW0taGVhZGVyJyB9KVxuZXhwb3J0IGNsYXNzIEV1aUFjY29yZGlvbkl0ZW1IZWFkZXJEaXJlY3RpdmV7IH1cbi8qIGVzbGludC1lbmFibGUgKi9cbiIsIjxidXR0b24gY2xhc3M9XCJldWktYWNjb3JkaW9uLWl0ZW1fX2hlYWRlclwiIChjbGljayk9XCJvblRvZ2dsZSgkZXZlbnQpXCIgKGtleWRvd24uZW50ZXIpPVwib25Ub2dnbGUoJGV2ZW50KVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1hY2NvcmRpb24taXRlbS1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLWFjY29yZGlvbi1pdGVtX19oZWFkZXItZXhwYW5kZXJcIj5cbiAgICAgICAgQGlmIChhY2NJdGVtLmV4cGFuZGVkKSB7XG4gICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktZWNsLW1pbnVzXCIgc2l6ZT1cInNcIiBmaWxsQ29sb3I9XCJwcmltYXJ5XCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBpY29uPVwiZXVpLWVjbC1wbHVzXCIgc2l6ZT1cInNcIiBmaWxsQ29sb3I9XCJwcmltYXJ5XCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbjwvYnV0dG9uPlxuPGRpdiBbQGV1aUFuaW1hdGlvbkNvbGxhcHNlXT1cIiFhY2NJdGVtLmV4cGFuZGVkXCIgY2xhc3M9XCJldWktYWNjb3JkaW9uLWl0ZW1fX2JvZHlcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuIl19

package/esm2022/eui-alert/eui-alert.component.mjs

@@ -45,7 +45,7 @@ export class EuiAlertComponent {
         this.closeAlert.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", 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: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isMuted) {\n    <div class=\"eui-alert__type-container\">\n        @if (baseStatesDirective.euiSuccess) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success\"></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiWarning) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning\"></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiDanger) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger\"></eui-icon-svg>\n        }\n        @else {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info\"></eui-icon-svg>\n    }\n    </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n    @if (alertTitle) {\n        <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n    } @else {\n        <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n    }\n</div>\n\n<ng-template #contentWithTitle>\n    <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n        <ng-content select=\"eui-alert-title\"></ng-content>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n    <div class=\"eui-alert__content-header\">\n        <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n</ng-template>\n\n<ng-template #closeButton>\n    <div class=\"eui-alert__close\">\n        <button *ngIf=\"isCloseable\"\n                euiButton\n                euiBasicButton\n                euiPrimary\n                euiSizeS\n                aria-label=\"Close alert button\"\n                class=\"eui-alert__close-button\"\n                (click)=\"onCloseClick()\">\n            <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n            <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close-outline\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <div [class.eui-alert__content--with-title]=\"alertTitle\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [":host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-c-info));--_color: var(--eui-alert-color, var(--eui-c-info));--_bg-color: var(--eui-alert-bg-color, var(--eui-c-info-bg-light))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-s-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-s-2xs) solid var(--_border-color);border-radius:var(--eui-br-m);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-s-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-s-s);height:var(--eui-s-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-s-l)}.eui-alert__content--with-title{margin-top:var(--eui-s-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-s-s)}:host.eui-alert--info{--_border-color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg-light)}:host.eui-alert--success{--_border-color: var(--eui-c-success);--_bg-color: var(--eui-c-success-bg-light)}:host.eui-alert--danger{--_border-color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger-bg-light)}:host.eui-alert--warning{--_border-color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning-bg-light)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--closeable .eui-alert__type-container{margin-top:var(--eui-s-xs)}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", 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: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isMuted) {\n    <div class=\"eui-alert__type-container\">\n        @if (baseStatesDirective.euiSuccess) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success\"></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiWarning) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning\"></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiDanger) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger\"></eui-icon-svg>\n        }\n        @else {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info\"></eui-icon-svg>\n    }\n    </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n    @if (alertTitle) {\n        <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n    } @else {\n        <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n    }\n</div>\n\n<ng-template #contentWithTitle>\n    <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n        <ng-content select=\"eui-alert-title\"></ng-content>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n    <div class=\"eui-alert__content-header\">\n        <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n</ng-template>\n\n<ng-template #closeButton>\n    <div class=\"eui-alert__close\">\n        <button *ngIf=\"isCloseable\"\n                euiButton\n                euiBasicButton\n                euiPrimary\n                euiSizeS\n                aria-label=\"Close alert button\"\n                class=\"eui-alert__close-button\"\n                (click)=\"onCloseClick()\">\n            <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n            <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close-outline\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <div [class.eui-alert__content--with-title]=\"alertTitle\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [":host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-c-info));--_color: var(--eui-alert-color, var(--eui-c-info));--_bg-color: var(--eui-alert-bg-color, var(--eui-c-info-bg-light))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-s-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-s-2xs) solid var(--_border-color);border-radius:var(--eui-br-m);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-s-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-s-s);height:var(--eui-s-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-s-l)}.eui-alert__content--with-title{margin-top:var(--eui-s-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-s-s)}:host.eui-alert--info{--_border-color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg-light)}:host.eui-alert--success{--_border-color: var(--eui-c-success);--_bg-color: var(--eui-c-success-bg-light)}:host.eui-alert--danger{--_border-color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger-bg-light)}:host.eui-alert--warning{--_border-color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning-bg-light)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--closeable .eui-alert__type-container{margin-top:var(--eui-s-xs)}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiAlertComponent, decorators: [{
             type: Component,