npm - @eui/components - Versions diffs - 17.0.0-next.4 → 17.0.0-next.5 - Mend

@eui/components 17.0.0-next.4 → 17.0.0-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (510) hide show

package/fesm2022/eui-components-eui-message-box.mjs CHANGED Viewed

@@ -40,10 +40,10 @@ class EuiMessageBoxService {
     closeMessageBox() {
         this.euiDialogService.closeDialog();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxService, deps: [{ token: i1.EuiDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxService, deps: [{ token: i1.EuiDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.EuiDialogService }]; } });
@@ -100,7 +100,9 @@ class EuiMessageBoxComponent extends BaseDirective {
         this.acceptLabel = 'eui.OK';
         this.dismissLabel = 'eui.CANCEL';
         this.typeClass = 'primary';
+        // TODO: fix it for v17 - Output bindings, including aliases, should not be named as standard DOM events
         this.open = new EventEmitter();
+        // TODO: fix it for v17 - Output bindings, including aliases, should not be named as standard DOM events
         this.close = new EventEmitter();
         this.dismiss = new EventEmitter();
         this.accept = new EventEmitter();
@@ -194,10 +196,10 @@ class EuiMessageBoxComponent extends BaseDirective {
     closeMessageBox() {
         this.euiMessageBoxService.closeMessageBox();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxComponent, deps: [{ token: i0.ViewContainerRef }, { token: EuiMessageBoxService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiMessageBoxComponent, selector: "eui-message-box", inputs: { e2eAttr: "e2eAttr", title: "title", width: "width", height: "height", hasAcceptButton: "hasAcceptButton", hasDismissButton: "hasDismissButton", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", isHandleCloseOnDismiss: "isHandleCloseOnDismiss", isHandleCloseOnClose: "isHandleCloseOnClose", isHandleCloseOnAccept: "isHandleCloseOnAccept", isDraggable: "isDraggable", hasNoBodyPadding: "hasNoBodyPadding" }, outputs: { open: "open", close: "close", dismiss: "dismiss", accept: "accept" }, queries: [{ propertyName: "euiMessageBoxFooterDirective", first: true, predicate: i0.forwardRef(function () { return EuiMessageBoxFooterDirective; }), descendants: true }], viewQueries: [{ propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRefContent>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select=\"eui-message-box-footer\"></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxComponent, deps: [{ token: i0.ViewContainerRef }, { token: EuiMessageBoxService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiMessageBoxComponent, selector: "eui-message-box", inputs: { e2eAttr: "e2eAttr", title: "title", width: "width", height: "height", hasAcceptButton: "hasAcceptButton", hasDismissButton: "hasDismissButton", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", isHandleCloseOnDismiss: "isHandleCloseOnDismiss", isHandleCloseOnClose: "isHandleCloseOnClose", isHandleCloseOnAccept: "isHandleCloseOnAccept", isDraggable: "isDraggable", hasNoBodyPadding: "hasNoBodyPadding" }, outputs: { open: "open", close: "close", dismiss: "dismiss", accept: "accept" }, queries: [{ propertyName: "euiMessageBoxFooterDirective", first: true, predicate: i0.forwardRef(function () { return EuiMessageBoxFooterDirective; }), descendants: true }], viewQueries: [{ propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRefContent>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select=\"eui-message-box-footer\"></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-message-box', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #templateRefContent>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select=\"eui-message-box-footer\"></ng-content>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: EuiMessageBoxService }]; }, propDecorators: { e2eAttr: [{
@@ -248,10 +250,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
             }] } });
 /* eslint-disable */
 class EuiMessageBoxFooterDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiMessageBoxFooterDirective, selector: "eui-message-box-footer", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiMessageBoxFooterDirective, selector: "eui-message-box-footer", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxFooterDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-message-box-footer' }]
         }] });
@@ -290,11 +292,11 @@ class EuiMessageBoxComponentInstances {
 }
 class EuiMessageBoxModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxModule, declarations: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule, PortalModule, OverlayModule, A11yModule, DragDropModule], exports: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxModule, providers: [EuiMessageBoxService, EuiDialogService], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule, PortalModule, OverlayModule, A11yModule, DragDropModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxModule, declarations: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule, PortalModule, OverlayModule, A11yModule, DragDropModule], exports: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxModule, providers: [EuiMessageBoxService, EuiDialogService], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule, PortalModule, OverlayModule, A11yModule, DragDropModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMessageBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMessageBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule, PortalModule, OverlayModule, A11yModule, DragDropModule],

