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

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

@@ -12,10 +12,10 @@ class EuiEclBannerTitleDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerTitleDirective, selector: "[euiEclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerTitleDirective, selector: "[euiEclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclBannerTitle]',
@@ -29,10 +29,10 @@ class EuiEclBannerTitleTextDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__title-text';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerTitleTextDirective, selector: "[euiEclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerTitleTextDirective, selector: "[euiEclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerTitleTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclBannerTitleText]',
@@ -47,10 +47,10 @@ class EuiEclBannerDescriptionDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__description';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerDescriptionDirective, selector: "[euiEclBannerDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerDescriptionDirective, selector: "[euiEclBannerDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclBannerDescription]',
@@ -64,10 +64,10 @@ class EuiEclBannerDescriptionTextDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__description-text';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerDescriptionTextDirective, selector: "[euiEclBannerDescriptionText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerDescriptionTextDirective, selector: "[euiEclBannerDescriptionText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerDescriptionTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerDescriptionTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclBannerDescriptionText]',
@@ -81,10 +81,10 @@ class EuiEclFilePictureDirective extends EuiEclBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-file__picture')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclFilePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclFilePictureDirective, selector: "picture[euiEclFilePicture]", 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: EuiEclFilePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclFilePictureDirective, selector: "picture[euiEclFilePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclFilePictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclFilePictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[euiEclFilePicture]',
@@ -98,10 +98,10 @@ class EuiEclFileImageDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclFileImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclFileImageDirective, selector: "img[euiEclFileImage]", host: { properties: { "class.ecl-file__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclFileImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclFileImageDirective, selector: "img[euiEclFileImage]", host: { properties: { "class.ecl-file__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclFileImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclFileImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[euiEclFileImage]',
@@ -145,8 +145,8 @@ class EuiEclBannerComponent extends EuiEclBaseDirective {
     get showImage() {
         return this.image && !this.eclPictureDirective;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerComponent, selector: "eui-ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureDirective", first: true, predicate: EuiEclFilePictureDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EuiEclLinkDirective) }], usesInheritance: true, ngImport: i0, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n    <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".ecl-banner{align-items:center;border-radius:8px;box-shadow:0 0 6px #09318e33;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;overflow:hidden;position:relative}.ecl-banner__picture{position:relative;width:100%}.ecl-banner__credit{background:rgba(0,0,0,.54);color:#fff;font: 400 .875rem/1rem arial,sans-serif;padding:.25rem .5rem;position:absolute;right:0;top:0;z-index:1}.ecl-container .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-banner__container{display:flex;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.ecl-banner__content{align-items:start;box-sizing:content-box;display:inline-flex;flex-direction:column}.ecl-banner--centered .ecl-banner__container{justify-content:center}.ecl-banner--centered .ecl-banner__content{align-items:center;text-align:center}.ecl-banner__image{display:block;object-fit:cover;object-position:top;position:relative;width:100%}.ecl-banner__title{font: 400 1.75rem/2rem arial,sans-serif;font-weight:400;margin:0}.ecl-banner__description{font: 400 1.125rem/1.5rem arial,sans-serif;font-weight:400;margin-bottom:0;margin-top:.5rem}.ecl-banner__cta{margin-top:1.5rem}.ecl-banner__content>*:first-child{margin-top:0}.ecl-banner--full-width{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--plain-background{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--plain-background .ecl-banner__title,.ecl-banner--plain-background .ecl-banner__description{color:#fff}.ecl-banner--text-box{background:rgba(255,255,255,.9)}.ecl-banner--text-box .ecl-banner__image{aspect-ratio:4/1;border-bottom:4px solid #fc0}.ecl-banner--text-box .ecl-banner__title{color:#171a22}.ecl-banner--text-box .ecl-banner__description{color:#515560}@media (min-width: 996px){.ecl-banner--text-box .ecl-banner__container{padding-bottom:0;padding-top:0}.ecl-banner--text-box .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-box .ecl-banner__content{background:rgba(255,255,255,.9);border-bottom:0 solid #fc0;border-inline-start:4px solid #fc0;border-radius:4px;padding:1.5rem}}.ecl-banner--image-overlay{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--image-overlay .ecl-banner__picture:before{background-color:#0006;border-bottom:4px solid #fc0;content:\"\";height:100%;position:absolute;width:100%;z-index:1}.ecl-banner--image-overlay .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--image-overlay .ecl-banner__picture{border-bottom-width:0}.ecl-banner--image-overlay .ecl-banner__image:before{border-radius:8px;height:100%;padding-top:0}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{text-shadow:0 0 4px #000}}.ecl-banner--text-highlight{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--text-highlight .ecl-banner__image{border-bottom:4px solid #fc0;border-radius:8px 8px 0 0;aspect-ratio:4/1}.ecl-banner--text-highlight .ecl-banner__title,.ecl-banner--text-highlight .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--text-highlight .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-highlight .ecl-banner__image:before{border-radius:8px;padding-top:0}.ecl-banner--text-highlight .ecl-banner__title-text,.ecl-banner--text-highlight .ecl-banner__description-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:rgba(0,0,0,.72);padding:.25rem .5rem}.ecl-banner--text-highlight .ecl-banner__title-text{line-height:1.3}.ecl-banner--text-highlight .ecl-banner__description-text{line-height:1.5}}@media (min-width: 996px){.ecl-banner .ecl-banner__image,.ecl-banner--m .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--s .ecl-banner__image{aspect-ratio:5/1}.ecl-banner--l .ecl-banner__image{aspect-ratio:3/1}.ecl-banner .ecl-container{position:absolute;z-index:1}.ecl-banner__content{max-width:45.5rem}.ecl-banner--plain-background:before{content:\"\";display:block;padding-top:25%;width:100%}.ecl-banner--plain-background.ecl-banner--s:before{padding-top:20%}.ecl-banner--plain-background.ecl-banner--l:before{padding-top:33%}.ecl-banner__title{font: 400 2.625rem/3.25rem arial,sans-serif;font-weight:400}.ecl-banner__description{font: 400 1.125rem/1.75rem arial,sans-serif;font-weight:400}}.ecl-file{border-radius:4px;margin:0;max-width:823px;overflow:hidden}.ecl-file__container{align-items:center;background-color:#f3f6fc;border:none;display:flex;flex-wrap:wrap;padding:1.5rem}.ecl-file__icon{align-self:flex-start;fill:#0e47cb}.ecl-file__info{display:flex;flex-basis:50%;flex-grow:1;flex-wrap:wrap;margin-inline-start:.5rem}.ecl-file__title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;width:100%}.ecl-file__language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700;margin-inline-end:.5rem;margin-top:.25rem}.ecl-file__meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__detail{border-bottom:1px solid #cfdaf5;display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:1rem;width:100%}.ecl-file__detail-meta{display:flex;font: 400 .875rem/1rem arial,sans-serif;margin-bottom:.5rem}.ecl-file__detail-meta-item{margin-inline-start:1rem}.ecl-file__detail-meta-item:before{color:#0e47cb;content:\"|\";margin-inline-end:1rem}.ecl-file__detail-meta-item:first-of-type{margin-inline-start:0;text-transform:uppercase}.ecl-file__detail-meta-item:first-of-type:before{display:none}.ecl-file__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin-top:.5rem;max-width:80ch;white-space:pre-wrap}.ecl-file__image{display:block;margin-top:1rem;max-width:13.313rem}.ecl-file__taxonomy{border-bottom:1px solid #cfdaf5;margin-bottom:1.5rem;padding-bottom:1.5rem;width:100%}.ecl-file__label{display:inline-flex;flex-basis:100%;margin-bottom:1rem;margin-inline-end:.5rem}.ecl-file__translation-language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700}.ecl-file__translation-container{border:2px solid #e7edfa;border-end-start-radius:4px;border-end-end-radius:4px;border-top:0;display:flex;flex-direction:column;padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-file__translation-toggle{align-self:flex-end;border:2px solid #0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin-bottom:.75rem;margin-inline-end:-1rem;margin-top:.75rem;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-file__translation-toggle:focus-visible{outline-offset:-5px}.no-js .ecl-file__translation-toggle{display:none}.ecl-file__translation-list{display:none;list-style:none;margin:0;padding-inline-start:0}.no-js .ecl-file__translation-list{display:block}.ecl-file__translation-item{border-top:1px solid #cfdaf5;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem}.ecl-file__translation-item:last-child{padding-bottom:1.5rem}.ecl-file__translation-item:first-child{border-top-width:0}.ecl-file__translation-item>span[class*=wt]{align-self:center}.ecl-file__translation-info{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap}.ecl-file__translation-title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700}.ecl-file__translation-meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__download,.ecl-file__translation-download{align-self:center;font: 400 1rem/1.25rem arial,sans-serif;margin-top:1.5rem;width:100%}.ecl-file__translation-description{color:#515560;display:block;font: 400 1rem/1.25rem arial,sans-serif;max-width:80ch}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-list{display:block}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-toggle .ecl-button__icon{transform:rotate(0)}@media (min-width: 480px){.ecl-file__download,.ecl-file__translation-download{margin-top:0;width:auto}.ecl-file__info{margin-inline-end:1rem}.ecl-file__translation-item{flex-direction:row;max-width:100%}}@media (min-width: 768px){.ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file__detail{flex-direction:row-reverse}.ecl-file__detail-info{flex-grow:1}.ecl-file__download{align-self:center;margin-top:0}.ecl-file__image{align-self:flex-start;margin-inline-start:0;margin-inline-end:2rem;margin-top:0}.ecl-file__taxonomy{margin-bottom:1rem;padding-bottom:1rem}}.ecl-file--thumbnail .ecl-file__container{padding-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__info{margin-inline-start:0}.ecl-file--thumbnail .ecl-file__title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700}.ecl-file--thumbnail .ecl-file__language,.ecl-file--thumbnail .ecl-file__meta{margin-top:0}.ecl-file--thumbnail .ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file--thumbnail .ecl-file__translation-item{flex-direction:row;flex-wrap:wrap}.ecl-file--thumbnail .ecl-file__translation-item:first-of-type{border-top-width:0;padding-top:0}.ecl-file--thumbnail .ecl-file__translation-detail{flex-basis:100%;margin-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__translation-info{align-items:center;flex-direction:row}.ecl-file--thumbnail .ecl-file__translation-title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.75rem}.ecl-file--thumbnail .ecl-file__translation-meta{margin-inline-start:.25rem;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerComponent, selector: "eui-ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureDirective", first: true, predicate: EuiEclFilePictureDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EuiEclLinkDirective) }], usesInheritance: true, ngImport: i0, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n    <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".ecl-banner{align-items:center;border-radius:8px;box-shadow:0 0 6px #09318e33;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;overflow:hidden;position:relative}.ecl-banner__picture{position:relative;width:100%}.ecl-banner__credit{background:rgba(0,0,0,.54);color:#fff;font: 400 .875rem/1rem arial,sans-serif;padding:.25rem .5rem;position:absolute;right:0;top:0;z-index:1}.ecl-container .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-banner__container{display:flex;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.ecl-banner__content{align-items:start;box-sizing:content-box;display:inline-flex;flex-direction:column}.ecl-banner--centered .ecl-banner__container{justify-content:center}.ecl-banner--centered .ecl-banner__content{align-items:center;text-align:center}.ecl-banner__image{display:block;object-fit:cover;object-position:top;position:relative;width:100%}.ecl-banner__title{font: 400 1.75rem/2rem arial,sans-serif;font-weight:400;margin:0}.ecl-banner__description{font: 400 1.125rem/1.5rem arial,sans-serif;font-weight:400;margin-bottom:0;margin-top:.5rem}.ecl-banner__cta{margin-top:1.5rem}.ecl-banner__content>*:first-child{margin-top:0}.ecl-banner--full-width{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--plain-background{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--plain-background .ecl-banner__title,.ecl-banner--plain-background .ecl-banner__description{color:#fff}.ecl-banner--text-box{background:rgba(255,255,255,.9)}.ecl-banner--text-box .ecl-banner__image{aspect-ratio:4/1;border-bottom:4px solid #fc0}.ecl-banner--text-box .ecl-banner__title{color:#171a22}.ecl-banner--text-box .ecl-banner__description{color:#515560}@media (min-width: 996px){.ecl-banner--text-box .ecl-banner__container{padding-bottom:0;padding-top:0}.ecl-banner--text-box .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-box .ecl-banner__content{background:rgba(255,255,255,.9);border-bottom:0 solid #fc0;border-inline-start:4px solid #fc0;border-radius:4px;padding:1.5rem}}.ecl-banner--image-overlay{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--image-overlay .ecl-banner__picture:before{background-color:#0006;border-bottom:4px solid #fc0;content:\"\";height:100%;position:absolute;width:100%;z-index:1}.ecl-banner--image-overlay .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--image-overlay .ecl-banner__picture{border-bottom-width:0}.ecl-banner--image-overlay .ecl-banner__image:before{border-radius:8px;height:100%;padding-top:0}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{text-shadow:0 0 4px #000}}.ecl-banner--text-highlight{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--text-highlight .ecl-banner__image{border-bottom:4px solid #fc0;border-radius:8px 8px 0 0;aspect-ratio:4/1}.ecl-banner--text-highlight .ecl-banner__title,.ecl-banner--text-highlight .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--text-highlight .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-highlight .ecl-banner__image:before{border-radius:8px;padding-top:0}.ecl-banner--text-highlight .ecl-banner__title-text,.ecl-banner--text-highlight .ecl-banner__description-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:rgba(0,0,0,.72);padding:.25rem .5rem}.ecl-banner--text-highlight .ecl-banner__title-text{line-height:1.3}.ecl-banner--text-highlight .ecl-banner__description-text{line-height:1.5}}@media (min-width: 996px){.ecl-banner .ecl-banner__image,.ecl-banner--m .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--s .ecl-banner__image{aspect-ratio:5/1}.ecl-banner--l .ecl-banner__image{aspect-ratio:3/1}.ecl-banner .ecl-container{position:absolute;z-index:1}.ecl-banner__content{max-width:45.5rem}.ecl-banner--plain-background:before{content:\"\";display:block;padding-top:25%;width:100%}.ecl-banner--plain-background.ecl-banner--s:before{padding-top:20%}.ecl-banner--plain-background.ecl-banner--l:before{padding-top:33%}.ecl-banner__title{font: 400 2.625rem/3.25rem arial,sans-serif;font-weight:400}.ecl-banner__description{font: 400 1.125rem/1.75rem arial,sans-serif;font-weight:400}}.ecl-file{border-radius:4px;margin:0;max-width:823px;overflow:hidden}.ecl-file__container{align-items:center;background-color:#f3f6fc;border:none;display:flex;flex-wrap:wrap;padding:1.5rem}.ecl-file__icon{align-self:flex-start;fill:#0e47cb}.ecl-file__info{display:flex;flex-basis:50%;flex-grow:1;flex-wrap:wrap;margin-inline-start:.5rem}.ecl-file__title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;width:100%}.ecl-file__language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700;margin-inline-end:.5rem;margin-top:.25rem}.ecl-file__meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__detail{border-bottom:1px solid #cfdaf5;display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:1rem;width:100%}.ecl-file__detail-meta{display:flex;font: 400 .875rem/1rem arial,sans-serif;margin-bottom:.5rem}.ecl-file__detail-meta-item{margin-inline-start:1rem}.ecl-file__detail-meta-item:before{color:#0e47cb;content:\"|\";margin-inline-end:1rem}.ecl-file__detail-meta-item:first-of-type{margin-inline-start:0;text-transform:uppercase}.ecl-file__detail-meta-item:first-of-type:before{display:none}.ecl-file__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin-top:.5rem;max-width:80ch;white-space:pre-wrap}.ecl-file__image{display:block;margin-top:1rem;max-width:13.313rem}.ecl-file__taxonomy{border-bottom:1px solid #cfdaf5;margin-bottom:1.5rem;padding-bottom:1.5rem;width:100%}.ecl-file__label{display:inline-flex;flex-basis:100%;margin-bottom:1rem;margin-inline-end:.5rem}.ecl-file__translation-language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700}.ecl-file__translation-container{border:2px solid #e7edfa;border-end-start-radius:4px;border-end-end-radius:4px;border-top:0;display:flex;flex-direction:column;padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-file__translation-toggle{align-self:flex-end;border:2px solid #0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin-bottom:.75rem;margin-inline-end:-1rem;margin-top:.75rem;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-file__translation-toggle:focus-visible{outline-offset:-5px}.no-js .ecl-file__translation-toggle{display:none}.ecl-file__translation-list{display:none;list-style:none;margin:0;padding-inline-start:0}.no-js .ecl-file__translation-list{display:block}.ecl-file__translation-item{border-top:1px solid #cfdaf5;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem}.ecl-file__translation-item:last-child{padding-bottom:1.5rem}.ecl-file__translation-item:first-child{border-top-width:0}.ecl-file__translation-item>span[class*=wt]{align-self:center}.ecl-file__translation-info{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap}.ecl-file__translation-title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700}.ecl-file__translation-meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__download,.ecl-file__translation-download{align-self:center;font: 400 1rem/1.25rem arial,sans-serif;margin-top:1.5rem;width:100%}.ecl-file__translation-description{color:#515560;display:block;font: 400 1rem/1.25rem arial,sans-serif;max-width:80ch}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-list{display:block}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-toggle .ecl-button__icon{transform:rotate(0)}@media (min-width: 480px){.ecl-file__download,.ecl-file__translation-download{margin-top:0;width:auto}.ecl-file__info{margin-inline-end:1rem}.ecl-file__translation-item{flex-direction:row;max-width:100%}}@media (min-width: 768px){.ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file__detail{flex-direction:row-reverse}.ecl-file__detail-info{flex-grow:1}.ecl-file__download{align-self:center;margin-top:0}.ecl-file__image{align-self:flex-start;margin-inline-start:0;margin-inline-end:2rem;margin-top:0}.ecl-file__taxonomy{margin-bottom:1rem;padding-bottom:1rem}}.ecl-file--thumbnail .ecl-file__container{padding-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__info{margin-inline-start:0}.ecl-file--thumbnail .ecl-file__title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700}.ecl-file--thumbnail .ecl-file__language,.ecl-file--thumbnail .ecl-file__meta{margin-top:0}.ecl-file--thumbnail .ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file--thumbnail .ecl-file__translation-item{flex-direction:row;flex-wrap:wrap}.ecl-file--thumbnail .ecl-file__translation-item:first-of-type{border-top-width:0;padding-top:0}.ecl-file--thumbnail .ecl-file__translation-detail{flex-basis:100%;margin-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__translation-info{align-items:center;flex-direction:row}.ecl-file--thumbnail .ecl-file__translation-title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.75rem}.ecl-file--thumbnail .ecl-file__translation-meta{margin-inline-start:.25rem;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -154,7 +154,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EuiEclBannerComponent.prototype, "isFullWidth", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-ecl-banner', encapsulation: ViewEncapsulation.None, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n    <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".ecl-banner{align-items:center;border-radius:8px;box-shadow:0 0 6px #09318e33;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;overflow:hidden;position:relative}.ecl-banner__picture{position:relative;width:100%}.ecl-banner__credit{background:rgba(0,0,0,.54);color:#fff;font: 400 .875rem/1rem arial,sans-serif;padding:.25rem .5rem;position:absolute;right:0;top:0;z-index:1}.ecl-container .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-banner__container{display:flex;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.ecl-banner__content{align-items:start;box-sizing:content-box;display:inline-flex;flex-direction:column}.ecl-banner--centered .ecl-banner__container{justify-content:center}.ecl-banner--centered .ecl-banner__content{align-items:center;text-align:center}.ecl-banner__image{display:block;object-fit:cover;object-position:top;position:relative;width:100%}.ecl-banner__title{font: 400 1.75rem/2rem arial,sans-serif;font-weight:400;margin:0}.ecl-banner__description{font: 400 1.125rem/1.5rem arial,sans-serif;font-weight:400;margin-bottom:0;margin-top:.5rem}.ecl-banner__cta{margin-top:1.5rem}.ecl-banner__content>*:first-child{margin-top:0}.ecl-banner--full-width{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--plain-background{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--plain-background .ecl-banner__title,.ecl-banner--plain-background .ecl-banner__description{color:#fff}.ecl-banner--text-box{background:rgba(255,255,255,.9)}.ecl-banner--text-box .ecl-banner__image{aspect-ratio:4/1;border-bottom:4px solid #fc0}.ecl-banner--text-box .ecl-banner__title{color:#171a22}.ecl-banner--text-box .ecl-banner__description{color:#515560}@media (min-width: 996px){.ecl-banner--text-box .ecl-banner__container{padding-bottom:0;padding-top:0}.ecl-banner--text-box .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-box .ecl-banner__content{background:rgba(255,255,255,.9);border-bottom:0 solid #fc0;border-inline-start:4px solid #fc0;border-radius:4px;padding:1.5rem}}.ecl-banner--image-overlay{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--image-overlay .ecl-banner__picture:before{background-color:#0006;border-bottom:4px solid #fc0;content:\"\";height:100%;position:absolute;width:100%;z-index:1}.ecl-banner--image-overlay .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--image-overlay .ecl-banner__picture{border-bottom-width:0}.ecl-banner--image-overlay .ecl-banner__image:before{border-radius:8px;height:100%;padding-top:0}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{text-shadow:0 0 4px #000}}.ecl-banner--text-highlight{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--text-highlight .ecl-banner__image{border-bottom:4px solid #fc0;border-radius:8px 8px 0 0;aspect-ratio:4/1}.ecl-banner--text-highlight .ecl-banner__title,.ecl-banner--text-highlight .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--text-highlight .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-highlight .ecl-banner__image:before{border-radius:8px;padding-top:0}.ecl-banner--text-highlight .ecl-banner__title-text,.ecl-banner--text-highlight .ecl-banner__description-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:rgba(0,0,0,.72);padding:.25rem .5rem}.ecl-banner--text-highlight .ecl-banner__title-text{line-height:1.3}.ecl-banner--text-highlight .ecl-banner__description-text{line-height:1.5}}@media (min-width: 996px){.ecl-banner .ecl-banner__image,.ecl-banner--m .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--s .ecl-banner__image{aspect-ratio:5/1}.ecl-banner--l .ecl-banner__image{aspect-ratio:3/1}.ecl-banner .ecl-container{position:absolute;z-index:1}.ecl-banner__content{max-width:45.5rem}.ecl-banner--plain-background:before{content:\"\";display:block;padding-top:25%;width:100%}.ecl-banner--plain-background.ecl-banner--s:before{padding-top:20%}.ecl-banner--plain-background.ecl-banner--l:before{padding-top:33%}.ecl-banner__title{font: 400 2.625rem/3.25rem arial,sans-serif;font-weight:400}.ecl-banner__description{font: 400 1.125rem/1.75rem arial,sans-serif;font-weight:400}}.ecl-file{border-radius:4px;margin:0;max-width:823px;overflow:hidden}.ecl-file__container{align-items:center;background-color:#f3f6fc;border:none;display:flex;flex-wrap:wrap;padding:1.5rem}.ecl-file__icon{align-self:flex-start;fill:#0e47cb}.ecl-file__info{display:flex;flex-basis:50%;flex-grow:1;flex-wrap:wrap;margin-inline-start:.5rem}.ecl-file__title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;width:100%}.ecl-file__language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700;margin-inline-end:.5rem;margin-top:.25rem}.ecl-file__meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__detail{border-bottom:1px solid #cfdaf5;display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:1rem;width:100%}.ecl-file__detail-meta{display:flex;font: 400 .875rem/1rem arial,sans-serif;margin-bottom:.5rem}.ecl-file__detail-meta-item{margin-inline-start:1rem}.ecl-file__detail-meta-item:before{color:#0e47cb;content:\"|\";margin-inline-end:1rem}.ecl-file__detail-meta-item:first-of-type{margin-inline-start:0;text-transform:uppercase}.ecl-file__detail-meta-item:first-of-type:before{display:none}.ecl-file__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin-top:.5rem;max-width:80ch;white-space:pre-wrap}.ecl-file__image{display:block;margin-top:1rem;max-width:13.313rem}.ecl-file__taxonomy{border-bottom:1px solid #cfdaf5;margin-bottom:1.5rem;padding-bottom:1.5rem;width:100%}.ecl-file__label{display:inline-flex;flex-basis:100%;margin-bottom:1rem;margin-inline-end:.5rem}.ecl-file__translation-language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700}.ecl-file__translation-container{border:2px solid #e7edfa;border-end-start-radius:4px;border-end-end-radius:4px;border-top:0;display:flex;flex-direction:column;padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-file__translation-toggle{align-self:flex-end;border:2px solid #0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin-bottom:.75rem;margin-inline-end:-1rem;margin-top:.75rem;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-file__translation-toggle:focus-visible{outline-offset:-5px}.no-js .ecl-file__translation-toggle{display:none}.ecl-file__translation-list{display:none;list-style:none;margin:0;padding-inline-start:0}.no-js .ecl-file__translation-list{display:block}.ecl-file__translation-item{border-top:1px solid #cfdaf5;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem}.ecl-file__translation-item:last-child{padding-bottom:1.5rem}.ecl-file__translation-item:first-child{border-top-width:0}.ecl-file__translation-item>span[class*=wt]{align-self:center}.ecl-file__translation-info{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap}.ecl-file__translation-title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700}.ecl-file__translation-meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__download,.ecl-file__translation-download{align-self:center;font: 400 1rem/1.25rem arial,sans-serif;margin-top:1.5rem;width:100%}.ecl-file__translation-description{color:#515560;display:block;font: 400 1rem/1.25rem arial,sans-serif;max-width:80ch}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-list{display:block}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-toggle .ecl-button__icon{transform:rotate(0)}@media (min-width: 480px){.ecl-file__download,.ecl-file__translation-download{margin-top:0;width:auto}.ecl-file__info{margin-inline-end:1rem}.ecl-file__translation-item{flex-direction:row;max-width:100%}}@media (min-width: 768px){.ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file__detail{flex-direction:row-reverse}.ecl-file__detail-info{flex-grow:1}.ecl-file__download{align-self:center;margin-top:0}.ecl-file__image{align-self:flex-start;margin-inline-start:0;margin-inline-end:2rem;margin-top:0}.ecl-file__taxonomy{margin-bottom:1rem;padding-bottom:1rem}}.ecl-file--thumbnail .ecl-file__container{padding-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__info{margin-inline-start:0}.ecl-file--thumbnail .ecl-file__title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700}.ecl-file--thumbnail .ecl-file__language,.ecl-file--thumbnail .ecl-file__meta{margin-top:0}.ecl-file--thumbnail .ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file--thumbnail .ecl-file__translation-item{flex-direction:row;flex-wrap:wrap}.ecl-file--thumbnail .ecl-file__translation-item:first-of-type{border-top-width:0;padding-top:0}.ecl-file--thumbnail .ecl-file__translation-detail{flex-basis:100%;margin-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__translation-info{align-items:center;flex-direction:row}.ecl-file--thumbnail .ecl-file__translation-title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.75rem}.ecl-file--thumbnail .ecl-file__translation-meta{margin-inline-start:.25rem;margin-top:0}\n"] }]
         }], propDecorators: { variant: [{
@@ -183,10 +183,10 @@ class EuiEclBannerCreditDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__credit';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerCreditDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerCreditDirective, selector: "[euiEclBannerCredit]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerCreditDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerCreditDirective, selector: "[euiEclBannerCredit]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerCreditDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerCreditDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclBannerCredit]',
@@ -200,10 +200,10 @@ class EuiEclBannerPictureDirective extends EuiEclBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-banner__picture')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerPictureDirective, selector: "picture[euiEclBannerPicture]", 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: EuiEclBannerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerPictureDirective, selector: "picture[euiEclBannerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[euiEclBannerPicture]',
@@ -217,10 +217,10 @@ class EuiEclBannerImageDirective extends EuiEclBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerImageDirective, selector: "img[euiEclBannerImage]", host: { properties: { "class.ecl-banner__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerImageDirective, selector: "img[euiEclBannerImage]", host: { properties: { "class.ecl-banner__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[euiEclBannerImage]',
@@ -241,8 +241,8 @@ const COMPONENTS = [
     EuiEclBannerImageDirective,
 ];
 class EuiEclBannerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerComponentModule, declarations: [EuiEclBannerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, declarations: [EuiEclBannerComponent,
             EuiEclBannerTitleDirective,
             EuiEclBannerTitleTextDirective,
             EuiEclBannerDescriptionDirective,
@@ -257,9 +257,9 @@ class EuiEclBannerComponentModule {
             EuiEclBannerCreditDirective,
             EuiEclBannerPictureDirective,
             EuiEclBannerImageDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerComponentModule, imports: [CommonModule, EuiEclLinkDirectiveModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, imports: [CommonModule, EuiEclLinkDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclBannerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiEclLinkDirectiveModule],

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

@@ -32,12 +32,12 @@ class EuiEclButtonComponent extends EuiEclBaseDirective {
             });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { variant: "variant", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "iconComponents", predicate: i0.forwardRef(() => EuiEclIconComponent) }], usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".ecl-button{-webkit-appearance:none;appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin:0;padding:.75rem 1rem;text-decoration:none}.ecl-button:hover,.ecl-button:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a;text-decoration:none}.ecl-button:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled],.ecl-button[disabled]:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container{align-items:center;display:flex}.ecl-button__icon{flex-shrink:0}.ecl-button__icon--before,.ecl-button__icon+.ecl-button__label{margin-inline-end:.5rem}.ecl-button__icon--after,.ecl-button__label+.ecl-button__icon{margin-inline-start:.5rem}.ecl-button__icon:only-child{margin:0}.ecl-button--primary{background-color:#0e47cb;color:#fff}.ecl-button--primary:hover,.ecl-button--primary:active{background-color:#3e6cd5}.ecl-button--primary[disabled]{background-color:#0e47cb80;color:#ffffff80}.ecl-button--primary[disabled]:hover{background-color:#3e6cd580;color:#ffffff80}.ecl-button--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary:hover,.ecl-button--secondary:active{border-color:#0e47cb;color:#0e47cb}.ecl-button--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-button--secondary[disabled]{background-color:#ffffff80;border-color:#0e47cb80;color:#0e47cb80}.ecl-button--secondary[disabled]:hover{border-color:#0e47cb80;color:#0e47cb80}.ecl-button--ghost,.ecl-button--ghost:hover,.ecl-button--ghost:active{color:#0e47cb}.ecl-button--ghost:focus-visible{outline:2px solid #0e47cb}.ecl-button--ghost[disabled],.ecl-button--ghost[disabled]:hover{color:#0e47cb80}.ecl-button--call{background-color:#fc0;color:#171a22}.ecl-button--call:hover,.ecl-button--call:active{background-color:#fc0;border-color:#fc0}.ecl-button--call:focus-visible{outline:2px solid #000}.ecl-button--call[disabled]{background-color:#ffcc0080;color:#171a2280}.ecl-button--call[disabled]:hover{background-color:#ffcc0080}.ecl-link{color:#0e47cb;margin:0;text-decoration:underline}.ecl-link:hover{color:#082b7a}.ecl-link:focus-visible{border-radius:2px;outline:2px solid #0e47cb;outline-offset:2px}.ecl-link:visited{color:#510dcd}.ecl-link--no-visited:visited{color:#0e47cb}.ecl-link--no-visited:visited:hover,.ecl-link--no-visited:visited:focus-visible{color:#082b7a}.ecl-link--icon-before,.ecl-link--icon-after{display:inline}.ecl-link--icon{text-decoration:none}.ecl-link--icon .ecl-link__icon{fill:currentcolor;position:relative;top:-1px;vertical-align:middle}.ecl-link--icon:not(.ecl-link--standalone,.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary) .ecl-link__label{text-decoration:underline}.ecl-link--icon-before .ecl-link__icon{margin-inline-end:.5rem}.ecl-link--icon-after .ecl-link__icon{margin-inline-start:.5rem}.ecl-link--negative{color:#00e9ff}.ecl-link--negative:hover,.ecl-link--negative:focus-visible{color:#b3f8ff}.ecl-link--negative:hover.ecl-link--standalone,.ecl-link--negative:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--negative:focus-visible{color:#00e9ff;outline-color:#00e9ff}.ecl-link--negative:visited{color:#bf9af1}.ecl-link--negative.ecl-link--no-visited:visited{color:#00e9ff}.ecl-link--negative.ecl-link--no-visited:visited:hover,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible{color:#b3f8ff}.ecl-link--negative.ecl-link--no-visited:visited:hover.ecl-link--standalone,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--standalone{font-family:arial,sans-serif;text-decoration:none}.ecl-link--standalone:hover,.ecl-link--standalone:focus-visible{text-decoration:underline}.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary{display:inline-block}.ecl-link--secondary,.ecl-link--primary,.ecl-link--cta{border-radius:4px;box-sizing:border-box;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;padding:.75rem 1rem;text-decoration:none}.ecl-link--secondary:hover,.ecl-link--primary:hover,.ecl-link--cta:hover,.ecl-link--secondary:active,.ecl-link--primary:active,.ecl-link--cta:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a}.ecl-link--secondary:focus-visible,.ecl-link--primary:focus-visible,.ecl-link--cta:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-link--cta,.ecl-link--cta:hover,.ecl-link--cta:active{background-color:#fc0;color:#171a22}.ecl-link--cta:focus{color:#171a22}.ecl-link--cta:focus-visible{outline-color:#000}.ecl-link--cta:visited{color:#510dcd}.ecl-link--cta.ecl-link--no-visited:visited,.ecl-link--cta.ecl-link--no-visited:visited:hover,.ecl-link--cta.ecl-link--no-visited:visited:active{color:#171a22}.ecl-link--primary{background-color:#0e47cb;color:#fff}.ecl-link--primary:hover,.ecl-link--primary:active{background-color:#3e6cd5;color:#fff}.ecl-link--primary:focus{color:#fff}.ecl-link--primary:visited{color:#d2bfdd}.ecl-link--primary.ecl-link--no-visited:visited,.ecl-link--primary.ecl-link--no-visited:visited:hover,.ecl-link--primary.ecl-link--no-visited:visited:active{color:#fff}.ecl-link--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-link--secondary:hover,.ecl-link--secondary:active{border-color:#0a328e;color:#0e47cb}.ecl-link--secondary:focus{color:#0e47cb}.ecl-link--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-link--secondary:visited{color:#510dcd}.ecl-link--secondary.ecl-link--no-visited:visited,.ecl-link--secondary.ecl-link--no-visited:visited:hover,.ecl-link--secondary.ecl-link--no-visited:visited:active{color:#0e47cb}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { variant: "variant", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "iconComponents", predicate: i0.forwardRef(() => EuiEclIconComponent) }], usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".ecl-button{appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin:0;padding:.75rem 1rem;text-decoration:none}.ecl-button:hover,.ecl-button:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a;text-decoration:none}.ecl-button:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled],.ecl-button[disabled]:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container{align-items:center;display:flex}.ecl-button__icon{flex-shrink:0}.ecl-button__icon--before,.ecl-button__icon+.ecl-button__label{margin-inline-end:.5rem}.ecl-button__icon--after,.ecl-button__label+.ecl-button__icon{margin-inline-start:.5rem}.ecl-button__icon:only-child{margin:0}.ecl-button--primary{background-color:#0e47cb;color:#fff}.ecl-button--primary:hover,.ecl-button--primary:active{background-color:#3e6cd5}.ecl-button--primary[disabled]{background-color:#0e47cb80;color:#ffffff80}.ecl-button--primary[disabled]:hover{background-color:#3e6cd580;color:#ffffff80}.ecl-button--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary:hover,.ecl-button--secondary:active{border-color:#0e47cb;color:#0e47cb}.ecl-button--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-button--secondary[disabled]{background-color:#ffffff80;border-color:#0e47cb80;color:#0e47cb80}.ecl-button--secondary[disabled]:hover{border-color:#0e47cb80;color:#0e47cb80}.ecl-button--ghost,.ecl-button--ghost:hover,.ecl-button--ghost:active{color:#0e47cb}.ecl-button--ghost:focus-visible{outline:2px solid #0e47cb}.ecl-button--ghost[disabled],.ecl-button--ghost[disabled]:hover{color:#0e47cb80}.ecl-button--call{background-color:#fc0;color:#171a22}.ecl-button--call:hover,.ecl-button--call:active{background-color:#fc0;border-color:#fc0}.ecl-button--call:focus-visible{outline:2px solid #000}.ecl-button--call[disabled]{background-color:#ffcc0080;color:#171a2280}.ecl-button--call[disabled]:hover{background-color:#ffcc0080}.ecl-link{color:#0e47cb;margin:0;text-decoration:underline}.ecl-link:hover{color:#082b7a}.ecl-link:focus-visible{border-radius:2px;outline:2px solid #0e47cb;outline-offset:2px}.ecl-link:visited{color:#510dcd}.ecl-link--no-visited:visited{color:#0e47cb}.ecl-link--no-visited:visited:hover,.ecl-link--no-visited:visited:focus-visible{color:#082b7a}.ecl-link--icon-before,.ecl-link--icon-after{display:inline}.ecl-link--icon{text-decoration:none}.ecl-link--icon .ecl-link__icon{fill:currentcolor;position:relative;top:-1px;vertical-align:middle}.ecl-link--icon:not(.ecl-link--standalone,.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary) .ecl-link__label{text-decoration:underline}.ecl-link--icon-before .ecl-link__icon{margin-inline-end:.5rem}.ecl-link--icon-after .ecl-link__icon{margin-inline-start:.5rem}.ecl-link--negative{color:#00e9ff}.ecl-link--negative:hover,.ecl-link--negative:focus-visible{color:#b3f8ff}.ecl-link--negative:hover.ecl-link--standalone,.ecl-link--negative:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--negative:focus-visible{color:#00e9ff;outline-color:#00e9ff}.ecl-link--negative:visited{color:#bf9af1}.ecl-link--negative.ecl-link--no-visited:visited{color:#00e9ff}.ecl-link--negative.ecl-link--no-visited:visited:hover,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible{color:#b3f8ff}.ecl-link--negative.ecl-link--no-visited:visited:hover.ecl-link--standalone,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--standalone{font-family:arial,sans-serif;text-decoration:none}.ecl-link--standalone:hover,.ecl-link--standalone:focus-visible{text-decoration:underline}.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary{display:inline-block}.ecl-link--secondary,.ecl-link--primary,.ecl-link--cta{border-radius:4px;box-sizing:border-box;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;padding:.75rem 1rem;text-decoration:none}.ecl-link--secondary:hover,.ecl-link--primary:hover,.ecl-link--cta:hover,.ecl-link--secondary:active,.ecl-link--primary:active,.ecl-link--cta:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a}.ecl-link--secondary:focus-visible,.ecl-link--primary:focus-visible,.ecl-link--cta:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-link--cta,.ecl-link--cta:hover,.ecl-link--cta:active{background-color:#fc0;color:#171a22}.ecl-link--cta:focus{color:#171a22}.ecl-link--cta:focus-visible{outline-color:#000}.ecl-link--cta:visited{color:#510dcd}.ecl-link--cta.ecl-link--no-visited:visited,.ecl-link--cta.ecl-link--no-visited:visited:hover,.ecl-link--cta.ecl-link--no-visited:visited:active{color:#171a22}.ecl-link--primary{background-color:#0e47cb;color:#fff}.ecl-link--primary:hover,.ecl-link--primary:active{background-color:#3e6cd5;color:#fff}.ecl-link--primary:focus{color:#fff}.ecl-link--primary:visited{color:#d2bfdd}.ecl-link--primary.ecl-link--no-visited:visited,.ecl-link--primary.ecl-link--no-visited:visited:hover,.ecl-link--primary.ecl-link--no-visited:visited:active{color:#fff}.ecl-link--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-link--secondary:hover,.ecl-link--secondary:active{border-color:#0a328e;color:#0e47cb}.ecl-link--secondary:focus{color:#0e47cb}.ecl-link--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-link--secondary:visited{color:#510dcd}.ecl-link--secondary.ecl-link--no-visited:visited,.ecl-link--secondary.ecl-link--no-visited:visited:hover,.ecl-link--secondary.ecl-link--no-visited:visited:active{color:#0e47cb}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[eclButton], button[ecl-button], a[eclButton]', encapsulation: ViewEncapsulation.None, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".ecl-button{-webkit-appearance:none;appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin:0;padding:.75rem 1rem;text-decoration:none}.ecl-button:hover,.ecl-button:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a;text-decoration:none}.ecl-button:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled],.ecl-button[disabled]:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container{align-items:center;display:flex}.ecl-button__icon{flex-shrink:0}.ecl-button__icon--before,.ecl-button__icon+.ecl-button__label{margin-inline-end:.5rem}.ecl-button__icon--after,.ecl-button__label+.ecl-button__icon{margin-inline-start:.5rem}.ecl-button__icon:only-child{margin:0}.ecl-button--primary{background-color:#0e47cb;color:#fff}.ecl-button--primary:hover,.ecl-button--primary:active{background-color:#3e6cd5}.ecl-button--primary[disabled]{background-color:#0e47cb80;color:#ffffff80}.ecl-button--primary[disabled]:hover{background-color:#3e6cd580;color:#ffffff80}.ecl-button--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary:hover,.ecl-button--secondary:active{border-color:#0e47cb;color:#0e47cb}.ecl-button--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-button--secondary[disabled]{background-color:#ffffff80;border-color:#0e47cb80;color:#0e47cb80}.ecl-button--secondary[disabled]:hover{border-color:#0e47cb80;color:#0e47cb80}.ecl-button--ghost,.ecl-button--ghost:hover,.ecl-button--ghost:active{color:#0e47cb}.ecl-button--ghost:focus-visible{outline:2px solid #0e47cb}.ecl-button--ghost[disabled],.ecl-button--ghost[disabled]:hover{color:#0e47cb80}.ecl-button--call{background-color:#fc0;color:#171a22}.ecl-button--call:hover,.ecl-button--call:active{background-color:#fc0;border-color:#fc0}.ecl-button--call:focus-visible{outline:2px solid #000}.ecl-button--call[disabled]{background-color:#ffcc0080;color:#171a2280}.ecl-button--call[disabled]:hover{background-color:#ffcc0080}.ecl-link{color:#0e47cb;margin:0;text-decoration:underline}.ecl-link:hover{color:#082b7a}.ecl-link:focus-visible{border-radius:2px;outline:2px solid #0e47cb;outline-offset:2px}.ecl-link:visited{color:#510dcd}.ecl-link--no-visited:visited{color:#0e47cb}.ecl-link--no-visited:visited:hover,.ecl-link--no-visited:visited:focus-visible{color:#082b7a}.ecl-link--icon-before,.ecl-link--icon-after{display:inline}.ecl-link--icon{text-decoration:none}.ecl-link--icon .ecl-link__icon{fill:currentcolor;position:relative;top:-1px;vertical-align:middle}.ecl-link--icon:not(.ecl-link--standalone,.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary) .ecl-link__label{text-decoration:underline}.ecl-link--icon-before .ecl-link__icon{margin-inline-end:.5rem}.ecl-link--icon-after .ecl-link__icon{margin-inline-start:.5rem}.ecl-link--negative{color:#00e9ff}.ecl-link--negative:hover,.ecl-link--negative:focus-visible{color:#b3f8ff}.ecl-link--negative:hover.ecl-link--standalone,.ecl-link--negative:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--negative:focus-visible{color:#00e9ff;outline-color:#00e9ff}.ecl-link--negative:visited{color:#bf9af1}.ecl-link--negative.ecl-link--no-visited:visited{color:#00e9ff}.ecl-link--negative.ecl-link--no-visited:visited:hover,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible{color:#b3f8ff}.ecl-link--negative.ecl-link--no-visited:visited:hover.ecl-link--standalone,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--standalone{font-family:arial,sans-serif;text-decoration:none}.ecl-link--standalone:hover,.ecl-link--standalone:focus-visible{text-decoration:underline}.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary{display:inline-block}.ecl-link--secondary,.ecl-link--primary,.ecl-link--cta{border-radius:4px;box-sizing:border-box;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;padding:.75rem 1rem;text-decoration:none}.ecl-link--secondary:hover,.ecl-link--primary:hover,.ecl-link--cta:hover,.ecl-link--secondary:active,.ecl-link--primary:active,.ecl-link--cta:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a}.ecl-link--secondary:focus-visible,.ecl-link--primary:focus-visible,.ecl-link--cta:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-link--cta,.ecl-link--cta:hover,.ecl-link--cta:active{background-color:#fc0;color:#171a22}.ecl-link--cta:focus{color:#171a22}.ecl-link--cta:focus-visible{outline-color:#000}.ecl-link--cta:visited{color:#510dcd}.ecl-link--cta.ecl-link--no-visited:visited,.ecl-link--cta.ecl-link--no-visited:visited:hover,.ecl-link--cta.ecl-link--no-visited:visited:active{color:#171a22}.ecl-link--primary{background-color:#0e47cb;color:#fff}.ecl-link--primary:hover,.ecl-link--primary:active{background-color:#3e6cd5;color:#fff}.ecl-link--primary:focus{color:#fff}.ecl-link--primary:visited{color:#d2bfdd}.ecl-link--primary.ecl-link--no-visited:visited,.ecl-link--primary.ecl-link--no-visited:visited:hover,.ecl-link--primary.ecl-link--no-visited:visited:active{color:#fff}.ecl-link--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-link--secondary:hover,.ecl-link--secondary:active{border-color:#0a328e;color:#0e47cb}.ecl-link--secondary:focus{color:#0e47cb}.ecl-link--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-link--secondary:visited{color:#510dcd}.ecl-link--secondary.ecl-link--no-visited:visited,.ecl-link--secondary.ecl-link--no-visited:visited:hover,.ecl-link--secondary.ecl-link--no-visited:visited:active{color:#0e47cb}\n"] }]
+            args: [{ selector: 'button[eclButton], button[ecl-button], a[eclButton]', encapsulation: ViewEncapsulation.None, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".ecl-button{appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin:0;padding:.75rem 1rem;text-decoration:none}.ecl-button:hover,.ecl-button:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a;text-decoration:none}.ecl-button:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled],.ecl-button[disabled]:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container{align-items:center;display:flex}.ecl-button__icon{flex-shrink:0}.ecl-button__icon--before,.ecl-button__icon+.ecl-button__label{margin-inline-end:.5rem}.ecl-button__icon--after,.ecl-button__label+.ecl-button__icon{margin-inline-start:.5rem}.ecl-button__icon:only-child{margin:0}.ecl-button--primary{background-color:#0e47cb;color:#fff}.ecl-button--primary:hover,.ecl-button--primary:active{background-color:#3e6cd5}.ecl-button--primary[disabled]{background-color:#0e47cb80;color:#ffffff80}.ecl-button--primary[disabled]:hover{background-color:#3e6cd580;color:#ffffff80}.ecl-button--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary:hover,.ecl-button--secondary:active{border-color:#0e47cb;color:#0e47cb}.ecl-button--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-button--secondary[disabled]{background-color:#ffffff80;border-color:#0e47cb80;color:#0e47cb80}.ecl-button--secondary[disabled]:hover{border-color:#0e47cb80;color:#0e47cb80}.ecl-button--ghost,.ecl-button--ghost:hover,.ecl-button--ghost:active{color:#0e47cb}.ecl-button--ghost:focus-visible{outline:2px solid #0e47cb}.ecl-button--ghost[disabled],.ecl-button--ghost[disabled]:hover{color:#0e47cb80}.ecl-button--call{background-color:#fc0;color:#171a22}.ecl-button--call:hover,.ecl-button--call:active{background-color:#fc0;border-color:#fc0}.ecl-button--call:focus-visible{outline:2px solid #000}.ecl-button--call[disabled]{background-color:#ffcc0080;color:#171a2280}.ecl-button--call[disabled]:hover{background-color:#ffcc0080}.ecl-link{color:#0e47cb;margin:0;text-decoration:underline}.ecl-link:hover{color:#082b7a}.ecl-link:focus-visible{border-radius:2px;outline:2px solid #0e47cb;outline-offset:2px}.ecl-link:visited{color:#510dcd}.ecl-link--no-visited:visited{color:#0e47cb}.ecl-link--no-visited:visited:hover,.ecl-link--no-visited:visited:focus-visible{color:#082b7a}.ecl-link--icon-before,.ecl-link--icon-after{display:inline}.ecl-link--icon{text-decoration:none}.ecl-link--icon .ecl-link__icon{fill:currentcolor;position:relative;top:-1px;vertical-align:middle}.ecl-link--icon:not(.ecl-link--standalone,.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary) .ecl-link__label{text-decoration:underline}.ecl-link--icon-before .ecl-link__icon{margin-inline-end:.5rem}.ecl-link--icon-after .ecl-link__icon{margin-inline-start:.5rem}.ecl-link--negative{color:#00e9ff}.ecl-link--negative:hover,.ecl-link--negative:focus-visible{color:#b3f8ff}.ecl-link--negative:hover.ecl-link--standalone,.ecl-link--negative:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--negative:focus-visible{color:#00e9ff;outline-color:#00e9ff}.ecl-link--negative:visited{color:#bf9af1}.ecl-link--negative.ecl-link--no-visited:visited{color:#00e9ff}.ecl-link--negative.ecl-link--no-visited:visited:hover,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible{color:#b3f8ff}.ecl-link--negative.ecl-link--no-visited:visited:hover.ecl-link--standalone,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--standalone{font-family:arial,sans-serif;text-decoration:none}.ecl-link--standalone:hover,.ecl-link--standalone:focus-visible{text-decoration:underline}.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary{display:inline-block}.ecl-link--secondary,.ecl-link--primary,.ecl-link--cta{border-radius:4px;box-sizing:border-box;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;padding:.75rem 1rem;text-decoration:none}.ecl-link--secondary:hover,.ecl-link--primary:hover,.ecl-link--cta:hover,.ecl-link--secondary:active,.ecl-link--primary:active,.ecl-link--cta:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a}.ecl-link--secondary:focus-visible,.ecl-link--primary:focus-visible,.ecl-link--cta:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-link--cta,.ecl-link--cta:hover,.ecl-link--cta:active{background-color:#fc0;color:#171a22}.ecl-link--cta:focus{color:#171a22}.ecl-link--cta:focus-visible{outline-color:#000}.ecl-link--cta:visited{color:#510dcd}.ecl-link--cta.ecl-link--no-visited:visited,.ecl-link--cta.ecl-link--no-visited:visited:hover,.ecl-link--cta.ecl-link--no-visited:visited:active{color:#171a22}.ecl-link--primary{background-color:#0e47cb;color:#fff}.ecl-link--primary:hover,.ecl-link--primary:active{background-color:#3e6cd5;color:#fff}.ecl-link--primary:focus{color:#fff}.ecl-link--primary:visited{color:#d2bfdd}.ecl-link--primary.ecl-link--no-visited:visited,.ecl-link--primary.ecl-link--no-visited:visited:hover,.ecl-link--primary.ecl-link--no-visited:visited:active{color:#fff}.ecl-link--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-link--secondary:hover,.ecl-link--secondary:active{border-color:#0a328e;color:#0e47cb}.ecl-link--secondary:focus{color:#0e47cb}.ecl-link--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-link--secondary:visited{color:#510dcd}.ecl-link--secondary.ecl-link--no-visited:visited,.ecl-link--secondary.ecl-link--no-visited:visited:hover,.ecl-link--secondary.ecl-link--no-visited:visited:active{color:#0e47cb}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
             }], containerStyleClass: [{
@@ -54,10 +54,10 @@ class EuiEclButtonLabelDirective extends EuiEclBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-button__label')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclButtonLabelDirective, selector: "[euiEclButtonLabel]", 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: EuiEclButtonLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclButtonLabelDirective, selector: "[euiEclButtonLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiEclButtonLabel]',
@@ -68,11 +68,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
             }] } });
 
 class EuiEclButtonComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonComponentModule, declarations: [EuiEclButtonComponent, EuiEclButtonLabelDirective], imports: [CommonModule, EuiEclIconComponentModule], exports: [EuiEclButtonComponent, EuiEclButtonLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonComponentModule, imports: [CommonModule, EuiEclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, declarations: [EuiEclButtonComponent, EuiEclButtonLabelDirective], imports: [CommonModule, EuiEclIconComponentModule], exports: [EuiEclButtonComponent, EuiEclButtonLabelDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, imports: [CommonModule, EuiEclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclButtonComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiEclIconComponentModule],

package/fesm2022/eui-components-ecl-eui-ecl-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-ecl-eui-ecl-button.mjs","sources":["../../ecl/eui-ecl-button/eui-ecl-button.component.ts","../../ecl/eui-ecl-button/eui-ecl-button.component.html","../../ecl/eui-ecl-button/eui-ecl-button-label.directive.ts","../../ecl/eui-ecl-button/eui-ecl-button.module.ts","../../ecl/eui-ecl-button/eui-components-ecl-eui-ecl-button.ts"],"sourcesContent":["import { AfterViewInit, Component, ContentChildren, ElementRef, forwardRef, HostBinding, Input, QueryList, ViewEncapsulation } from '@angular/core';\nimport { hasNextSiblingWithAttribute, hasPreviousSiblingWithAttribute } from '@eui/components/ecl/shared';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\nimport { EuiEclIconComponent } from '@eui/components/ecl/eui-ecl-icon';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[eclButton], button[ecl-button], a[eclButton]',\n    templateUrl: './eui-ecl-button.component.html',\n    styleUrls: ['./_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiEclButtonComponent extends EuiEclBaseDirective implements AfterViewInit {\n    @Input() variant: 'primary' | 'secondary' | 'call' | 'ghost' | string = 'primary';\n    @Input() containerStyleClass: string;\n\n    @ContentChildren(forwardRef(() => EuiEclIconComponent)) iconComponents: QueryList<EuiEclIconComponent>;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button'), `ecl-button--${this.variant}`].join(' ').trim();\n    }\n\n    get hasIcon(): QueryList<EuiEclIconComponent> {\n        return this.iconComponents;\n    }\n\n    constructor(public el: ElementRef) {\n        super();\n    }\n\n    ngAfterViewInit(): void {\n        if (this.iconComponents) {\n            setTimeout(() => {\n                this.iconComponents.forEach((icn) => {\n                    const iconEl = icn.el.nativeElement as HTMLElement;\n\n                    if (hasNextSiblingWithAttribute(iconEl, 'eclButtonLabel')) {\n                        icn.class = 'ecl-button__icon ecl-button__icon--before';\n                    }\n\n                    if (hasPreviousSiblingWithAttribute(iconEl, 'eclButtonLabel')) {\n                        icn.class = 'ecl-button__icon ecl-button__icon--after';\n                    }\n                });\n            });\n        }\n    }\n}\n","<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n","import { Directive, HostBinding } from '@angular/core';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\n\n@Directive({\n    selector: '[euiEclButtonLabel]',\n})\nexport class EuiEclButtonLabelDirective extends EuiEclBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button__label')].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiEclButtonComponent } from './eui-ecl-button.component';\nimport { EuiEclButtonLabelDirective } from './eui-ecl-button-label.directive';\n\nimport { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';\n\n@NgModule({\n    imports: [CommonModule, EuiEclIconComponentModule],\n    exports: [EuiEclButtonComponent, EuiEclButtonLabelDirective],\n    declarations: [EuiEclButtonComponent, EuiEclButtonLabelDirective],\n})\nexport class EuiEclButtonComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-ecl-eui-ecl-button.mjs","sources":["../../ecl/eui-ecl-button/eui-ecl-button.component.ts","../../ecl/eui-ecl-button/eui-ecl-button.component.html","../../ecl/eui-ecl-button/eui-ecl-button-label.directive.ts","../../ecl/eui-ecl-button/eui-ecl-button.module.ts","../../ecl/eui-ecl-button/eui-components-ecl-eui-ecl-button.ts"],"sourcesContent":["import { AfterViewInit, Component, ContentChildren, ElementRef, forwardRef, HostBinding, Input, QueryList, ViewEncapsulation } from '@angular/core';\nimport { hasNextSiblingWithAttribute, hasPreviousSiblingWithAttribute } from '@eui/components/ecl/shared';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\nimport { EuiEclIconComponent } from '@eui/components/ecl/eui-ecl-icon';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[eclButton], button[ecl-button], a[eclButton]',\n    templateUrl: './eui-ecl-button.component.html',\n    styleUrls: ['./_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiEclButtonComponent extends EuiEclBaseDirective implements AfterViewInit {\n    @Input() variant: 'primary' | 'secondary' | 'call' | 'ghost' | string = 'primary';\n    @Input() containerStyleClass: string;\n\n    @ContentChildren(forwardRef(() => EuiEclIconComponent)) iconComponents: QueryList<EuiEclIconComponent>;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button'), `ecl-button--${this.variant}`].join(' ').trim();\n    }\n\n    get hasIcon(): QueryList<EuiEclIconComponent> {\n        return this.iconComponents;\n    }\n\n    constructor(public el: ElementRef) {\n        super();\n    }\n\n    ngAfterViewInit(): void {\n        if (this.iconComponents) {\n            setTimeout(() => {\n                this.iconComponents.forEach((icn) => {\n                    const iconEl = icn.el.nativeElement as HTMLElement;\n\n                    if (hasNextSiblingWithAttribute(iconEl, 'eclButtonLabel')) {\n                        icn.class = 'ecl-button__icon ecl-button__icon--before';\n                    }\n\n                    if (hasPreviousSiblingWithAttribute(iconEl, 'eclButtonLabel')) {\n                        icn.class = 'ecl-button__icon ecl-button__icon--after';\n                    }\n                });\n            });\n        }\n    }\n}\n","<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n","import { Directive, HostBinding } from '@angular/core';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\n\n@Directive({\n    selector: '[euiEclButtonLabel]',\n})\nexport class EuiEclButtonLabelDirective extends EuiEclBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button__label')].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiEclButtonComponent } from './eui-ecl-button.component';\nimport { EuiEclButtonLabelDirective } from './eui-ecl-button-label.directive';\n\nimport { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';\n\n@NgModule({\n    imports: [CommonModule, EuiEclIconComponentModule],\n    exports: [EuiEclButtonComponent, EuiEclButtonLabelDirective],\n    declarations: [EuiEclButtonComponent, EuiEclButtonLabelDirective],\n})\nexport class EuiEclButtonComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { __decorate } from 'tslib';
 import { coerceBoolean, coerceNumber, coerceElement } from '@eui/base';
 import { EuiEclBaseEvent, EuiEclBaseDirective, KeyCode } from '@eui/components/ecl/shared';
-import { Subject, switchMap, interval, takeUntil } from 'rxjs';
+import { Subject, takeUntil, interval, switchMap } from 'rxjs';
 import * as i1 from '@angular/cdk/layout';
 import * as i3 from '@eui/components/ecl/eui-ecl-icon';
 import { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';
@@ -283,8 +283,8 @@ class EuiEclCarouselComponent extends EuiEclBaseDirective {
             this.cd.detectChanges();
         }).observe(this.carouselContainerElement);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselComponent, deps: [{ token: i1.BreakpointObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclCarouselComponent, selector: "eui-ecl-carousel", inputs: { isAutoplay: "isAutoplay", playInterval: "playInterval" }, outputs: { slide: "slide" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(() => EuiEclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }, { propertyName: "mobilePrevButton", first: true, predicate: ["mobilePrevButton"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div\n        class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\"\n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button\n        #mobilePrevButton\n        class=\"ecl-carousel__prev\"\n        [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n        (click)=\"onPreviousSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button\n                #playButton\n                class=\"ecl-carousel__play\"\n                [style.display]=\"isPlaying ? 'none' : ''\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button\n                #pauseButton\n                class=\"ecl-carousel__pause\"\n                [style.display]=\"isPlaying ? '' : 'none'\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button\n                *ngFor=\"let slide of slides; let i = index\"\n                #currButton\n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: EuiEclCarouselComponent, deps: [{ token: i1.BreakpointObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclCarouselComponent, selector: "eui-ecl-carousel", inputs: { isAutoplay: "isAutoplay", playInterval: "playInterval" }, outputs: { slide: "slide" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(() => EuiEclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }, { propertyName: "mobilePrevButton", first: true, predicate: ["mobilePrevButton"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div\n        class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\"\n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button\n        #mobilePrevButton\n        class=\"ecl-carousel__prev\"\n        [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n        (click)=\"onPreviousSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button\n                #playButton\n                class=\"ecl-carousel__play\"\n                [style.display]=\"isPlaying ? 'none' : ''\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button\n                #pauseButton\n                class=\"ecl-carousel__pause\"\n                [style.display]=\"isPlaying ? '' : 'none'\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button\n                *ngFor=\"let slide of slides; let i = index\"\n                #currButton\n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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
@@ -295,7 +295,7 @@ __decorate([
 __decorate([
     coerceElement
 ], EuiEclCarouselComponent.prototype, "carouselContainerElement", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-ecl-carousel', encapsulation: ViewEncapsulation.None, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div\n        class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\"\n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button\n        #mobilePrevButton\n        class=\"ecl-carousel__prev\"\n        [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n        (click)=\"onPreviousSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button\n                #playButton\n                class=\"ecl-carousel__play\"\n                [style.display]=\"isPlaying ? 'none' : ''\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button\n                #pauseButton\n                class=\"ecl-carousel__pause\"\n                [style.display]=\"isPlaying ? '' : 'none'\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button\n                *ngFor=\"let slide of slides; let i = index\"\n                #currButton\n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"] }]
         }], ctorParameters: () => [{ type: i1.BreakpointObserver }, { type: i0.ChangeDetectorRef }], propDecorators: { isAutoplay: [{
@@ -347,13 +347,13 @@ class EuiEclCarouselItemComponent extends EuiEclBaseDirective {
     onSlideClick() {
         this.slideClick.next(new EuiEclSlideEvent(this));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclCarouselItemComponent, selector: "eui-ecl-carousel-item, eui-ecl-carousel-item", inputs: { id: "id", isCurrent: "isCurrent" }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclCarouselItemComponent, selector: "eui-ecl-carousel-item, eui-ecl-carousel-item", inputs: { id: "id", isCurrent: "isCurrent" }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
 ], EuiEclCarouselItemComponent.prototype, "isCurrent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-ecl-carousel-item, eui-ecl-carousel-item', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"] }]
         }], propDecorators: { id: [{
@@ -384,11 +384,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
 
 const COMPONENTS = [EuiEclCarouselComponent, EuiEclCarouselItemComponent];
 class EuiEclCarouselComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselComponentModule, declarations: [EuiEclCarouselComponent, EuiEclCarouselItemComponent], imports: [CommonModule, EuiEclIconComponentModule, TranslateModule], exports: [EuiEclCarouselComponent, EuiEclCarouselItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselComponentModule, imports: [CommonModule, EuiEclIconComponentModule, TranslateModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, declarations: [EuiEclCarouselComponent, EuiEclCarouselItemComponent], imports: [CommonModule, EuiEclIconComponentModule, TranslateModule], exports: [EuiEclCarouselComponent, EuiEclCarouselItemComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, imports: [CommonModule, EuiEclIconComponentModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiEclCarouselComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiEclIconComponentModule, TranslateModule],