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

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

@@ -1,9 +1,8 @@
 import { CommonModule } from '@angular/common';
 import { NgModule, Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter } from '@angular/core';
-import { BaseDirective } from '@eui/components/shared';
-import { OverlayModule } from '@angular/cdk/overlay';
 import { A11yModule } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { BaseDirective } from '@eui/components/shared';
 import { EuiBadgeModule } from '@eui/components/eui-badge';
 import { EuiIconModule } from '@eui/components/eui-icon';
 import { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';
@@ -14,14 +13,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/cdk/a11y";
 export class EuiOverlayComponent extends BaseDirective {
-    constructor() {
-        super(...arguments);
-        this.role = 'dialog';
-        this['aria-label'] = 'dialogOverlay';
-        this.activeState = new EventEmitter;
-        this.position = 'right';
-        this._isActive = false;
-    }
     get cssClasses() {
         return [
             super.getCssClasses('eui-overlay'),
@@ -29,6 +20,7 @@ export class EuiOverlayComponent extends BaseDirective {
             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.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',
         ]
             .join(' ')
             .trim();
@@ -39,18 +31,49 @@ export class EuiOverlayComponent extends BaseDirective {
     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 EventEmitter;
+        this.position = 'right';
+        this._isActive = false;
+        this._hasClosedOnClickOutside = false;
+    }
     onKeydown(event) {
         if (event.key === 'Escape') {
             this.activeState.emit(false);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiOverlayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵ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: i0, 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    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);
+            }
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵ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: i0, 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiOverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-overlay', encapsulation: ViewEncapsulation.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: ViewEncapsulation.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: HostBinding,
                 args: ['class']
             }], role: [{
@@ -63,6 +86,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
                 type: Output
             }], isActive: [{
                 type: Input
+            }], hasClosedOnClickOutside: [{
+                type: Input
             }], position: [{
                 type: Input
             }], width: [{
@@ -72,23 +97,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
             }], onKeydown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
             }] } });
 /* ***************************************** */
 /* MODULE EXPORT */
 /* ***************************************** */
 export class EuiOverlayModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiOverlayModule, declarations: [EuiOverlayHeaderComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiOverlayModule, declarations: [EuiOverlayHeaderComponent,
             EuiOverlayBodyComponent,
-            EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent], imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule, EuiIconModule], exports: [EuiOverlayHeaderComponent,
+            EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent], imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule], exports: [EuiOverlayHeaderComponent,
             EuiOverlayBodyComponent,
             EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule, EuiIconModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiOverlayModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiOverlayModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule, EuiIconModule],
