@eui/components 17.0.0-next.21 → 17.0.0-next.22

package/fesm2022/eui-components-ecl-eui-ecl-icon.mjs

@@ -4,7 +4,7 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { __decorate } from 'tslib';
 import { coerceBoolean, coerceElement } from '@eui/base';
-import { switchMap, of } from 'rxjs';
+import { of, switchMap } from 'rxjs';
 import * as i1 from '@eui/components/ecl/shared';
 import { EuiEclBaseDirective } from '@eui/components/ecl/shared';
 
@@ -84,8 +84,8 @@ class EuiEclIconComponent extends EuiEclBaseDirective {
             }
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiEclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclIconComponent, selector: "eui-ecl-icon", inputs: { iconSet: "iconSet", icon: "icon", size: "size", color: "color", transform: "transform", ariaLabelledby: "ariaLabelledby", role: "role", isInverted: "isInverted", ariaHidden: "ariaHidden", focusable: "focusable" }, viewQueries: [{ propertyName: "svgEl", first: true, predicate: ["svg"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg\n    #svg\n    [ngClass]=\"getClasses()\"\n    [attr.aria-hidden]=\"ariaHidden\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.role]=\"role || null\"\n    [attr.focusable]=\"focusable\">\n    <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n    <ng-content></ng-content>\n</svg>\n", styles: [".ecl-icon{fill:currentcolor;margin:0;transition:transform .3s ease-in-out}.ecl-icon--2xs{height:.75rem;width:.75rem}.ecl-icon--xs{height:1rem;width:1rem}.ecl-icon--s{height:1.25rem;width:1.25rem}.ecl-icon--m{height:1.5rem;width:1.5rem}.ecl-icon--l{height:2rem;width:2rem}.ecl-icon--xl{height:2.5rem;width:2.5rem}.ecl-icon--2xl{height:3rem;width:3rem}.ecl-icon--fluid{height:1em;width:1em}.ecl-icon--primary{fill:#0e47cb}.ecl-icon--inverted{fill:#fff}.ecl-icon--rotate-90{transform:rotate(90deg)}.ecl-icon--rotate-180{transform:rotate(180deg)}.ecl-icon--rotate-270{transform:rotate(270deg)}.ecl-icon--flip-horizontal{transform:scaleX(-1)}.ecl-icon--flip-vertical{transform:scaleY(-1)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiEclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclIconComponent, selector: "eui-ecl-icon", inputs: { iconSet: "iconSet", icon: "icon", size: "size", color: "color", transform: "transform", ariaLabelledby: "ariaLabelledby", role: "role", isInverted: "isInverted", ariaHidden: "ariaHidden", focusable: "focusable" }, viewQueries: [{ propertyName: "svgEl", first: true, predicate: ["svg"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg\n    #svg\n    [ngClass]=\"getClasses()\"\n    [attr.aria-hidden]=\"ariaHidden\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.role]=\"role || null\"\n    [attr.focusable]=\"focusable\">\n    <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n    <ng-content></ng-content>\n</svg>\n", styles: [".ecl-icon{fill:currentcolor;margin:0;transition:transform .3s ease-in-out}.ecl-icon--2xs{height:.75rem;width:.75rem}.ecl-icon--xs{height:1rem;width:1rem}.ecl-icon--s{height:1.25rem;width:1.25rem}.ecl-icon--m{height:1.5rem;width:1.5rem}.ecl-icon--l{height:2rem;width:2rem}.ecl-icon--xl{height:2.5rem;width:2.5rem}.ecl-icon--2xl{height:3rem;width:3rem}.ecl-icon--fluid{height:1em;width:1em}.ecl-icon--primary{fill:#0e47cb}.ecl-icon--inverted{fill:#fff}.ecl-icon--rotate-90{transform:rotate(90deg)}.ecl-icon--rotate-180{transform:rotate(180deg)}.ecl-icon--rotate-270{transform:rotate(270deg)}.ecl-icon--flip-horizontal{transform:scaleX(-1)}.ecl-icon--flip-vertical{transform:scaleY(-1)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -99,7 +99,7 @@ __decorate([
 __decorate([
     coerceElement
 ], EuiEclIconComponent.prototype, "svgEl", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-ecl-icon', encapsulation: ViewEncapsulation.None, template: "<svg\n    #svg\n    [ngClass]=\"getClasses()\"\n    [attr.aria-hidden]=\"ariaHidden\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.role]=\"role || null\"\n    [attr.focusable]=\"focusable\">\n    <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n    <ng-content></ng-content>\n</svg>\n", styles: [".ecl-icon{fill:currentcolor;margin:0;transition:transform .3s ease-in-out}.ecl-icon--2xs{height:.75rem;width:.75rem}.ecl-icon--xs{height:1rem;width:1rem}.ecl-icon--s{height:1.25rem;width:1.25rem}.ecl-icon--m{height:1.5rem;width:1.5rem}.ecl-icon--l{height:2rem;width:2rem}.ecl-icon--xl{height:2.5rem;width:2.5rem}.ecl-icon--2xl{height:3rem;width:3rem}.ecl-icon--fluid{height:1em;width:1em}.ecl-icon--primary{fill:#0e47cb}.ecl-icon--inverted{fill:#fff}.ecl-icon--rotate-90{transform:rotate(90deg)}.ecl-icon--rotate-180{transform:rotate(180deg)}.ecl-icon--rotate-270{transform:rotate(270deg)}.ecl-icon--flip-horizontal{transform:scaleX(-1)}.ecl-icon--flip-vertical{transform:scaleY(-1)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiEclThemeService }], propDecorators: { iconSet: [{
@@ -128,11 +128,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
             }] } });
 
 class EuiEclIconComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclIconComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclIconComponentModule, declarations: [EuiEclIconComponent], imports: [CommonModule], exports: [EuiEclIconComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclIconComponentModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, declarations: [EuiEclIconComponent], imports: [CommonModule], exports: [EuiEclIconComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclIconComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-components-ecl-eui-ecl-label.mjs

@@ -11,10 +11,10 @@ class EuiEclLabelDirective extends EuiEclBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclLabelDirective, selector: "[euiEclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclLabelDirective, selector: "[euiEclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclLabel]',
@@ -27,11 +27,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
             }] } });
 
 class EuiEclLabelDirectiveModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLabelDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLabelDirectiveModule, declarations: [EuiEclLabelDirective], imports: [CommonModule], exports: [EuiEclLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLabelDirectiveModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, declarations: [EuiEclLabelDirective], imports: [CommonModule], exports: [EuiEclLabelDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLabelDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-components-ecl-eui-ecl-link.mjs

@@ -58,8 +58,8 @@ class EuiEclLinkDirective extends EuiEclBaseDirective {
             return false;
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclLinkDirective, selector: "[euiEclLink]", inputs: { variant: "variant", isNegative: "isNegative", isNoVisited: "isNoVisited" }, host: { properties: { "class.ecl-link--negative": "this.isNegative", "class.ecl-link--no-visited": "this.isNoVisited", "class": "this.cssClasses", "class.ecl-link--icon-after": "this.hasRightIcon", "class.ecl-link--icon-before": "this.hasLeftIcon", "class.ecl-link--icon": "this.hasIcon" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EuiEclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclLinkDirective, selector: "[euiEclLink]", inputs: { variant: "variant", isNegative: "isNegative", isNoVisited: "isNoVisited" }, host: { properties: { "class.ecl-link--negative": "this.isNegative", "class.ecl-link--no-visited": "this.isNoVisited", "class": "this.cssClasses", "class.ecl-link--icon-after": "this.hasRightIcon", "class.ecl-link--icon-before": "this.hasLeftIcon", "class.ecl-link--icon": "this.hasIcon" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EuiEclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     coerceBoolean
@@ -67,7 +67,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EuiEclLinkDirective.prototype, "isNoVisited", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclLink]',
@@ -105,10 +105,10 @@ class EuiEclLinkLabelDirective extends EuiEclBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-link__label')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclLinkLabelDirective, selector: "[euiEclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclLinkLabelDirective, selector: "[euiEclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclLinkLabel]',
@@ -119,11 +119,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
             }] } });
 
 class EuiEclLinkDirectiveModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkDirectiveModule, declarations: [EuiEclLinkDirective, EuiEclLinkLabelDirective], imports: [CommonModule], exports: [EuiEclLinkDirective, EuiEclLinkLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkDirectiveModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkDirectiveModule, declarations: [EuiEclLinkDirective, EuiEclLinkLabelDirective], imports: [CommonModule], exports: [EuiEclLinkDirective, EuiEclLinkLabelDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkDirectiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclLinkDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-components-ecl-eui-ecl-message.mjs

@@ -57,8 +57,8 @@ class EuiEclMessageComponent extends EuiEclBaseDirective {
             return 'information';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclMessageComponent, selector: "eui-ecl-message", inputs: { messageTitle: "messageTitle", variant: "variant", isVisible: "isVisible", isCloseable: "isCloseable" }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<eui-ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></eui-ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button *ngIf=\"isCloseable\" eclButton class=\"ecl-message__close\" (click)=\"onCloseClick($event)\" variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <eui-ecl-icon icon=\"close\" size=\"s\"></eui-ecl-icon>\n    </button>\n\n    <ng-content select=\"[eclMessageTitle]\"></ng-content>\n    <div class=\"ecl-message__description\"><ng-content></ng-content></div>\n</div>\n", styles: [".ecl-message{border-bottom-width:0;border-end-start-radius:4px;border-inline-end-width:0;border-inline-start-width:4px;border-start-start-radius:4px;border-style:solid;border-top-width:0;box-sizing:border-box;display:flex;margin:0;padding-bottom:1.5rem;padding-inline-end:.5rem;padding-inline-start:1.5rem;padding-top:1.5rem;position:relative}.ecl-message__icon{flex-shrink:0;margin-inline-end:.5rem}.ecl-message__content{width:100%}.ecl-message__title{color:#171a22;font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.5rem;max-width:80ch}.ecl-message__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin:0 0 .5rem;max-width:80ch;padding-bottom:2rem}.ecl-message__close{bottom:.25rem;color:#0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:none;position:absolute;right:0}.no-js .ecl-message__close{display:none}@supports (display: grid){.ecl-message__content{display:grid}.ecl-message__title{grid-column-start:1}.ecl-message__description{grid-column-start:1;padding-bottom:0}.ecl-message__close{align-self:self-end;bottom:auto;grid-column-start:1;grid-row-end:4;grid-row-start:3;justify-self:end;margin-bottom:-.75rem;position:relative;right:auto}}@media (min-width: 768px){.ecl-message__title{margin-bottom:.5rem}.ecl-message__description{margin-bottom:0;padding-bottom:0}.ecl-message__close{bottom:auto;top:.75rem}@supports (display: grid){.ecl-message__content{grid-template-columns:auto max-content}.ecl-message__close{align-self:self-start;grid-column-start:2;grid-row-end:span 2;grid-row-start:1;margin-bottom:0;margin-top:-.75rem;position:relative;right:auto;top:auto}}}.ecl-message--info{background:#f3f6fc;border-color:#0e47cb}.ecl-message--info .ecl-message__icon{fill:#0e47cb}.ecl-message--success{background:#f2fcf9;border-color:#008d66}.ecl-message--success .ecl-message__icon{fill:#008d66}.ecl-message--warning{background:#fff7f2;border-color:#cc4e00}.ecl-message--warning .ecl-message__icon{fill:#cc4e00}.ecl-message--error{background:#fef2f5;border-color:#bf0036}.ecl-message--error .ecl-message__icon{fill:#bf0036}ecl-button{grid-column-start:2;grid-row-start:1}.ecl-message__icon.ecl-icon{margin-inline-end:1rem}.ecl-message__close *{display:inline-flex;margin-inline-end:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiEclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EuiEclIconComponent, selector: "eui-ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclMessageComponent, selector: "eui-ecl-message", inputs: { messageTitle: "messageTitle", variant: "variant", isVisible: "isVisible", isCloseable: "isCloseable" }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<eui-ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></eui-ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button *ngIf=\"isCloseable\" eclButton class=\"ecl-message__close\" (click)=\"onCloseClick($event)\" variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <eui-ecl-icon icon=\"close\" size=\"s\"></eui-ecl-icon>\n    </button>\n\n    <ng-content select=\"[eclMessageTitle]\"></ng-content>\n    <div class=\"ecl-message__description\"><ng-content></ng-content></div>\n</div>\n", styles: [".ecl-message{border-bottom-width:0;border-end-start-radius:4px;border-inline-end-width:0;border-inline-start-width:4px;border-start-start-radius:4px;border-style:solid;border-top-width:0;box-sizing:border-box;display:flex;margin:0;padding-bottom:1.5rem;padding-inline-end:.5rem;padding-inline-start:1.5rem;padding-top:1.5rem;position:relative}.ecl-message__icon{flex-shrink:0;margin-inline-end:.5rem}.ecl-message__content{width:100%}.ecl-message__title{color:#171a22;font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.5rem;max-width:80ch}.ecl-message__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin:0 0 .5rem;max-width:80ch;padding-bottom:2rem}.ecl-message__close{bottom:.25rem;color:#0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:none;position:absolute;right:0}.no-js .ecl-message__close{display:none}@supports (display: grid){.ecl-message__content{display:grid}.ecl-message__title{grid-column-start:1}.ecl-message__description{grid-column-start:1;padding-bottom:0}.ecl-message__close{align-self:self-end;bottom:auto;grid-column-start:1;grid-row-end:4;grid-row-start:3;justify-self:end;margin-bottom:-.75rem;position:relative;right:auto}}@media (min-width: 768px){.ecl-message__title{margin-bottom:.5rem}.ecl-message__description{margin-bottom:0;padding-bottom:0}.ecl-message__close{bottom:auto;top:.75rem}@supports (display: grid){.ecl-message__content{grid-template-columns:auto max-content}.ecl-message__close{align-self:self-start;grid-column-start:2;grid-row-end:span 2;grid-row-start:1;margin-bottom:0;margin-top:-.75rem;position:relative;right:auto;top:auto}}}.ecl-message--info{background:#f3f6fc;border-color:#0e47cb}.ecl-message--info .ecl-message__icon{fill:#0e47cb}.ecl-message--success{background:#f2fcf9;border-color:#008d66}.ecl-message--success .ecl-message__icon{fill:#008d66}.ecl-message--warning{background:#fff7f2;border-color:#cc4e00}.ecl-message--warning .ecl-message__icon{fill:#cc4e00}.ecl-message--error{background:#fef2f5;border-color:#bf0036}.ecl-message--error .ecl-message__icon{fill:#bf0036}ecl-button{grid-column-start:2;grid-row-start:1}.ecl-message__icon.ecl-icon{margin-inline-end:1rem}.ecl-message__close *{display:inline-flex;margin-inline-end:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiEclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EuiEclIconComponent, selector: "eui-ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -66,7 +66,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EuiEclMessageComponent.prototype, "isCloseable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-ecl-message', encapsulation: ViewEncapsulation.None, template: "<eui-ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></eui-ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button *ngIf=\"isCloseable\" eclButton class=\"ecl-message__close\" (click)=\"onCloseClick($event)\" variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <eui-ecl-icon icon=\"close\" size=\"s\"></eui-ecl-icon>\n    </button>\n\n    <ng-content select=\"[eclMessageTitle]\"></ng-content>\n    <div class=\"ecl-message__description\"><ng-content></ng-content></div>\n</div>\n", styles: [".ecl-message{border-bottom-width:0;border-end-start-radius:4px;border-inline-end-width:0;border-inline-start-width:4px;border-start-start-radius:4px;border-style:solid;border-top-width:0;box-sizing:border-box;display:flex;margin:0;padding-bottom:1.5rem;padding-inline-end:.5rem;padding-inline-start:1.5rem;padding-top:1.5rem;position:relative}.ecl-message__icon{flex-shrink:0;margin-inline-end:.5rem}.ecl-message__content{width:100%}.ecl-message__title{color:#171a22;font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.5rem;max-width:80ch}.ecl-message__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin:0 0 .5rem;max-width:80ch;padding-bottom:2rem}.ecl-message__close{bottom:.25rem;color:#0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:none;position:absolute;right:0}.no-js .ecl-message__close{display:none}@supports (display: grid){.ecl-message__content{display:grid}.ecl-message__title{grid-column-start:1}.ecl-message__description{grid-column-start:1;padding-bottom:0}.ecl-message__close{align-self:self-end;bottom:auto;grid-column-start:1;grid-row-end:4;grid-row-start:3;justify-self:end;margin-bottom:-.75rem;position:relative;right:auto}}@media (min-width: 768px){.ecl-message__title{margin-bottom:.5rem}.ecl-message__description{margin-bottom:0;padding-bottom:0}.ecl-message__close{bottom:auto;top:.75rem}@supports (display: grid){.ecl-message__content{grid-template-columns:auto max-content}.ecl-message__close{align-self:self-start;grid-column-start:2;grid-row-end:span 2;grid-row-start:1;margin-bottom:0;margin-top:-.75rem;position:relative;right:auto;top:auto}}}.ecl-message--info{background:#f3f6fc;border-color:#0e47cb}.ecl-message--info .ecl-message__icon{fill:#0e47cb}.ecl-message--success{background:#f2fcf9;border-color:#008d66}.ecl-message--success .ecl-message__icon{fill:#008d66}.ecl-message--warning{background:#fff7f2;border-color:#cc4e00}.ecl-message--warning .ecl-message__icon{fill:#cc4e00}.ecl-message--error{background:#fef2f5;border-color:#bf0036}.ecl-message--error .ecl-message__icon{fill:#bf0036}ecl-button{grid-column-start:2;grid-row-start:1}.ecl-message__icon.ecl-icon{margin-inline-end:1rem}.ecl-message__close *{display:inline-flex;margin-inline-end:.5rem}\n"] }]
         }], propDecorators: { messageTitle: [{
@@ -94,10 +94,10 @@ class EuiEclMessageTitleDirective extends EuiEclBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-message__title')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclMessageTitleDirective, selector: "[euiEclMessageTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclMessageTitleDirective, selector: "[euiEclMessageTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclMessageTitle]',
@@ -108,11 +108,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
             }] } });
 
 class EuiEclMessageComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageComponentModule, declarations: [EuiEclMessageComponent, EuiEclMessageTitleDirective], imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule], exports: [EuiEclMessageComponent, EuiEclMessageTitleDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageComponentModule, imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageComponentModule, declarations: [EuiEclMessageComponent, EuiEclMessageTitleDirective], imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule], exports: [EuiEclMessageComponent, EuiEclMessageTitleDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageComponentModule, imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclMessageComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclMessageComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule],