package/fesm2022/eui-components-eui-message-box.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-message-box.mjs","sources":["../../eui-message-box/services/eui-message-box.service.ts","../../eui-message-box/eui-message-box.component.ts","../../eui-message-box/eui-message-box.component.html","../../eui-message-box/models/eui-message-box.config.ts","../../eui-message-box/eui-message-box.module.ts","../../eui-message-box/eui-components-eui-message-box.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { EuiDialogInterface, EuiDialogService } from '@eui/components/eui-dialog';\n\n@Injectable()\nexport class EuiMessageBoxService {\n constructor(private euiDialogService: EuiDialogService) {}\n\n /*\n Open a Message box.\n \n @param config Configuration applied to the Message box.\n /\n public openMessageBox<HC, HCC, BC, BCC, FC, FCC>(config: EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> = {}): void {\n this.euiDialogService.openDialog({\n ...config,\n header: null,\n headerComponent: null,\n isClosedOnClickOutside: false,\n hasCloseButton: false,\n isClosedOnEscape: false,\n hasFooter: true,\n });\n }\n\n /\n Close a Message box.\n /\n public closeMessageBox(): void {\n this.euiDialogService.closeDialog();\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n ViewChild,\n TemplateRef,\n ViewContainerRef,\n AfterViewInit,\n OnDestroy,\n Output,\n EventEmitter,\n Directive,\n ContentChild,\n forwardRef,\n QueryList,\n ElementRef,\n OnInit,\n} from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { Subject } from 'rxjs';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiDialogInterface } from '@eui/components/eui-dialog';\n\nimport { EuiMessageBoxService } from './services/eui-message-box.service';\n\n@Component({\n selector: 'eui-message-box',\n templateUrl: './eui-message-box.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiMessageBoxComponent extends BaseDirective implements AfterViewInit, OnDestroy, OnInit {\n @Input() e2eAttr = 'eui-dialog';\n @Input() title: string;\n @Input() width = '33rem';\n @Input() height = 'auto';\n @Input()\n get hasAcceptButton(): boolean {\n return this._hasAcceptButton;\n }\n set hasAcceptButton(value: BooleanInput) {\n this._hasAcceptButton = coerceBooleanProperty(value);\n }\n @Input()\n get hasDismissButton(): boolean {\n return this._hasDismissButton;\n }\n set hasDismissButton(value: BooleanInput) {\n this._hasDismissButton = coerceBooleanProperty(value);\n }\n @Input() acceptLabel = 'eui.OK';\n @Input() dismissLabel = 'eui.CANCEL';\n @Input() typeClass: 'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'danger' \| 'accent' = 'primary';\n @Input()\n get isHandleCloseOnDismiss(): boolean {\n return this._isHandleCloseOnDismiss;\n }\n set isHandleCloseOnDismiss(value: BooleanInput) {\n this._isHandleCloseOnDismiss = coerceBooleanProperty(value);\n }\n @Input()\n get isHandleCloseOnClose(): boolean {\n return this._isHandleCloseOnClose;\n }\n set isHandleCloseOnClose(value: BooleanInput) {\n this._isHandleCloseOnClose = coerceBooleanProperty(value);\n }\n @Input()\n get isHandleCloseOnAccept(): boolean {\n return this._isHandleCloseOnAccept;\n }\n set isHandleCloseOnAccept(value: BooleanInput) {\n this._isHandleCloseOnAccept = coerceBooleanProperty(value);\n }\n @Input()\n get isDraggable(): boolean {\n return this._isDraggable;\n }\n\n set isDraggable(value: BooleanInput) {\n this._isDraggable = coerceBooleanProperty(value);\n }\n @Input()\n get hasNoBodyPadding(): boolean {\n return this._hasNoBodyPadding;\n }\n set hasNoBodyPadding(value: BooleanInput) {\n this._hasNoBodyPadding = coerceBooleanProperty(value);\n }\n @Output() open = new EventEmitter();\n\n @Output() close = new EventEmitter();\n @Output() dismiss = new EventEmitter();\n @Output() accept = new EventEmitter();\n public content: string \| TemplatePortal;\n\n @ViewChild('templateRefContent') templateRefContent: TemplateRef<ElementRef>;\n\n @ViewChild('templateRefFooter') templateRefFooter: TemplateRef<EuiMessageBoxFooterDirective>;\n @ContentChild(forwardRef(() => EuiMessageBoxFooterDirective)) euiMessageBoxFooterDirective: QueryList<EuiMessageBoxFooterDirective>;\n\n private _hasAcceptButton = true;\n private _hasDismissButton = true;\n private _isHandleCloseOnDismiss = false;\n private _isHandleCloseOnClose = false;\n private _isHandleCloseOnAccept = false;\n private _isDraggable = false;\n private _hasNoBodyPadding = false;\n private templatePortalContent: TemplatePortal<ElementRef>;\n private templatePortalFooter: TemplatePortal<EuiMessageBoxFooterDirective>;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(private viewContainerRef: ViewContainerRef, private euiMessageBoxService: EuiMessageBoxService) {\n super();\n }\n\n ngOnInit(): void {\n if (this.euiPrimary) {\n this.typeClass = 'primary';\n }\n if (this.euiSecondary) {\n this.typeClass = 'secondary';\n }\n if (this.euiInfo) {\n this.typeClass = 'info';\n }\n if (this.euiSuccess) {\n this.typeClass = 'success';\n }\n if (this.euiWarning) {\n this.typeClass = 'warning';\n }\n if (this.euiDanger) {\n this.typeClass = 'danger';\n }\n if (this.euiAccent) {\n this.typeClass = 'accent';\n }\n }\n\n ngAfterViewInit(): void {\n this.templatePortalContent = new TemplatePortal(this.templateRefContent, this.viewContainerRef);\n\n if (this.euiMessageBoxFooterDirective) {\n this.templatePortalFooter = new TemplatePortal(this.templateRefFooter, this.viewContainerRef);\n }\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n /\n Open a Message Box.\n /\n public openMessageBox<HC, HCC, BC, BCC, FC, FCC>(): void {\n const config: EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> = {\n e2eAttr: this.e2eAttr,\n title: this.title,\n width: this.width,\n height: this.height,\n typeClass: this.typeClass,\n acceptLabel: this.acceptLabel,\n dismissLabel: this.dismissLabel,\n hasCloseButton: false,\n hasAcceptButton: this.hasAcceptButton,\n hasDismissButton: this.hasDismissButton,\n isClosedOnClickOutside: false,\n isClosedOnEscape: false,\n isHandleCloseOnDismiss: this.isHandleCloseOnDismiss,\n isHandleCloseOnClose: this.isHandleCloseOnClose,\n isHandleCloseOnAccept: this.isHandleCloseOnAccept,\n isHandleCloseOnClickOutside: false,\n isHandleCloseOnEscape: false,\n isDraggable: coerceBooleanProperty(this.isDraggable),\n hasNoBodyPadding: coerceBooleanProperty(this.hasNoBodyPadding),\n content: this.templatePortalContent,\n footer: this.templatePortalFooter,\n isMessageBox: true,\n open: () => {\n this.open.emit();\n },\n close: () => {\n this.close.emit();\n },\n dismiss: () => {\n this.dismiss.emit();\n },\n accept: () => {\n this.accept.emit();\n },\n };\n\n this.euiMessageBoxService.openMessageBox(config);\n }\n\n /\n Close a Message Box.\n /\n public closeMessageBox(): void {\n this.euiMessageBoxService.closeMessageBox();\n }\n}\n\n/ eslint-disable /\n@Directive({ selector: 'eui-message-box-footer' })\nexport class EuiMessageBoxFooterDirective { }\n/ eslint-enable /\n","<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select=\"eui-message-box-footer\"></ng-content>\n</ng-template>\n","import { EuiDialogInterface } from '@eui/components/eui-dialog';\n\nexport class EuiMessageBoxConfig<HC, HCC, BC, BCC, FC, FCC> implements EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> {\n e2eAttr = 'eui-message-box';\n acceptLabel = 'eui.OK';\n dismissLabel = 'eui.CANCEL';\n typeClass: 'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'danger' \| 'accent' = 'primary';\n width = '33rem';\n height = 'auto';\n hasCloseButton = false;\n hasAcceptButton = true;\n hasDismissButton = true;\n isClosedOnClickOutside = false;\n isClosedOnEscape = false;\n isHandleCloseOnDismiss = false;\n isHandleCloseOnClose = false;\n isHandleCloseOnAccept = false;\n isHandleCloseOnClickOutside = false;\n isHandleCloseOnEscape = false;\n hasFooter = true;\n isMessageBox = true;\n header = null;\n headerComponent = null;\n\n constructor(values: EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC>) {\n Object.assign(this, values);\n }\n}\n\nexport class EuiMessageBoxComponentInstances<HC, BC, FC> {\n headerComponent: HC = null;\n bodyComponent: BC = null;\n footerComponent: FC = null;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { EuiMessageBoxComponent, EuiMessageBoxFooterDirective } from './eui-message-box.component';\nimport { EuiMessageBoxService } from './services/eui-message-box.service';\n\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule, PortalModule, OverlayModule, A11yModule, DragDropModule],\n exports: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective],\n declarations: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective],\n providers: [EuiMessageBoxService, EuiDialogService],\n})\nexport class EuiMessageBoxModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1.EuiMessageBoxService"],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-message-box.mjs","sources":["../../eui-message-box/services/eui-message-box.service.ts","../../eui-message-box/eui-message-box.component.ts","../../eui-message-box/eui-message-box.component.html","../../eui-message-box/models/eui-message-box.config.ts","../../eui-message-box/eui-message-box.module.ts","../../eui-message-box/eui-components-eui-message-box.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { EuiDialogInterface, EuiDialogService } from '@eui/components/eui-dialog';\n\n@Injectable()\nexport class EuiMessageBoxService {\n constructor(private euiDialogService: EuiDialogService) {}\n\n /*\n Open a Message box.\n \n @param config Configuration applied to the Message box.\n /\n public openMessageBox<HC, HCC, BC, BCC, FC, FCC>(config: EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> = {}): void {\n this.euiDialogService.openDialog({\n ...config,\n header: null,\n headerComponent: null,\n isClosedOnClickOutside: false,\n hasCloseButton: false,\n isClosedOnEscape: false,\n hasFooter: true,\n });\n }\n\n /\n Close a Message box.\n /\n public closeMessageBox(): void {\n this.euiDialogService.closeDialog();\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n ViewChild,\n TemplateRef,\n ViewContainerRef,\n AfterViewInit,\n OnDestroy,\n Output,\n EventEmitter,\n Directive,\n ContentChild,\n forwardRef,\n QueryList,\n ElementRef,\n OnInit,\n} from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { Subject } from 'rxjs';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiDialogInterface } from '@eui/components/eui-dialog';\n\nimport { EuiMessageBoxService } from './services/eui-message-box.service';\n\n@Component({\n selector: 'eui-message-box',\n templateUrl: './eui-message-box.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiMessageBoxComponent extends BaseDirective implements AfterViewInit, OnDestroy, OnInit {\n @Input() e2eAttr = 'eui-dialog';\n @Input() title: string;\n @Input() width = '33rem';\n @Input() height = 'auto';\n @Input()\n get hasAcceptButton(): boolean {\n return this._hasAcceptButton;\n }\n set hasAcceptButton(value: BooleanInput) {\n this._hasAcceptButton = coerceBooleanProperty(value);\n }\n @Input()\n get hasDismissButton(): boolean {\n return this._hasDismissButton;\n }\n set hasDismissButton(value: BooleanInput) {\n this._hasDismissButton = coerceBooleanProperty(value);\n }\n @Input() acceptLabel = 'eui.OK';\n @Input() dismissLabel = 'eui.CANCEL';\n @Input() typeClass: 'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'danger' \| 'accent' = 'primary';\n @Input()\n get isHandleCloseOnDismiss(): boolean {\n return this._isHandleCloseOnDismiss;\n }\n set isHandleCloseOnDismiss(value: BooleanInput) {\n this._isHandleCloseOnDismiss = coerceBooleanProperty(value);\n }\n @Input()\n get isHandleCloseOnClose(): boolean {\n return this._isHandleCloseOnClose;\n }\n set isHandleCloseOnClose(value: BooleanInput) {\n this._isHandleCloseOnClose = coerceBooleanProperty(value);\n }\n @Input()\n get isHandleCloseOnAccept(): boolean {\n return this._isHandleCloseOnAccept;\n }\n set isHandleCloseOnAccept(value: BooleanInput) {\n this._isHandleCloseOnAccept = coerceBooleanProperty(value);\n }\n @Input()\n get isDraggable(): boolean {\n return this._isDraggable;\n }\n\n set isDraggable(value: BooleanInput) {\n this._isDraggable = coerceBooleanProperty(value);\n }\n @Input()\n get hasNoBodyPadding(): boolean {\n return this._hasNoBodyPadding;\n }\n set hasNoBodyPadding(value: BooleanInput) {\n this._hasNoBodyPadding = coerceBooleanProperty(value);\n }\n // TODO: fix it for v17 - Output bindings, including aliases, should not be named as standard DOM events\n @Output() open = new EventEmitter();\n\n // TODO: fix it for v17 - Output bindings, including aliases, should not be named as standard DOM events\n @Output() close = new EventEmitter();\n @Output() dismiss = new EventEmitter();\n @Output() accept = new EventEmitter();\n public content: string \| TemplatePortal;\n\n @ViewChild('templateRefContent') templateRefContent: TemplateRef<ElementRef>;\n\n @ViewChild('templateRefFooter') templateRefFooter: TemplateRef<EuiMessageBoxFooterDirective>;\n @ContentChild(forwardRef(() => EuiMessageBoxFooterDirective)) euiMessageBoxFooterDirective: QueryList<EuiMessageBoxFooterDirective>;\n\n private _hasAcceptButton = true;\n private _hasDismissButton = true;\n private _isHandleCloseOnDismiss = false;\n private _isHandleCloseOnClose = false;\n private _isHandleCloseOnAccept = false;\n private _isDraggable = false;\n private _hasNoBodyPadding = false;\n private templatePortalContent: TemplatePortal<ElementRef>;\n private templatePortalFooter: TemplatePortal<EuiMessageBoxFooterDirective>;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private euiMessageBoxService: EuiMessageBoxService\n ) {\n super();\n }\n\n ngOnInit(): void {\n if (this.euiPrimary) {\n this.typeClass = 'primary';\n }\n if (this.euiSecondary) {\n this.typeClass = 'secondary';\n }\n if (this.euiInfo) {\n this.typeClass = 'info';\n }\n if (this.euiSuccess) {\n this.typeClass = 'success';\n }\n if (this.euiWarning) {\n this.typeClass = 'warning';\n }\n if (this.euiDanger) {\n this.typeClass = 'danger';\n }\n if (this.euiAccent) {\n this.typeClass = 'accent';\n }\n }\n\n ngAfterViewInit(): void {\n this.templatePortalContent = new TemplatePortal(this.templateRefContent, this.viewContainerRef);\n\n if (this.euiMessageBoxFooterDirective) {\n this.templatePortalFooter = new TemplatePortal(this.templateRefFooter, this.viewContainerRef);\n }\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n /\n Open a Message Box.\n /\n public openMessageBox<HC, HCC, BC, BCC, FC, FCC>(): void {\n const config: EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> = {\n e2eAttr: this.e2eAttr,\n title: this.title,\n width: this.width,\n height: this.height,\n typeClass: this.typeClass,\n acceptLabel: this.acceptLabel,\n dismissLabel: this.dismissLabel,\n hasCloseButton: false,\n hasAcceptButton: this.hasAcceptButton,\n hasDismissButton: this.hasDismissButton,\n isClosedOnClickOutside: false,\n isClosedOnEscape: false,\n isHandleCloseOnDismiss: this.isHandleCloseOnDismiss,\n isHandleCloseOnClose: this.isHandleCloseOnClose,\n isHandleCloseOnAccept: this.isHandleCloseOnAccept,\n isHandleCloseOnClickOutside: false,\n isHandleCloseOnEscape: false,\n isDraggable: coerceBooleanProperty(this.isDraggable),\n hasNoBodyPadding: coerceBooleanProperty(this.hasNoBodyPadding),\n content: this.templatePortalContent,\n footer: this.templatePortalFooter,\n isMessageBox: true,\n open: () => {\n this.open.emit();\n },\n close: () => {\n this.close.emit();\n },\n dismiss: () => {\n this.dismiss.emit();\n },\n accept: () => {\n this.accept.emit();\n },\n };\n\n this.euiMessageBoxService.openMessageBox(config);\n }\n\n /\n Close a Message Box.\n /\n public closeMessageBox(): void {\n this.euiMessageBoxService.closeMessageBox();\n }\n}\n\n/ eslint-disable /\n@Directive({ selector: 'eui-message-box-footer' })\nexport class EuiMessageBoxFooterDirective {}\n/ eslint-enable /\n","<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select=\"eui-message-box-footer\"></ng-content>\n</ng-template>\n","import { EuiDialogInterface } from '@eui/components/eui-dialog';\n\nexport class EuiMessageBoxConfig<HC, HCC, BC, BCC, FC, FCC> implements EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> {\n e2eAttr = 'eui-message-box';\n acceptLabel = 'eui.OK';\n dismissLabel = 'eui.CANCEL';\n typeClass: 'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'danger' \| 'accent' = 'primary';\n width = '33rem';\n height = 'auto';\n hasCloseButton = false;\n hasAcceptButton = true;\n hasDismissButton = true;\n isClosedOnClickOutside = false;\n isClosedOnEscape = false;\n isHandleCloseOnDismiss = false;\n isHandleCloseOnClose = false;\n isHandleCloseOnAccept = false;\n isHandleCloseOnClickOutside = false;\n isHandleCloseOnEscape = false;\n hasFooter = true;\n isMessageBox = true;\n header = null;\n headerComponent = null;\n\n constructor(values: EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC>) {\n Object.assign(this, values);\n }\n}\n\nexport class EuiMessageBoxComponentInstances<HC, BC, FC> {\n headerComponent: HC = null;\n bodyComponent: BC = null;\n footerComponent: FC = null;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { EuiMessageBoxComponent, EuiMessageBoxFooterDirective } from './eui-message-box.component';\nimport { EuiMessageBoxService } from './services/eui-message-box.service';\n\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule, PortalModule, OverlayModule, A11yModule, DragDropModule],\n exports: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective],\n declarations: [EuiMessageBoxComponent, EuiMessageBoxFooterDirective],\n providers: [EuiMessageBoxService, EuiDialogService],\n})\nexport class EuiMessageBoxModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1.EuiMessageBoxService"],"mappings":"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"}

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

@@ -1,8 +1,10 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, EventEmitter, Input, Output, NgModule } from '@angular/core';
 import { BaseDirective } from '@eui/components/shared';
+import * as i2 from '@eui/components/eui-badge';
+import { EuiBadgeModule } from '@eui/components/eui-badge';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 class EuiOverlayHeaderComponent extends BaseDirective {
@@ -12,12 +14,12 @@ class EuiOverlayHeaderComponent extends BaseDirective {
     constructor() {
         super();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-overlay-header', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+            args: [{ selector: 'eui-overlay-header', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -30,12 +32,12 @@ class EuiOverlayBodyComponent extends BaseDirective {
     constructor() {
         super();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiOverlayBodyComponent, selector: "eui-overlay-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiOverlayBodyComponent, selector: "eui-overlay-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-overlay-body', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+            args: [{ selector: 'eui-overlay-body', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -48,17 +50,50 @@ class EuiOverlayFooterComponent extends BaseDirective {
     constructor() {
         super();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiOverlayFooterComponent, selector: "eui-overlay-footer", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiOverlayFooterComponent, selector: "eui-overlay-footer", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-overlay-footer', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+            args: [{ selector: 'eui-overlay-footer', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
+class EuiOverlayHeaderTitleComponent extends BaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses(`eui-overlay-header-title`)].join(' ').trim();
+    }
+    constructor() {
+        super();
+        this.headerTitleLabel = null;
+        this.headerTitleHideLabel = null;
+        this.headerTitleCount = null;
+        this.hide = new EventEmitter();
+    }
+    onHide() {
+        this.hide.emit();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayHeaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiOverlayHeaderTitleComponent, selector: "eui-overlay-header-title", inputs: { headerTitleLabel: "headerTitleLabel", headerTitleHideLabel: "headerTitleHideLabel", headerTitleCount: "headerTitleCount" }, outputs: { hide: "hide" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"eui-overlay-header-title\">\n    <div class=\"eui-overlay-header-title__label-wrapper\">\n        <div class=\"eui-overlay-header-title__label\">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class=\"eui-overlay-header-title__actions\">\n            <span *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n                <a (click)=\"onHide()\" class=\"eui-u-text-link\">\n                    {{ headerTitleHideLabel }}\n                </a>\n                <span class=\"ml-2 eui-u-font-size-xs eui-icon eui-icon-chevron-right\"></span>\n            </span>\n        </div>\n    </div>\n\n    <div class=\"eui-overlay-header-title__subactions-bar\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayHeaderTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-overlay-header-title', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-overlay-header-title\">\n    <div class=\"eui-overlay-header-title__label-wrapper\">\n        <div class=\"eui-overlay-header-title__label\">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class=\"eui-overlay-header-title__actions\">\n            <span *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n                <a (click)=\"onHide()\" class=\"eui-u-text-link\">\n                    {{ headerTitleHideLabel }}\n                </a>\n                <span class=\"ml-2 eui-u-font-size-xs eui-icon eui-icon-chevron-right\"></span>\n            </span>\n        </div>\n    </div>\n\n    <div class=\"eui-overlay-header-title__subactions-bar\">\n        <ng-content></ng-content>\n    </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], headerTitleLabel: [{
+                type: Input
+            }], headerTitleHideLabel: [{
+                type: Input
+            }], headerTitleCount: [{
+                type: Input
+            }], hide: [{
+                type: Output
+            }] } });
 class EuiOverlayComponent extends BaseDirective {
     get cssClasses() {
         return [
@@ -82,12 +117,12 @@ class EuiOverlayComponent extends BaseDirective {
         this.position = 'right';
         this._isActive = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: "isActive", position: "position", width: "width", fixedWidth: "fixedWidth" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\">\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:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);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"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: "isActive", position: "position", width: "width", fixedWidth: "fixedWidth" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\">\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:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);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"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-overlay', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\">\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:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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-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-35)}.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-grey-10);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
+            args: [{ selector: 'eui-overlay', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\">\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:#fff;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;cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-s)}.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;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);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__subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0}.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-35)}.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-grey-10);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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -104,16 +139,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
 /* MODULE EXPORT */
 /* ***************************************** */
 class EuiOverlayModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayModule, declarations: [EuiOverlayHeaderComponent, EuiOverlayBodyComponent, EuiOverlayFooterComponent, EuiOverlayComponent], imports: [CommonModule], exports: [EuiOverlayHeaderComponent, EuiOverlayBodyComponent, EuiOverlayFooterComponent, EuiOverlayComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, declarations: [EuiOverlayHeaderComponent,
+            EuiOverlayBodyComponent,
+            EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent], imports: [CommonModule, EuiBadgeModule], exports: [EuiOverlayHeaderComponent,
+            EuiOverlayBodyComponent,
+            EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule, EuiBadgeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiOverlayModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [EuiOverlayHeaderComponent, EuiOverlayBodyComponent, EuiOverlayFooterComponent, EuiOverlayComponent],
-                    exports: [EuiOverlayHeaderComponent, EuiOverlayBodyComponent, EuiOverlayFooterComponent, EuiOverlayComponent],
+                    imports: [CommonModule, EuiBadgeModule],
+                    declarations: [
+                        EuiOverlayHeaderComponent,
+                        EuiOverlayBodyComponent,
+                        EuiOverlayFooterComponent,
+                        EuiOverlayComponent,
+                        EuiOverlayHeaderTitleComponent,
+                    ],
+                    exports: [
+                        EuiOverlayHeaderComponent,
+                        EuiOverlayBodyComponent,
+                        EuiOverlayFooterComponent,
+                        EuiOverlayComponent,
+                        EuiOverlayHeaderTitleComponent,
+                    ],
                 }]
         }] });