+                    imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule],
                     declarations: [
                         EuiOverlayHeaderComponent,
                         EuiOverlayBodyComponent,
@@ -105,4 +133,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW92ZXJsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0gsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDO0FBRTVFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFekQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDekcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDbkcsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDekcsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNkZBQTZGLENBQUM7Ozs7QUFRN0ksTUFBTSxPQUFPLG1CQUFvQixTQUFRLGFBQWE7SUFOdEQ7O1FBb0I4QixTQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ1Ysa0JBQVksR0FBRyxlQUFlLENBQUM7UUFFckQsZ0JBQVcs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cUJBQ2pDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBFdWlCYWRnZU1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktYmFkZ2UnO1xuaW1wb3J0IHsgRXVpSWNvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5cbmltcG9ydCB7IEV1aU92ZXJsYXlIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZXVpLW92ZXJsYXktaGVhZGVyL2V1aS1vdmVybGF5LWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpT3ZlcmxheUJvZHlDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZXVpLW92ZXJsYXktYm9keS9ldWktb3ZlcmxheS1ib2R5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlPdmVybGF5Rm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2V1aS1vdmVybGF5LWZvb3Rlci9ldWktb3ZlcmxheS1mb290ZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEV1aU92ZXJsYXlIZWFkZXJUaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ldWktb3ZlcmxheS1oZWFkZXIvZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlL2V1aS1vdmVybGF5LWhlYWRlci10aXRsZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1vdmVybGF5JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aU92ZXJsYXlDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLW92ZXJsYXknKSxcbiAgICAgICAgICAgIHRoaXMuaXNBY3RpdmUgPyAnZXVpLW92ZXJsYXktLWlzLWFjdGl2ZScgOiAnJyxcbiAgICAgICAgICAgIHRoaXMucG9zaXRpb24gPyAnZXVpLW92ZXJsYXktb2Zmc2V0IGV1aS1vdmVybGF5LW9mZnNldC0tcG9zaXRpb24tJyArIHRoaXMucG9zaXRpb24gOiAnJyxcbiAgICAgICAgICAgIHRoaXMud2lkdGggPyAnZXVpLW92ZXJsYXktb2Zmc2V0IGV1aS1vdmVybGF5LW9mZnNldC0td2lkdGgtJyArIHRoaXMud2lkdGggOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZml4ZWRXaWR0aCA/ICdldWktb3ZlcmxheS1vZmZzZXQgZXVpLW92ZXJsYXktb2Zmc2V0LS1maXhlZC13aWR0aC0nICsgdGhpcy5maXhlZFdpZHRoIDogJycsXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2RpYWxvZyc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSAnYXJpYS1sYWJlbCcgPSAnZGlhbG9nT3ZlcmxheSc7XG5cbiAgICBAT3V0cHV0KCkgYWN0aXZlU3RhdGUgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+O1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaXNBY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0FjdGl2ZTtcbiAgICB9XG4gICAgc2V0IGlzQWN0aXZlKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNBY3RpdmUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBASW5wdXQoKSBwb3NpdGlvbiA9ICdyaWdodCc7XG4gICAgQElucHV0KCkgd2lkdGg6IHN0cmluZztcbiAgICBASW5wdXQoKSBmaXhlZFdpZHRoOiBzdHJpbmc7XG4gICAgcHJpdmF0ZSBfaXNBY3RpdmUgPSBmYWxzZTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIG9uS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgICAgICBpZihldmVudC5rZXkgPT09J0VzY2FwZScpe1xuICAgICAgICAgICAgdGhpcy5hY3RpdmVTdGF0ZS5lbWl0KGZhbHNlKTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLyogKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbi8qIE1PRFVMRSBFWFBPUlQgKi9cbi8qICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEV1aUJhZGdlTW9kdWxlLCBPdmVybGF5TW9kdWxlLCBBMTF5TW9kdWxlLCBFdWlJY29uTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgRXVpT3ZlcmxheUhlYWRlckNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUJvZHlDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlGb290ZXJDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlIZWFkZXJUaXRsZUNvbXBvbmVudCxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgRXVpT3ZlcmxheUhlYWRlckNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUJvZHlDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlGb290ZXJDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlIZWFkZXJUaXRsZUNvbXBvbmVudCxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlPdmVybGF5TW9kdWxlIHt9XG4iLCI8ZGl2ICpuZ0lmPVwiaXNBY3RpdmVcIiBjbGFzcz1cImV1aS1vdmVybGF5LXdyYXBwZXJcIiBjZGtUcmFwRm9jdXMgW2Nka1RyYXBGb2N1c0F1dG9DYXB0dXJlXT1cInRydWVcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktb3ZlcmxheS1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLW92ZXJsYXktYm9keVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktb3ZlcmxheS1mb290ZXJcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW92ZXJsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0gsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBZ0IsTUFBTSx1QkFBdUIsQ0FBQztBQUU1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV6RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUNuRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw2RkFBNkYsQ0FBQzs7OztBQVE3SSxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsYUFBYTtJQUNsRCxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDbEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxD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QkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQVVOLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBUW5DLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7QUFxQjlDLCtDQUErQztBQUMvQyxtQkFBbUI7QUFDbkIsK0NBQStDO0FBa0IvQyxNQUFNLE9BQU8sZ0JBQWdCO3dJQUFoQixnQkFBZ0I7eUlBQWhCLGdCQUFnQixpQkFkckIseUJBQXlCO1lBQ3pCLHVCQUF1QjtZQUN2Qix5QkFBeUIsRUFsRnBCLG1CQUFtQixFQW9GeEIsOEJBQThCLGFBTnhCLFlBQVksRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLGFBQWEsYUFTN0QseUJBQXlCO1lBQ3pCLHVCQUF1QjtZQUN2Qix5QkFBeUIsRUF6RnBCLG1CQUFtQixFQTJGeEIsOEJBQThCO3lJQUd6QixnQkFBZ0IsWUFoQmYsWUFBWSxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsYUFBYTs7a0dBZ0J4RCxnQkFBZ0I7a0JBakI1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLGFBQWEsQ0FBQztvQkFDbEUsWUFBWSxFQUFFO3dCQUNWLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2Qix5QkFBeUI7d0JBQ3pCLG1CQUFtQjt3QkFDbkIsOEJBQThCO3FCQUNqQztvQkFDRCxPQUFPLEVBQUU7d0JBQ0wseUJBQXlCO3dCQUN6Qix1QkFBdUI7d0JBQ3ZCLHlCQUF5Qjt3QkFDekIsbUJBQW1CO3dCQUNuQiw4QkFBOEI7cUJBQ2pDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUJhZGdlTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1iYWRnZSc7XG5pbXBvcnQgeyBFdWlJY29uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1pY29uJztcblxuaW1wb3J0IHsgRXVpT3ZlcmxheUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ldWktb3ZlcmxheS1oZWFkZXIvZXVpLW92ZXJsYXktaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlPdmVybGF5Qm9keUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ldWktb3ZlcmxheS1ib2R5L2V1aS1vdmVybGF5LWJvZHkuY29tcG9uZW50JztcbmltcG9ydCB7IEV1aU92ZXJsYXlGb290ZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZXVpLW92ZXJsYXktZm9vdGVyL2V1aS1vdmVybGF5LWZvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpT3ZlcmxheUhlYWRlclRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2V1aS1vdmVybGF5LWhlYWRlci9ldWktb3ZlcmxheS1oZWFkZXItdGl0bGUvZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLW92ZXJsYXknLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktb3ZlcmxheS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpT3ZlcmxheUNvbXBvbmVudCBleHRlbmRzIEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdldWktb3ZlcmxheScpLFxuICAgICAgICAgICAgdGhpcy5pc0FjdGl2ZSA/ICdldWktb3ZlcmxheS0taXMtYWN0aXZlJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5wb3NpdGlvbiA/ICdldWktb3ZlcmxheS1vZmZzZXQgZXVpLW92ZXJsYXktb2Zmc2V0LS1wb3NpdGlvbi0nICsgdGhpcy5wb3NpdGlvbiA6ICcnLFxuICAgICAgICAgICAgdGhpcy53aWR0aCA/ICdldWktb3ZlcmxheS1vZmZzZXQgZXVpLW92ZXJsYXktb2Zmc2V0LS13aWR0aC0nICsgdGhpcy53aWR0aCA6ICcnLFxuICAgICAgICAgICAgdGhpcy5maXhlZFdpZHRoID8gJ2V1aS1vdmVybGF5LW9mZnNldCBldWktb3ZlcmxheS1vZmZzZXQtLWZpeGVkLXdpZHRoLScgKyB0aGlzLmZpeGVkV2lkdGggOiAnJyxcbiAgICAgICAgICAgIHRoaXMuaGFzQ2xvc2VkT25DbGlja091dHNpZGUgPyAnZXVpLW92ZXJsYXktLXNsaWRlSW5SaWdodCcgOiAnJyxcbiAgICAgICAgXVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICAgICAgLnRyaW0oKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGUgPSAnZGlhbG9nJztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1sYWJlbCcpICdhcmlhLWxhYmVsJyA9ICdkaWFsb2dPdmVybGF5JztcblxuICAgIEBPdXRwdXQoKSBhY3RpdmVTdGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj47XG5cbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0FjdGl2ZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzQWN0aXZlO1xuICAgIH1cbiAgICBzZXQgaXNBY3RpdmUodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0FjdGl2ZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGhhc0Nsb3NlZE9uQ2xpY2tPdXRzaWRlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faGFzQ2xvc2VkT25DbGlja091dHNpZGU7XG4gICAgfVxuICAgIHNldCBoYXNDbG9zZWRPbkNsaWNrT3V0c2lkZSh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2hhc0Nsb3NlZE9uQ2xpY2tPdXRzaWRlID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBwb3NpdGlvbiA9ICdyaWdodCc7XG4gICAgQElucHV0KCkgd2lkdGg6IHN0cmluZztcbiAgICBASW5wdXQoKSBmaXhlZFdpZHRoOiBzdHJpbmc7XG5cbiAgICBwcml2YXRlIF9pc0FjdGl2ZSA9IGZhbHNlO1xuICAgIHByaXZhdGUgX2hhc0Nsb3NlZE9uQ2xpY2tPdXRzaWRlID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYoZXZlbnQua2V5ID09PSdFc2NhcGUnKXtcbiAgICAgICAgICAgIHRoaXMuYWN0aXZlU3RhdGUuZW1pdChmYWxzZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXG4gICAgb25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5oYXNDbG9zZWRPbkNsaWNrT3V0c2lkZSkge1xuICAgICAgICAgICAgbGV0IHRhcmdldEVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgICAgICBsZXQgaXNJbnNpZGVPdmVybGF5ID0gZmFsc2U7XG4gICAgXG4gICAgICAgICAgICB3aGlsZSAodGFyZ2V0RWxlbWVudCkge1xuICAgICAgICAgICAgICAgIGlmICh0YXJnZXRFbGVtZW50LmNsYXNzTGlzdC5jb250YWlucygnZXVpLW92ZXJsYXknKSkge1xuICAgICAgICAgICAgICAgICAgICBpc0luc2lkZU92ZXJsYXkgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGFyZ2V0RWxlbWVudCA9IHRhcmdldEVsZW1lbnQucGFyZW50RWxlbWVudDtcbiAgICAgICAgICAgIH1cbiAgICBcbiAgICAgICAgICAgIGlmICghaXNJbnNpZGVPdmVybGF5ICYmIHRoaXMuaXNBY3RpdmUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmFjdGl2ZVN0YXRlLmVtaXQoZmFsc2UpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuLyogTU9EVUxFIEVYUE9SVCAqL1xuLyogKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRXVpQmFkZ2VNb2R1bGUsIEExMXlNb2R1bGUsIEV1aUljb25Nb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBFdWlPdmVybGF5SGVhZGVyQ29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Qm9keUNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUZvb3RlckNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUhlYWRlclRpdGxlQ29tcG9uZW50LFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBFdWlPdmVybGF5SGVhZGVyQ29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Qm9keUNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUZvb3RlckNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUNvbXBvbmVudCxcbiAgICAgICAgRXVpT3ZlcmxheUhlYWRlclRpdGxlQ29tcG9uZW50LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aU92ZXJsYXlNb2R1bGUge31cbiIsIjxkaXYgKm5nSWY9XCJpc0FjdGl2ZVwiIGNsYXNzPVwiZXVpLW92ZXJsYXktd3JhcHBlclwiIGNka1RyYXBGb2N1cyBbY2RrVHJhcEZvY3VzQXV0b0NhcHR1cmVdPVwidHJ1ZVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1vdmVybGF5LWhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktb3ZlcmxheS1ib2R5XCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1vdmVybGF5LWZvb3RlclwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs

@@ -4,10 +4,10 @@ export class EuiPageBreadcrumbComponent {
     constructor() {
         this.class = 'eui-page-breadcrumb';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageBreadcrumbComponent, selector: "eui-page-breadcrumb", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageBreadcrumbComponent, selector: "eui-page-breadcrumb", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { class: [{

package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs

@@ -86,10 +86,10 @@ export class EuiPageColumnComponent extends BaseDirective {
         this.isCollapsed = !this.isCollapsed;
         this.collapse.emit(this.isCollapsed);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnComponent, deps: [{ token: forwardRef(() => EuiPageColumnsComponent), host: true, optional: true }, { token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.2", type: EuiPageColumnComponent, selector: "eui-page-column", inputs: { size: "size", label: "label", subLabel: "subLabel", autocloseContainerWidth: "autocloseContainerWidth", expandAriaLabel: "expandAriaLabel", collapseAriaLabel: "collapseAriaLabel", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute], isCollapsedWithIcons: ["isCollapsedWithIcons", "isCollapsedWithIcons", booleanAttribute], hasSidebarMenu: ["hasSidebarMenu", "hasSidebarMenu", booleanAttribute], hasHeaderBodyShrinkable: ["hasHeaderBodyShrinkable", "hasHeaderBodyShrinkable", booleanAttribute], isAutocloseOnContainerResize: ["isAutocloseOnContainerResize", "isAutocloseOnContainerResize", booleanAttribute] }, outputs: { collapse: "collapse", headerCollapse: "headerCollapse" }, host: { listeners: { "window:scroll": "onBodyScoll($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customHeaderBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderBodyContentDirective), descendants: true }, { propertyName: "customHeaderLeftContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderLeftContentDirective), descendants: true }, { propertyName: "customHeaderRightContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderRightContentDirective), descendants: true }, { propertyName: "customHeaderCollapsedContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective), descendants: true }, { propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnFooterContentDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n    class=\"eui-page-column__header\"\n    [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n    <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n            <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n            <ng-container *ngIf=\"!isCollapsedWithIcons\">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n    </div>\n\n    <div class=\"eui-page-column__header-right-content\">\n        <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n            <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n        </span>\n        <button\n            *ngIf=\"isCollapsible\"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type=\"button\"\n            (click)=\"onToggle()\"\n            [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n            class=\"eui-page-column__header-toggle\">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-back\"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf=\"customHeaderBodyContent\"\n    class=\"eui-page-column__header-left-content-body\"\n    [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n    <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n    class=\"eui-page-column__body\"\n    cdkScrollable\n    tabindex=\"0\"\n    [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n    (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n    <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n    <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnComponent, deps: [{ token: forwardRef(() => EuiPageColumnsComponent), host: true, optional: true }, { token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: EuiPageColumnComponent, selector: "eui-page-column", inputs: { size: "size", label: "label", subLabel: "subLabel", autocloseContainerWidth: "autocloseContainerWidth", expandAriaLabel: "expandAriaLabel", collapseAriaLabel: "collapseAriaLabel", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute], isCollapsedWithIcons: ["isCollapsedWithIcons", "isCollapsedWithIcons", booleanAttribute], hasSidebarMenu: ["hasSidebarMenu", "hasSidebarMenu", booleanAttribute], hasHeaderBodyShrinkable: ["hasHeaderBodyShrinkable", "hasHeaderBodyShrinkable", booleanAttribute], isAutocloseOnContainerResize: ["isAutocloseOnContainerResize", "isAutocloseOnContainerResize", booleanAttribute] }, outputs: { collapse: "collapse", headerCollapse: "headerCollapse" }, host: { listeners: { "window:scroll": "onBodyScoll($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customHeaderBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderBodyContentDirective), descendants: true }, { propertyName: "customHeaderLeftContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderLeftContentDirective), descendants: true }, { propertyName: "customHeaderRightContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderRightContentDirective), descendants: true }, { propertyName: "customHeaderCollapsedContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective), descendants: true }, { propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnFooterContentDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n    class=\"eui-page-column__header\"\n    [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n    <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n            <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n            <ng-container *ngIf=\"!isCollapsedWithIcons\">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n    </div>\n\n    <div class=\"eui-page-column__header-right-content\">\n        <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n            <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n        </span>\n        <button\n            *ngIf=\"isCollapsible\"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type=\"button\"\n            (click)=\"onToggle()\"\n            [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n            class=\"eui-page-column__header-toggle\">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-back\"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf=\"customHeaderBodyContent\"\n    class=\"eui-page-column__header-left-content-body\"\n    [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n    <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n    class=\"eui-page-column__body\"\n    cdkScrollable\n    tabindex=\"0\"\n    [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n    (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n    <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n    <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-column', encapsulation: ViewEncapsulation.None, template: "<div\n    *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n    class=\"eui-page-column__header\"\n    [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n    <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n            <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n            <ng-container *ngIf=\"!isCollapsedWithIcons\">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n    </div>\n\n    <div class=\"eui-page-column__header-right-content\">\n        <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n            <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n        </span>\n        <button\n            *ngIf=\"isCollapsible\"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type=\"button\"\n            (click)=\"onToggle()\"\n            [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n            class=\"eui-page-column__header-toggle\">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-back\"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf=\"customHeaderBodyContent\"\n    class=\"eui-page-column__header-left-content-body\"\n    [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n    <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n    class=\"eui-page-column__body\"\n    cdkScrollable\n    tabindex=\"0\"\n    [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n    (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n    <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n    <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -160,50 +160,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
             }] } });
 /* eslint-disable */
 export class EuiPageColumnHeaderBodyContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageColumnHeaderBodyContentDirective, selector: "eui-page-column-header-body", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageColumnHeaderBodyContentDirective, selector: "eui-page-column-header-body", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-column-header-body' }]
         }] });
 export class EuiPageColumnHeaderLeftContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageColumnHeaderLeftContentDirective, selector: "eui-page-column-header-left-content", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageColumnHeaderLeftContentDirective, selector: "eui-page-column-header-left-content", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-column-header-left-content' }]
         }] });
 export class EuiPageColumnHeaderRightContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageColumnHeaderRightContentDirective, selector: "eui-page-column-header-right-content", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageColumnHeaderRightContentDirective, selector: "eui-page-column-header-right-content", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-column-header-right-content' }]
         }] });
 export class EuiPageColumnHeaderCollapsedContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageColumnHeaderCollapsedContentDirective, selector: "eui-page-column-header-collapsed-content", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageColumnHeaderCollapsedContentDirective, selector: "eui-page-column-header-collapsed-content", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-column-header-collapsed-content' }]
         }] });
 export class EuiPageColumnBodyContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageColumnBodyContentDirective, selector: "eui-page-column-body", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageColumnBodyContentDirective, selector: "eui-page-column-body", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnBodyContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnBodyContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-column-body' }]
         }] });
 export class EuiPageColumnFooterContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageColumnFooterContentDirective, selector: "eui-page-column-footer", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageColumnFooterContentDirective, selector: "eui-page-column-footer", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnFooterContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnFooterContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-column-footer' }]
         }] });

