@eui/components 18.0.0-next.13 → 18.0.0-next.14

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

@@ -20,13 +20,13 @@ var EuiOverlayHeaderTitleComponent = class _EuiOverlayHeaderTitleComponent exten
     this.hide.emit();
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: _EuiOverlayHeaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiOverlayHeaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: _EuiOverlayHeaderTitleComponent, selector: "eui-overlay-header-title", inputs: { headerTitleLabel: "headerTitleLabel", headerTitleHideLabel: "headerTitleHideLabel", headerTitleCount: "headerTitleCount" }, outputs: { hide: "hide" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: '<div class="eui-overlay-header-title">\n    <div class="eui-overlay-header-title__label-wrapper">\n        <div class="eui-overlay-header-title__label">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf="headerTitleCount" class="eui-overlay-header-title__label-count eui-u-ml-s">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class="eui-overlay-header-title__actions">\n            <div *ngIf="headerTitleHideLabel" class="eui-overlay-header-title__actions-hide">\n                <a (click)="onHide()" class="eui-overlay-header-title__actions-hide-link eui-u-text-link" role="button" tabindex="0">\n                    <span euiLabel>{{ headerTitleHideLabel }}</span>\n                    <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="primary-100" class="eui-u-ml-xs"></eui-icon-svg>\n                </a>\n            </div>\n        </div>\n    </div>\n\n    <div class="eui-overlay-header-title__subactions-bar">\n        <ng-content></ng-content>\n    </div>\n</div>\n', dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiOverlayHeaderTitleComponent, selector: "eui-overlay-header-title", inputs: { headerTitleLabel: "headerTitleLabel", headerTitleHideLabel: "headerTitleHideLabel", headerTitleCount: "headerTitleCount" }, outputs: { hide: "hide" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: '<div class="eui-overlay-header-title">\n    <div class="eui-overlay-header-title__label-wrapper">\n        <div class="eui-overlay-header-title__label">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf="headerTitleCount" class="eui-overlay-header-title__label-count eui-u-ml-s">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class="eui-overlay-header-title__actions">\n            <div *ngIf="headerTitleHideLabel" class="eui-overlay-header-title__actions-hide">\n                <a (click)="onHide()" class="eui-overlay-header-title__actions-hide-link eui-u-text-link" role="button" tabindex="0">\n                    <span euiLabel>{{ headerTitleHideLabel }}</span>\n                    <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="primary-100" class="eui-u-ml-xs"></eui-icon-svg>\n                </a>\n            </div>\n        </div>\n    </div>\n\n    <div class="eui-overlay-header-title__subactions-bar">\n        <ng-content></ng-content>\n    </div>\n</div>\n', dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiOverlayHeaderTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiOverlayHeaderTitleComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-overlay-header-title", encapsulation: ViewEncapsulation.None, template: '<div class="eui-overlay-header-title">\n    <div class="eui-overlay-header-title__label-wrapper">\n        <div class="eui-overlay-header-title__label">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf="headerTitleCount" class="eui-overlay-header-title__label-count eui-u-ml-s">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class="eui-overlay-header-title__actions">\n            <div *ngIf="headerTitleHideLabel" class="eui-overlay-header-title__actions-hide">\n                <a (click)="onHide()" class="eui-overlay-header-title__actions-hide-link eui-u-text-link" role="button" tabindex="0">\n                    <span euiLabel>{{ headerTitleHideLabel }}</span>\n                    <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="primary-100" class="eui-u-ml-xs"></eui-icon-svg>\n                </a>\n            </div>\n        </div>\n    </div>\n\n    <div class="eui-overlay-header-title__subactions-bar">\n        <ng-content></ng-content>\n    </div>\n</div>\n' }]
 }], ctorParameters: () => [], propDecorators: { cssClasses: [{
@@ -57,15 +57,15 @@ var EuiOverlayHeaderComponent = class _EuiOverlayHeaderComponent extends BaseDir
     super();
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i02, type: _EuiOverlayHeaderComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: _EuiOverlayHeaderComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: _EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasHeaderTitle", first: true, predicate: i02.forwardRef(() => EuiOverlayHeaderTitleComponent), descendants: true }], usesInheritance: true, ngImport: i02, template: '<ng-content select="eui-overlay-header-title"></ng-content>\n<ng-content></ng-content>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasHeaderTitle", first: true, predicate: i02.forwardRef(() => EuiOverlayHeaderTitleComponent), descendants: true }], usesInheritance: true, ngImport: i02, template: '<ng-content select="eui-overlay-header-title"></ng-content>\n<ng-content></ng-content>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], encapsulation: i02.ViewEncapsulation.None });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i02, type: EuiOverlayHeaderComponent, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: EuiOverlayHeaderComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "eui-overlay-header", encapsulation: ViewEncapsulation3.None, template: '<ng-content select="eui-overlay-header-title"></ng-content>\n<ng-content></ng-content>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+  args: [{ selector: "eui-overlay-header", encapsulation: ViewEncapsulation3.None, template: '<ng-content select="eui-overlay-header-title"></ng-content>\n<ng-content></ng-content>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
 }], ctorParameters: () => [], propDecorators: { hasHeaderTitle: [{
   type: ContentChild,
   args: [forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }]
@@ -86,15 +86,15 @@ var EuiOverlayBodyComponent = class _EuiOverlayBodyComponent extends BaseDirecti
     super();
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i03, type: _EuiOverlayBodyComponent, deps: [], target: i03.ɵɵFactoryTarget.Component });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: _EuiOverlayBodyComponent, deps: [], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: _EuiOverlayBodyComponent, selector: "eui-overlay-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i03, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i03.ChangeDetectionStrategy.Default, encapsulation: i03.ViewEncapsulation.None });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiOverlayBodyComponent, selector: "eui-overlay-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i03, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i03.ChangeDetectionStrategy.Default, encapsulation: i03.ViewEncapsulation.None });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i03, type: EuiOverlayBodyComponent, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: EuiOverlayBodyComponent, decorators: [{
   type: Component3,
-  args: [{ selector: "eui-overlay-body", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation5.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+  args: [{ selector: "eui-overlay-body", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation5.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
 }], ctorParameters: () => [], propDecorators: { cssClasses: [{
   type: HostBinding3,
   args: ["class"]
@@ -112,15 +112,15 @@ var EuiOverlayFooterComponent = class _EuiOverlayFooterComponent extends BaseDir
     super();
   }
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i04, type: _EuiOverlayFooterComponent, deps: [], target: i04.ɵɵFactoryTarget.Component });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: _EuiOverlayFooterComponent, deps: [], target: i04.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: _EuiOverlayFooterComponent, selector: "eui-overlay-footer", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i04, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i04.ChangeDetectionStrategy.Default, encapsulation: i04.ViewEncapsulation.None });
+    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiOverlayFooterComponent, selector: "eui-overlay-footer", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i04, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i04.ChangeDetectionStrategy.Default, encapsulation: i04.ViewEncapsulation.None });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i04, type: EuiOverlayFooterComponent, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: EuiOverlayFooterComponent, decorators: [{
   type: Component4,
-  args: [{ selector: "eui-overlay-footer", changeDetection: ChangeDetectionStrategy3.Default, encapsulation: ViewEncapsulation7.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+  args: [{ selector: "eui-overlay-footer", changeDetection: ChangeDetectionStrategy3.Default, encapsulation: ViewEncapsulation7.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
 }], ctorParameters: () => [], propDecorators: { cssClasses: [{
   type: HostBinding4,
   args: ["class"]
@@ -129,31 +129,23 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
 // eui-overlay.component.mjs
 import { CommonModule } from "@angular/common";
 import { NgModule, Component as Component5, HostBinding as HostBinding5, ViewEncapsulation as ViewEncapsulation9, Input as Input2, HostListener, Output as Output2, EventEmitter as EventEmitter2 } from "@angular/core";
-import { BaseDirective as BaseDirective5 } from "@eui/components/shared";
-import { OverlayModule } from "@angular/cdk/overlay";
 import { A11yModule } from "@angular/cdk/a11y";
 import { coerceBooleanProperty } from "@angular/cdk/coercion";
+import { BaseDirective as BaseDirective5 } from "@eui/components/shared";
 import { EuiBadgeModule } from "@eui/components/eui-badge";
 import { EuiIconModule } from "@eui/components/eui-icon";
 import * as i05 from "@angular/core";
 import * as i12 from "@angular/common";
 import * as i22 from "@angular/cdk/a11y";
 var EuiOverlayComponent = class _EuiOverlayComponent extends BaseDirective5 {
-  constructor() {
-    super(...arguments);
-    this.role = "dialog";
-    this["aria-label"] = "dialogOverlay";
-    this.activeState = new EventEmitter2();
-    this.position = "right";
-    this._isActive = false;
-  }
   get cssClasses() {
     return [
       super.getCssClasses("eui-overlay"),
       this.isActive ? "eui-overlay--is-active" : "",
       this.position ? "eui-overlay-offset eui-overlay-offset--position-" + this.position : "",
       this.width ? "eui-overlay-offset eui-overlay-offset--width-" + this.width : "",
-      this.fixedWidth ? "eui-overlay-offset eui-overlay-offset--fixed-width-" + this.fixedWidth : ""
+      this.fixedWidth ? "eui-overlay-offset eui-overlay-offset--fixed-width-" + this.fixedWidth : "",
+      this.hasClosedOnClickOutside ? "eui-overlay--slideInRight" : ""
     ].join(" ").trim();
   }
   get isActive() {
@@ -162,22 +154,53 @@ var EuiOverlayComponent = class _EuiOverlayComponent extends BaseDirective5 {
   set isActive(value) {
     this._isActive = coerceBooleanProperty(value);
   }
+  get hasClosedOnClickOutside() {
+    return this._hasClosedOnClickOutside;
+  }
+  set hasClosedOnClickOutside(value) {
+    this._hasClosedOnClickOutside = coerceBooleanProperty(value);
+  }
+  constructor() {
+    super();
+    this.role = "dialog";
+    this["aria-label"] = "dialogOverlay";
+    this.activeState = new EventEmitter2();
+    this.position = "right";
+    this._isActive = false;
+    this._hasClosedOnClickOutside = false;
+  }
   onKeydown(event) {
     if (event.key === "Escape") {
       this.activeState.emit(false);
     }
   }
+  onClick(event) {
+    if (this.hasClosedOnClickOutside) {
+      let targetElement = event.target;
+      let isInsideOverlay = false;
+      while (targetElement) {
+        if (targetElement.classList.contains("eui-overlay")) {
+          isInsideOverlay = true;
+          break;
+        }
+        targetElement = targetElement.parentElement;
+      }
+      if (!isInsideOverlay && this.isActive) {
+        this.activeState.emit(false);
+      }
+    }
+  }
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: _EuiOverlayComponent, deps: null, target: i05.ɵɵFactoryTarget.Component });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i05, type: _EuiOverlayComponent, deps: [], target: i05.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: _EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: "isActive", position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, usesInheritance: true, ngImport: i05, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n    <ng-content select="eui-overlay-header"></ng-content>\n    <ng-content select="eui-overlay-body"></ng-content>\n    <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], dependencies: [{ kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i22.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i05.ViewEncapsulation.None });
+    this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: "isActive", hasClosedOnClickOutside: "hasClosedOnClickOutside", position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, usesInheritance: true, ngImport: i05, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n    <ng-content select="eui-overlay-header"></ng-content>\n    <ng-content select="eui-overlay-body"></ng-content>\n    <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], dependencies: [{ kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i22.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i05.ViewEncapsulation.None });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: EuiOverlayComponent, decorators: [{
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i05, type: EuiOverlayComponent, decorators: [{
   type: Component5,
-  args: [{ selector: "eui-overlay", encapsulation: ViewEncapsulation9.None, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n    <ng-content select="eui-overlay-header"></ng-content>\n    <ng-content select="eui-overlay-body"></ng-content>\n    <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
-}], propDecorators: { cssClasses: [{
+  args: [{ selector: "eui-overlay", encapsulation: ViewEncapsulation9.None, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n    <ng-content select="eui-overlay-header"></ng-content>\n    <ng-content select="eui-overlay-body"></ng-content>\n    <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+}], ctorParameters: () => [], propDecorators: { cssClasses: [{
   type: HostBinding5,
   args: ["class"]
 }], role: [{
@@ -190,6 +213,8 @@ i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
   type: Output2
 }], isActive: [{
   type: Input2
+}], hasClosedOnClickOutside: [{
+  type: Input2
 }], position: [{
   type: Input2
 }], width: [{
@@ -199,19 +224,22 @@ i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
 }], onKeydown: [{
   type: HostListener,
   args: ["keydown", ["$event"]]
+}], onClick: [{
+  type: HostListener,
+  args: ["document:click", ["$event"]]
 }] } });
 var EuiOverlayModule = class _EuiOverlayModule {
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: _EuiOverlayModule, deps: [], target: i05.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i05, type: _EuiOverlayModule, deps: [], target: i05.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i05.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i05, type: _EuiOverlayModule, declarations: [
+    this.ɵmod = i05.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i05, type: _EuiOverlayModule, declarations: [
       EuiOverlayHeaderComponent,
       EuiOverlayBodyComponent,
       EuiOverlayFooterComponent,
       EuiOverlayComponent,
       EuiOverlayHeaderTitleComponent
-    ], imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule, EuiIconModule], exports: [
+    ], imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule], exports: [
       EuiOverlayHeaderComponent,
       EuiOverlayBodyComponent,
       EuiOverlayFooterComponent,
@@ -220,13 +248,13 @@ var EuiOverlayModule = class _EuiOverlayModule {
     ] });
   }
   static {
-    this.ɵinj = i05.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: _EuiOverlayModule, imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule, EuiIconModule] });
+    this.ɵinj = i05.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i05, type: _EuiOverlayModule, imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule] });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: EuiOverlayModule, decorators: [{
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i05, type: EuiOverlayModule, decorators: [{
   type: NgModule,
   args: [{
-    imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule, EuiIconModule],
+    imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule],
     declarations: [
       EuiOverlayHeaderComponent,
       EuiOverlayBodyComponent,

package/fesm2022/eui-components-eui-overlay.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.ts", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.html", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.ts", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.html", "../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts", "../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.html", "../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts", "../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.html", "../../eui-overlay/eui-overlay.component.ts", "../../eui-overlay/eui-overlay.component.html"],
-  "sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-overlay-header-title',\n    templateUrl: './eui-overlay-header-title.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-overlay-header-title')].join(' ').trim();\n    }\n\n    @Input() headerTitleLabel: string = null;\n    @Input() headerTitleHideLabel: string = null;\n    @Input() headerTitleCount: string = null;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n    constructor() {\n        super();\n    }\n\n    onHide(): void {\n        this.hide.emit();\n    }\n}\n", "<div class=\"eui-overlay-header-title\">\n    <div class=\"eui-overlay-header-title__label-wrapper\">\n        <div class=\"eui-overlay-header-title__label\">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class=\"eui-overlay-header-title__actions\">\n            <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n                <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n                    <span euiLabel>{{ headerTitleHideLabel }}</span>\n                    <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"primary-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n                </a>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"eui-overlay-header-title__subactions-bar\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", "import { Component, ContentChild, HostBinding, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\nimport { EuiOverlayHeaderTitleComponent } from '../eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n    selector: 'eui-overlay-header',\n    templateUrl: './eui-overlay-header.component.html',\n    styleUrls: ['../../styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent extends BaseDirective {\n    \n    @ContentChild(forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }) hasHeaderTitle: QueryList<EuiOverlayHeaderTitleComponent>;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-overlay-header'),\n            this.hasHeaderTitle ? 'eui-overlay-header--with-title' : '',\n        ].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n", "<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-overlay-body',\n    templateUrl: './eui-overlay-body.component.html',\n    styleUrls: ['../../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-overlay-body')].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n", "<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-overlay-footer',\n    templateUrl: './eui-overlay-footer.component.html',\n    styleUrls: ['../../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-overlay-footer')].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n", "<ng-content></ng-content>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule, Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n    selector: 'eui-overlay',\n    templateUrl: './eui-overlay.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-overlay'),\n            this.isActive ? 'eui-overlay--is-active' : '',\n            this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n            this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n            this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'dialog';\n    @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n    @Output() activeState = new EventEmitter<boolean>;\n\n    @Input()\n    get isActive(): boolean {\n        return this._isActive;\n    }\n    set isActive(value: BooleanInput) {\n        this._isActive = coerceBooleanProperty(value);\n    }\n    @Input() position = 'right';\n    @Input() width: string;\n    @Input() fixedWidth: string;\n    private _isActive = false;\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        if(event.key ==='Escape'){\n            this.activeState.emit(false);\n        }\n    }\n}\n\n/* ***************************************** */\n/* MODULE EXPORT */\n/* ***************************************** */\n@NgModule({\n    imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule, EuiIconModule],\n    declarations: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n    exports: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n})\nexport class EuiOverlayModule {}\n", "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n    <ng-content select=\"eui-overlay-header\"></ng-content>\n    <ng-content select=\"eui-overlay-body\"></ng-content>\n    <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-overlay-header-title',\n    templateUrl: './eui-overlay-header-title.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-overlay-header-title')].join(' ').trim();\n    }\n\n    @Input() headerTitleLabel: string = null;\n    @Input() headerTitleHideLabel: string = null;\n    @Input() headerTitleCount: string = null;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n    constructor() {\n        super();\n    }\n\n    onHide(): void {\n        this.hide.emit();\n    }\n}\n", "<div class=\"eui-overlay-header-title\">\n    <div class=\"eui-overlay-header-title__label-wrapper\">\n        <div class=\"eui-overlay-header-title__label\">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class=\"eui-overlay-header-title__actions\">\n            <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n                <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n                    <span euiLabel>{{ headerTitleHideLabel }}</span>\n                    <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"primary-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n                </a>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"eui-overlay-header-title__subactions-bar\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", "import { Component, ContentChild, HostBinding, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\nimport { EuiOverlayHeaderTitleComponent } from '../eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n    selector: 'eui-overlay-header',\n    templateUrl: './eui-overlay-header.component.html',\n    styleUrls: ['../../styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent extends BaseDirective {\n    \n    @ContentChild(forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }) hasHeaderTitle: QueryList<EuiOverlayHeaderTitleComponent>;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-overlay-header'),\n            this.hasHeaderTitle ? 'eui-overlay-header--with-title' : '',\n        ].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n", "<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-overlay-body',\n    templateUrl: './eui-overlay-body.component.html',\n    styleUrls: ['../../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-overlay-body')].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n", "<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-overlay-footer',\n    templateUrl: './eui-overlay-footer.component.html',\n    styleUrls: ['../../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-overlay-footer')].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n", "<ng-content></ng-content>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule, Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n    selector: 'eui-overlay',\n    templateUrl: './eui-overlay.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent extends BaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-overlay'),\n            this.isActive ? 'eui-overlay--is-active' : '',\n            this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n            this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n            this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n            this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'dialog';\n    @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n    @Output() activeState = new EventEmitter<boolean>;\n\n    @Input()\n    get isActive(): boolean {\n        return this._isActive;\n    }\n    set isActive(value: BooleanInput) {\n        this._isActive = coerceBooleanProperty(value);\n    }\n    @Input()\n    get hasClosedOnClickOutside(): boolean {\n        return this._hasClosedOnClickOutside;\n    }\n    set hasClosedOnClickOutside(value: BooleanInput) {\n        this._hasClosedOnClickOutside = coerceBooleanProperty(value);\n    }\n\n    @Input() position = 'right';\n    @Input() width: string;\n    @Input() fixedWidth: string;\n\n    private _isActive = false;\n    private _hasClosedOnClickOutside = false;\n\n    constructor() {\n        super();\n    }\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        if(event.key ==='Escape'){\n            this.activeState.emit(false);\n        }\n    }\n\n    @HostListener('document:click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (this.hasClosedOnClickOutside) {\n            let targetElement = event.target as HTMLElement;\n            let isInsideOverlay = false;\n    \n            while (targetElement) {\n                if (targetElement.classList.contains('eui-overlay')) {\n                    isInsideOverlay = true;\n                    break;\n                }\n                targetElement = targetElement.parentElement;\n            }\n    \n            if (!isInsideOverlay && this.isActive) {\n                this.activeState.emit(false);\n            }\n        }\n    }\n}\n\n/* ***************************************** */\n/* MODULE EXPORT */\n/* ***************************************** */\n@NgModule({\n    imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule],\n    declarations: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n    exports: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n})\nexport class EuiOverlayModule {}\n", "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n    <ng-content select=\"eui-overlay-header\"></ng-content>\n    <ng-content select=\"eui-overlay-body\"></ng-content>\n    <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n"],
+  "mappings": "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",
   "names": ["Component", "HostBinding", "ViewEncapsulation", "BaseDirective", "i0", "Component", "HostBinding", "ViewEncapsulation", "BaseDirective", "i0", "Component", "ChangeDetectionStrategy", "HostBinding", "ViewEncapsulation", "BaseDirective", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "Output", "EventEmitter", "BaseDirective", "i0"]
 }