@@ -121,5 +172,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
  * Generated bundle index. Do not edit.
  */
-export { EuiOverlayBodyComponent, EuiOverlayComponent, EuiOverlayFooterComponent, EuiOverlayHeaderComponent, EuiOverlayModule };
+export { EuiOverlayBodyComponent, EuiOverlayComponent, EuiOverlayFooterComponent, EuiOverlayHeaderComponent, EuiOverlayHeaderTitleComponent, EuiOverlayModule };
 //# sourceMappingURL=eui-components-eui-overlay.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-overlay.mjs","sources":["../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.ts","../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.html","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.html","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.html","../../eui-overlay/eui-overlay.component.ts","../../eui-overlay/eui-overlay.component.html","../../eui-overlay/eui-components-eui-overlay.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-overlay-header',\n templateUrl: './eui-overlay-header.component.html',\n styleUrls: ['../../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses() {\n return [super.getCssClasses(`eui-overlay-header`)].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n}\n","<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-overlay-body',\n templateUrl: './eui-overlay-body.component.html',\n styleUrls: ['../../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses() {\n return [super.getCssClasses(`eui-overlay-body`)].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n}\n","<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-overlay-footer',\n templateUrl: './eui-overlay-footer.component.html',\n styleUrls: ['../../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses() {\n return [super.getCssClasses(`eui-overlay-footer`)].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule, Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-overlay',\n templateUrl: './eui-overlay.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses(`eui-overlay`),\n this.isActive ? 'eui-overlay--is-active' : '',\n this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input()\n get isActive(): boolean {\n return this._isActive;\n }\n set isActive(value: BooleanInput) {\n this._isActive = coerceBooleanProperty(value);\n }\n @Input() position = 'right';\n @Input() width: string;\n @Input() fixedWidth: string;\n private _isActive = false;\n\n constructor() {\n super();\n }\n}\n\n/* ***************************************** /\n/ MODULE EXPORT /\n/ ***************************************** /\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiOverlayHeaderComponent, EuiOverlayBodyComponent, EuiOverlayFooterComponent, EuiOverlayComponent],\n exports: [EuiOverlayHeaderComponent, EuiOverlayBodyComponent, EuiOverlayFooterComponent, EuiOverlayComponent],\n})\nexport class EuiOverlayModule {}\n","<div ngIf=\"isActive\" class=\"eui-overlay-wrapper\">\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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-overlay.mjs","sources":["../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.ts","../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.html","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.html","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.html","../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.ts","../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.html","../../eui-overlay/eui-overlay.component.ts","../../eui-overlay/eui-overlay.component.html","../../eui-overlay/eui-components-eui-overlay.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-overlay-header',\n templateUrl: './eui-overlay-header.component.html',\n styleUrls: ['../../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses(`eui-overlay-header`)].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n}\n","<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-overlay-body',\n templateUrl: './eui-overlay-body.component.html',\n styleUrls: ['../../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses(`eui-overlay-body`)].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n}\n","<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-overlay-footer',\n templateUrl: './eui-overlay-footer.component.html',\n styleUrls: ['../../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses(`eui-overlay-footer`)].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n}\n","<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-overlay-header-title',\n templateUrl: './eui-overlay-header-title.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses(`eui-overlay-header-title`)].join(' ').trim();\n }\n\n @Input() headerTitleLabel: string = null;\n @Input() headerTitleHideLabel: string = null;\n @Input() headerTitleCount: string = null;\n\n @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n constructor() {\n super();\n }\n\n onHide(): void {\n this.hide.emit();\n }\n}\n","<div class=\"eui-overlay-header-title\">\n <div class=\"eui-overlay-header-title__label-wrapper\">\n <div class=\"eui-overlay-header-title__label\">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class=\"eui-overlay-header-title__actions\">\n <span ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\">\n {{ headerTitleHideLabel }}\n </a>\n <span class=\"ml-2 eui-u-font-size-xs eui-icon eui-icon-chevron-right\"></span>\n </span>\n </div>\n </div>\n\n <div class=\"eui-overlay-header-title__subactions-bar\">\n <ng-content></ng-content>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule, Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n selector: 'eui-overlay',\n templateUrl: './eui-overlay.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent extends BaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses(`eui-overlay`),\n this.isActive ? 'eui-overlay--is-active' : '',\n this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input()\n get isActive(): boolean {\n return this._isActive;\n }\n set isActive(value: BooleanInput) {\n this._isActive = coerceBooleanProperty(value);\n }\n @Input() position = 'right';\n @Input() width: string;\n @Input() fixedWidth: string;\n private _isActive = false;\n\n constructor() {\n super();\n }\n}\n\n/* ***************************************** /\n/ MODULE EXPORT /\n/ ***************************************** /\n@NgModule({\n imports: [CommonModule, EuiBadgeModule],\n declarations: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n exports: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n})\nexport class EuiOverlayModule {}\n","<div ngIf=\"isActive\" class=\"eui-overlay-wrapper\">\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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}