package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs

@@ -19,10 +19,10 @@ export class EuiPageColumnsComponent {
     ngOnDestroy() {
         this.observer.unobserve(this.host.nativeElement);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageColumnsComponent, selector: "eui-page-columns", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageColumnsComponent, selector: "eui-page-columns", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageColumnsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageColumnsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-columns', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { class: [{

package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs

@@ -4,10 +4,10 @@ export class EuiPageContentComponent {
     constructor() {
         this.class = 'eui-page-content';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageContentComponent, selector: "eui-page-content", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageContentComponent, selector: "eui-page-content", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-content', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { class: [{

package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs

@@ -9,10 +9,10 @@ export class EuiPageFooterComponent extends BaseDirective {
         super();
         this.e2eAttr = 'eui-page-footer';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageFooterComponent, selector: "eui-page-footer", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageFooterComponent, selector: "eui-page-footer", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-footer', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { cssClasses: [{

package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs

@@ -28,10 +28,10 @@ export class EuiPageHeaderComponent {
         this.isCollapsed = !this.isCollapsed;
         this.collapse.emit(this.isCollapsed);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.2", type: EuiPageHeaderComponent, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customPageHeaderActionItemsContent", first: true, predicate: i0.forwardRef(() => EuiPageHeaderActionItemsContentDirective), descendants: true }, { propertyName: "customPageHeaderBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageBodyContentDirective), descendants: true }], ngImport: i0, template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content select=\"eui-page-header-action-items\"></ng-content>\n    </div>\n</div>\n<div\n    *ngIf=\"subLabel\"\n    class=\"eui-common-header__sub-label\"\n    role=\"heading\"\n    aria-level=\"2\"\n    [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n    attr.aria-label=\"{{ subLabel }}\"\n    [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n    <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n</div>\n\n\n@if (isCollapsible) {\n    <div *ngIf=\"!isCollapsed\" class=\"eui-expand-content__body\">\n        <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n    </div>\n    <div\n        class=\"eui-button__expand-trigger\"\n        [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n        role=\"document\"\n        (click)=\"onToggle()\"\n        aria-label=\"Expand / Collapse trigger\">\n        <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n            <span *ngIf=\"expandedLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ expandedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n        <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n            <span *ngIf=\"collapsedLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ collapsedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n        </button>\n    </div>\n}\n\n@if (!isCollapsible && customPageHeaderBodyContent) {\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n    <div class=\"eui-page-header__body\">\n        <ng-content select=\"eui-page-header-body\"></ng-content>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i3.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: EuiPageHeaderComponent, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customPageHeaderActionItemsContent", first: true, predicate: i0.forwardRef(() => EuiPageHeaderActionItemsContentDirective), descendants: true }, { propertyName: "customPageHeaderBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageBodyContentDirective), descendants: true }], ngImport: i0, template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content select=\"eui-page-header-action-items\"></ng-content>\n    </div>\n</div>\n<div\n    *ngIf=\"subLabel\"\n    class=\"eui-common-header__sub-label\"\n    role=\"heading\"\n    aria-level=\"2\"\n    [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n    attr.aria-label=\"{{ subLabel }}\"\n    [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n    <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n</div>\n\n\n@if (isCollapsible) {\n    <div *ngIf=\"!isCollapsed\" class=\"eui-expand-content__body\">\n        <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n    </div>\n    <div\n        class=\"eui-button__expand-trigger\"\n        [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n        role=\"document\"\n        (click)=\"onToggle()\"\n        aria-label=\"Expand / Collapse trigger\">\n        <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n            <span *ngIf=\"expandedLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ expandedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n        <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n            <span *ngIf=\"collapsedLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ collapsedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n        </button>\n    </div>\n}\n\n@if (!isCollapsible && customPageHeaderBodyContent) {\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n    <div class=\"eui-page-header__body\">\n        <ng-content select=\"eui-page-header-body\"></ng-content>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "directive", type: i3.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-header', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content select=\"eui-page-header-action-items\"></ng-content>\n    </div>\n</div>\n<div\n    *ngIf=\"subLabel\"\n    class=\"eui-common-header__sub-label\"\n    role=\"heading\"\n    aria-level=\"2\"\n    [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n    attr.aria-label=\"{{ subLabel }}\"\n    [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n    <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n</div>\n\n\n@if (isCollapsible) {\n    <div *ngIf=\"!isCollapsed\" class=\"eui-expand-content__body\">\n        <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n    </div>\n    <div\n        class=\"eui-button__expand-trigger\"\n        [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n        role=\"document\"\n        (click)=\"onToggle()\"\n        aria-label=\"Expand / Collapse trigger\">\n        <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n            <span *ngIf=\"expandedLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ expandedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n        <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n            <span *ngIf=\"collapsedLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ collapsedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n        </button>\n    </div>\n}\n\n@if (!isCollapsible && customPageHeaderBodyContent) {\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n    <div class=\"eui-page-header__body\">\n        <ng-content select=\"eui-page-header-body\"></ng-content>\n    </div>\n</ng-template>\n" }]
         }], propDecorators: { cssClasses: [{
@@ -69,18 +69,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
             }] } });
 /* eslint-disable */
 export class EuiPageHeaderActionItemsContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageHeaderActionItemsContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageHeaderActionItemsContentDirective, selector: "eui-page-header-action-items", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageHeaderActionItemsContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageHeaderActionItemsContentDirective, selector: "eui-page-header-action-items", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageHeaderActionItemsContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageHeaderActionItemsContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-header-action-items' }]
         }] });
 export class EuiPageBodyContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageBodyContentDirective, selector: "eui-page-header-body", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageBodyContentDirective, selector: "eui-page-header-body", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageBodyContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageBodyContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-page-header-body' }]
         }] });

package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs

@@ -4,10 +4,10 @@ export class EuiPageHeroHeaderComponent {
     get cssClasses() {
         return ['eui-page-hero-header'].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageHeroHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageHeroHeaderComponent, selector: "eui-page-hero-header", inputs: { label: "label", subLabel: "subLabel" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n    <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageHeroHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageHeroHeaderComponent, selector: "eui-page-hero-header", inputs: { label: "label", subLabel: "subLabel" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n    <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageHeroHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageHeroHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-hero-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n    <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n" }]
         }], propDecorators: { label: [{

package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs

@@ -9,10 +9,10 @@ export class EuiPageTopContentComponent extends BaseDirective {
         super();
         this.e2eAttr = 'eui-page-top-content';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageTopContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiPageTopContentComponent, selector: "eui-page-top-content", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageTopContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiPageTopContentComponent, selector: "eui-page-top-content", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiPageTopContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiPageTopContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-page-top-content', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { cssClasses: [{