package/fesm2022/eui-components-ecl-shared.mjs

@@ -305,10 +305,10 @@ class EuiEclDefaultLanguageService {
             this.currentLanguage$.next(this.currentLanguage);
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclDefaultLanguageService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclDefaultLanguageService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclDefaultLanguageService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclDefaultLanguageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclDefaultLanguageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclDefaultLanguageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -350,10 +350,10 @@ class EuiEclThemeService {
         this.theme = theme;
         this.themeSubject.next(theme);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclThemeService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclThemeService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclThemeService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclThemeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclThemeService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -373,10 +373,10 @@ class EuiEclBaseDirective {
     getCssClasses(rootClass) {
         return [rootClass, this.class].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBaseDirective, selector: "[EuiEclBase]", inputs: { class: "class", e2eAttr: "e2eAttr", tabindex: "tabindex" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBaseDirective, selector: "[EuiEclBase]", inputs: { class: "class", e2eAttr: "e2eAttr", tabindex: "tabindex" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line
@@ -408,10 +408,10 @@ class EuiEclClickOutsideDirective extends EuiEclBaseDirective {
             this.euiEclClickOutside.emit();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclClickOutsideDirective, isStandalone: true, selector: "[euiEclClickOutside]", outputs: { euiEclClickOutside: "euiEclClickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclClickOutsideDirective, isStandalone: true, selector: "[euiEclClickOutside]", outputs: { euiEclClickOutside: "euiEclClickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclClickOutsideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclClickOutside]',
@@ -429,10 +429,10 @@ class EuiEclHiddenDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.isHidden = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclHiddenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclHiddenDirective, selector: "[euiEclHidden]", inputs: { isHidden: ["euiEclHidden", "isHidden"] }, host: { properties: { "class.ecl-u-d-none": "this.isHidden" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclHiddenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclHiddenDirective, selector: "[euiEclHidden]", inputs: { isHidden: ["euiEclHidden", "isHidden"] }, host: { properties: { "class.ecl-u-d-none": "this.isHidden" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclHiddenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclHiddenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclHidden]',
@@ -446,11 +446,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
             }] } });
 
 class EuiEclHiddenModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclHiddenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclHiddenModule, declarations: [EuiEclHiddenDirective], imports: [CommonModule], exports: [EuiEclHiddenDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclHiddenModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclHiddenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclHiddenModule, declarations: [EuiEclHiddenDirective], imports: [CommonModule], exports: [EuiEclHiddenDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclHiddenModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclHiddenModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclHiddenModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-components-ecl-webcomponents-ecl-message-wc.mjs

@@ -15,8 +15,8 @@ class EclMessageWcComponent {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.isCloseable = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclMessageWcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EclMessageWcComponent, selector: "ecl-message-wc", inputs: { messageTitle: "messageTitle", variant: "variant", isVisible: "isVisible", isCloseable: "isCloseable" }, ngImport: i0, template: "<ecl-message\n    message-title=\"{{messageTitle}}\"\n    theme=\"eu\"\n    variant=\"{{variant}}\"\n    close-label=\"Close\"\n    with-close=\"{{isCloseable}}\">\n    <ng-content></ng-content>\n</ecl-message>\n\n<!--\n    take off temporary this as no ecl-message.js can't be found in ECL deps compiled correctly\n\n    ecl-script\n-->\n", dependencies: [{ kind: "component", type: i1.EclMessage, selector: "ecl-message", inputs: ["closeLabel", "eclScript", "messageTitle", "styleClass", "theme", "variant", "withClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclMessageWcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EclMessageWcComponent, selector: "ecl-message-wc", inputs: { messageTitle: "messageTitle", variant: "variant", isVisible: "isVisible", isCloseable: "isCloseable" }, ngImport: i0, template: "<ecl-message\n    message-title=\"{{messageTitle}}\"\n    theme=\"eu\"\n    variant=\"{{variant}}\"\n    close-label=\"Close\"\n    with-close=\"{{isCloseable}}\">\n    <ng-content></ng-content>\n</ecl-message>\n\n<!--\n    take off temporary this as no ecl-message.js can't be found in ECL deps compiled correctly\n\n    ecl-script\n-->\n", dependencies: [{ kind: "component", type: i1.EclMessage, selector: "ecl-message", inputs: ["closeLabel", "eclScript", "messageTitle", "styleClass", "theme", "variant", "withClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     coerceBoolean
@@ -24,7 +24,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclMessageWcComponent.prototype, "isCloseable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclMessageWcComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclMessageWcComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-message-wc', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ecl-message\n    message-title=\"{{messageTitle}}\"\n    theme=\"eu\"\n    variant=\"{{variant}}\"\n    close-label=\"Close\"\n    with-close=\"{{isCloseable}}\">\n    <ng-content></ng-content>\n</ecl-message>\n\n<!--\n    take off temporary this as no ecl-message.js can't be found in ECL deps compiled correctly\n\n    ecl-script\n-->\n" }]
         }], propDecorators: { messageTitle: [{
@@ -39,11 +39,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
 
 defineCustomElements(window);
 class EclMessageWcModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclMessageWcModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclMessageWcModule, declarations: [EclMessageWcComponent], imports: [CommonModule, ComponentLibraryModule], exports: [EclMessageWcComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclMessageWcModule, imports: [CommonModule, ComponentLibraryModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclMessageWcModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclMessageWcModule, declarations: [EclMessageWcComponent], imports: [CommonModule, ComponentLibraryModule], exports: [EclMessageWcComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclMessageWcModule, imports: [CommonModule, ComponentLibraryModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclMessageWcModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclMessageWcModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ComponentLibraryModule],

package/fesm2022/eui-components-ecl-webcomponents-ecl-webcomponents-all.mjs

@@ -6,11 +6,11 @@ import { defineCustomElements } from '@ecl/ecl-webcomponents/loader';
 
 defineCustomElements(window);
 class EclWebcomponentsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclWebcomponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclWebcomponentsModule, imports: [CommonModule, ComponentLibraryModule], exports: [ComponentLibraryModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclWebcomponentsModule, imports: [CommonModule, ComponentLibraryModule, ComponentLibraryModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclWebcomponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclWebcomponentsModule, imports: [CommonModule, ComponentLibraryModule], exports: [ComponentLibraryModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclWebcomponentsModule, imports: [CommonModule, ComponentLibraryModule, ComponentLibraryModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EclWebcomponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EclWebcomponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ComponentLibraryModule],

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

@@ -19,10 +19,10 @@ class EuiAlertTitleDirective {
     constructor() {
         this.class = 'eui-alert__title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAlertTitleDirective, selector: "eui-alert-title", host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAlertTitleDirective, selector: "eui-alert-title", host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertTitleDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-alert-title' }]
         }], propDecorators: { class: [{
@@ -87,8 +87,8 @@ class EuiAlertComponent {
             this.alertIconFillColor = 'grey-100';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { e2eAttr: "e2eAttr", isMuted: "isMuted", isCloseable: "isCloseable", isFocusable: "isFocusable" }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-alert__content-wrapper\" role=\"alert\" [tabindex]=\"isFocusable ? '0' : '-1'\" aria-describedby=\"alertContent\">\n    <div class=\"eui-alert__type-container\" *ngIf=\"!isMuted\">\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"{{ alertIconFillColor }}\"></eui-icon-svg>\n    </div>\n    <div class=\"eui-alert__content\" id=\"alertContent\">\n        <ng-content select=\"eui-alert-title\"></ng-content>\n        <div class=\"eui-alert__content-text\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n    <button\n        *ngIf=\"isCloseable\"\n        euiButton\n        euiBasicButton\n        euiPrimary\n        aria-label=\"Close alert button\"\n        (click)=\"onCloseClick()\"\n        class=\"eui-alert__close\">\n        <a>{{ 'eui.CLOSE' | translate }}</a>\n        <eui-icon-svg icon=\"eui-ecl-close\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n    </button>\n</div>\n", styles: [".eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-100));--_color: var(--eui-alert-color, var(--eui-base-color-info-120));--_bg-color: var(--eui-alert-type-container-bg-color, var(--eui-base-color-info-10))}.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:4px solid var(--_border-color);border-radius:var(--eui-base-border-radius)}.eui-alert__type-container{display:flex;align-items:flex-start;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-alert__content{display:flex;flex-direction:column;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.eui-alert__title{margin-top:var(--eui-base-spacing-2xs);margin-bottom:var(--eui-base-spacing-s);color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__content-wrapper:focus:active:not([readonly]),.eui-alert__content-wrapper:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__content-wrapper:focus [tabindex=\"0\"]:active:not([readonly]),.eui-alert__content-wrapper:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__close{display:inline-flex;align-items:flex-start;margin-top:var(--eui-base-spacing-2xs);margin-left:auto;margin-right:var(--eui-base-spacing-s);padding-left:var(--eui-base-spacing-s);height:var(--eui-base-spacing-xs)}.eui-alert__close:hover{text-decoration:underline}@media screen and (max-width: 767px){.eui-alert__content-wrapper{display:block;width:100%}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto;position:absolute;right:0;top:0}}.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-120)}.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-120)}.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-120)}.eui-alert--secondary{--_border-color: var(--eui-base-color-grey-100);--_bg-color: var(--eui-base-color-grey-10);--_color: var(--eui-base-color-grey-100)}.eui-alert--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { e2eAttr: "e2eAttr", isMuted: "isMuted", isCloseable: "isCloseable", isFocusable: "isFocusable" }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-alert__content-wrapper\" role=\"alert\" [tabindex]=\"isFocusable ? '0' : '-1'\" aria-describedby=\"alertContent\">\n    <div class=\"eui-alert__type-container\" *ngIf=\"!isMuted\">\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"{{ alertIconFillColor }}\"></eui-icon-svg>\n    </div>\n    <div class=\"eui-alert__content\" id=\"alertContent\">\n        <ng-content select=\"eui-alert-title\"></ng-content>\n        <div class=\"eui-alert__content-text\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n    <button\n        *ngIf=\"isCloseable\"\n        euiButton\n        euiBasicButton\n        euiPrimary\n        aria-label=\"Close alert button\"\n        (click)=\"onCloseClick()\"\n        class=\"eui-alert__close\">\n        <a>{{ 'eui.CLOSE' | translate }}</a>\n        <eui-icon-svg icon=\"eui-ecl-close\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n    </button>\n</div>\n", styles: [".eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-100));--_color: var(--eui-alert-color, var(--eui-base-color-info-120));--_bg-color: var(--eui-alert-type-container-bg-color, var(--eui-base-color-info-10))}.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:4px solid var(--_border-color);border-radius:var(--eui-base-border-radius)}.eui-alert__type-container{display:flex;align-items:flex-start;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-alert__content{display:flex;flex-direction:column;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.eui-alert__title{margin-top:var(--eui-base-spacing-2xs);margin-bottom:var(--eui-base-spacing-s);color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__content-wrapper:focus:active:not([readonly]),.eui-alert__content-wrapper:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__content-wrapper:focus [tabindex=\"0\"]:active:not([readonly]),.eui-alert__content-wrapper:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__close{display:inline-flex;align-items:flex-start;margin-top:var(--eui-base-spacing-2xs);margin-left:auto;margin-right:var(--eui-base-spacing-s);padding-left:var(--eui-base-spacing-s);height:var(--eui-base-spacing-xs)}.eui-alert__close:hover{text-decoration:underline}@media screen and (max-width: 767px){.eui-alert__content-wrapper{display:block;width:100%}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto;position:absolute;right:0;top:0}}.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-120)}.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-120)}.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-120)}.eui-alert--secondary{--_border-color: var(--eui-base-color-grey-100);--_bg-color: var(--eui-base-color-grey-10);--_color: var(--eui-base-color-grey-100)}.eui-alert--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -99,7 +99,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EuiAlertComponent.prototype, "isFocusable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euiAlert], eui-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -125,11 +125,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
                 type: Output
             }] } });
 class EuiAlertModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, declarations: [EuiAlertComponent, EuiAlertTitleDirective], imports: [CommonModule, TranslateModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule, EuiButtonModule], exports: [EuiAlertComponent, EuiAlertTitleDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, imports: [CommonModule, TranslateModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule, EuiButtonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertModule, declarations: [EuiAlertComponent, EuiAlertTitleDirective], imports: [CommonModule, TranslateModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule, EuiButtonModule], exports: [EuiAlertComponent, EuiAlertTitleDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertModule, imports: [CommonModule, TranslateModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule, EuiButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule, EuiButtonModule],

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

@@ -129,8 +129,8 @@ const MODULES = [
     EuiAvatarModule,
 ];
 class EuiAllModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, EuiTemplateDirectiveModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, EuiTemplateDirectiveModule,
             EuiTooltipDirectiveModule,
             EuiInputNumberDirectiveModule,
             EuiMaxLengthDirectiveModule,
@@ -257,7 +257,7 @@ class EuiAllModule {
             EuiUxTreeModule,
             EuiTreeListModule,
             EuiAvatarModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, MODULES, EuiTemplateDirectiveModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAllModule, imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, MODULES, EuiTemplateDirectiveModule,
             EuiTooltipDirectiveModule,
             EuiInputNumberDirectiveModule,
             EuiMaxLengthDirectiveModule,
@@ -322,7 +322,7 @@ class EuiAllModule {
             EuiTreeListModule,
             EuiAvatarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, ReactiveFormsModule, FormsModule, ...MODULES],