@eui/components 17.0.0-next.5 → 17.0.0-next.7
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.
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +5 -6
- package/esm2022/eui-buttons/eui-buttons.component.mjs +3 -3
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +6 -6
- package/esm2022/eui-dimmer/dimmer.component.mjs +3 -3
- package/esm2022/eui-disable-content/eui-disable-content.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +9 -4
- package/esm2022/eui-growl/eui-growl.component.mjs +1 -1
- package/esm2022/eui-growl/index.mjs +1 -3
- package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +2 -2
- package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +2 -2
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +3 -3
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +2 -2
- package/esm2022/eui-overlay/eui-overlay.component.mjs +9 -6
- package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +3 -3
- package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +7 -3
- package/esm2022/eui-paginator/eui-paginator.component.mjs +7 -7
- package/esm2022/eui-timebar/eui-timebar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app.component.mjs +15 -14
- package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-app/header-app.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-app-name/header-app-name.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +3 -3
- package/esm2022/layout/eui-language-selector/language-selector.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.mjs +19 -4
- package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +11 -5
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +12 -6
- package/esm2022/shared/eui-common-header/common-header.component.mjs +12 -6
- package/eui-autocomplete/eui-autocomplete.component.d.ts +2 -3
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-buttons/eui-buttons.component.d.ts +3 -3
- package/eui-buttons/eui-buttons.component.d.ts.map +1 -1
- package/eui-datepicker/eui-datepicker.component.d.ts +3 -3
- package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
- package/eui-dimmer/dimmer.component.d.ts +3 -3
- package/eui-dimmer/dimmer.component.d.ts.map +1 -1
- package/eui-disable-content/eui-disable-content.component.d.ts +1 -1
- package/eui-disable-content/eui-disable-content.component.d.ts.map +1 -1
- package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
- package/eui-growl/eui-growl.component.d.ts +1 -1
- package/eui-growl/eui-growl.component.d.ts.map +1 -1
- package/eui-growl/index.d.ts +0 -2
- package/eui-growl/index.d.ts.map +1 -1
- package/eui-overlay/eui-overlay.component.d.ts +3 -1
- package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
- package/eui-page/components/eui-page-column/eui-page-column.component.d.ts +3 -3
- package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
- package/eui-page/components/eui-page-header/eui-page-header.component.d.ts +3 -1
- package/eui-page/components/eui-page-header/eui-page-header.component.d.ts.map +1 -1
- package/eui-paginator/eui-paginator.component.d.ts +3 -3
- package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
- package/eui-timebar/eui-timebar.component.d.ts +2 -2
- package/eui-timebar/eui-timebar.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +4 -5
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-buttons.mjs +2 -2
- package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +5 -5
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dimmer.mjs +2 -2
- package/fesm2022/eui-components-eui-dimmer.mjs.map +1 -1
- package/fesm2022/eui-components-eui-disable-content.mjs +1 -1
- package/fesm2022/eui-components-eui-disable-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +8 -3
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +2 -79
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +16 -13
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +8 -4
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +6 -6
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +88 -60
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/fesm2022/eui-components-shared.mjs +11 -5
- package/fesm2022/eui-components-shared.mjs.map +1 -1
- package/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.d.ts +2 -2
- package/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-header/header.component.d.ts +3 -3
- package/layout/eui-app/eui-app-header/header.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.d.ts +2 -2
- package/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.d.ts +2 -2
- package/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts +3 -3
- package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +3 -3
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar.component.d.ts +3 -3
- package/layout/eui-app/eui-app-sidebar/sidebar.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts +3 -3
- package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts +3 -3
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app.component.d.ts +4 -4
- package/layout/eui-app/eui-app.component.d.ts.map +1 -1
- package/layout/eui-breadcrumb/breadcrumb.component.d.ts +2 -2
- package/layout/eui-breadcrumb/breadcrumb.component.d.ts.map +1 -1
- package/layout/eui-header/header-app/header-app.component.d.ts +3 -3
- package/layout/eui-header/header-app/header-app.component.d.ts.map +1 -1
- package/layout/eui-header/header-app-name/header-app-name.component.d.ts +3 -3
- package/layout/eui-header/header-app-name/header-app-name.component.d.ts.map +1 -1
- package/layout/eui-header/header-app-subtitle/header-app-subtitle.component.d.ts +3 -3
- package/layout/eui-header/header-app-subtitle/header-app-subtitle.component.d.ts.map +1 -1
- package/layout/eui-header/header-environment/header-environment.component.d.ts +2 -2
- package/layout/eui-header/header-environment/header-environment.component.d.ts.map +1 -1
- package/layout/eui-header/header-logo/header-logo.component.d.ts +2 -2
- package/layout/eui-header/header-logo/header-logo.component.d.ts.map +1 -1
- package/layout/eui-language-selector/language-selector.component.d.ts +3 -3
- package/layout/eui-language-selector/language-selector.component.d.ts.map +1 -1
- package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts +3 -3
- package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.d.ts +7 -2
- package/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts +3 -3
- package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts +3 -3
- package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
- package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts +6 -4
- package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
- package/layout/eui-user-profile/user-profile.component.d.ts +6 -3
- package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
- package/package.json +7 -7
- package/shared/eui-common-header/common-header.component.d.ts +5 -2
- package/shared/eui-common-header/common-header.component.d.ts.map +1 -1
- package/esm2022/eui-growl/models/eui-growl-message.model.mjs +0 -2
- package/esm2022/eui-growl/services/eui-growl.service.mjs +0 -79
- package/eui-growl/models/eui-growl-message.model.d.ts +0 -9
- package/eui-growl/models/eui-growl-message.model.d.ts.map +0 -1
- package/eui-growl/services/eui-growl.service.d.ts +0 -22
- package/eui-growl/services/eui-growl.service.d.ts.map +0 -1
|
@@ -3,6 +3,9 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, EventEmitter, Input, Output, NgModule } from '@angular/core';
|
|
5
5
|
import { BaseDirective } from '@eui/components/shared';
|
|
6
|
+
import { OverlayModule } from '@angular/cdk/overlay';
|
|
7
|
+
import * as i2$1 from '@angular/cdk/a11y';
|
|
8
|
+
import { A11yModule } from '@angular/cdk/a11y';
|
|
6
9
|
import * as i2 from '@eui/components/eui-badge';
|
|
7
10
|
import { EuiBadgeModule } from '@eui/components/eui-badge';
|
|
8
11
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
@@ -15,11 +18,11 @@ class EuiOverlayHeaderComponent extends BaseDirective {
|
|
|
15
18
|
super();
|
|
16
19
|
}
|
|
17
20
|
/** @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 }); }
|
|
18
|
-
/** @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
|
|
21
|
+
/** @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:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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 }); }
|
|
19
22
|
}
|
|
20
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayHeaderComponent, decorators: [{
|
|
21
24
|
type: Component,
|
|
22
|
-
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
|
|
25
|
+
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:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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"] }]
|
|
23
26
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
24
27
|
type: HostBinding,
|
|
25
28
|
args: ['class']
|
|
@@ -33,11 +36,11 @@ class EuiOverlayBodyComponent extends BaseDirective {
|
|
|
33
36
|
super();
|
|
34
37
|
}
|
|
35
38
|
/** @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 }); }
|
|
36
|
-
/** @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
|
|
39
|
+
/** @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:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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 }); }
|
|
37
40
|
}
|
|
38
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayBodyComponent, decorators: [{
|
|
39
42
|
type: Component,
|
|
40
|
-
args: [{ selector: 'eui-overlay-body', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background
|
|
43
|
+
args: [{ selector: 'eui-overlay-body', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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"] }]
|
|
41
44
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
42
45
|
type: HostBinding,
|
|
43
46
|
args: ['class']
|
|
@@ -51,11 +54,11 @@ class EuiOverlayFooterComponent extends BaseDirective {
|
|
|
51
54
|
super();
|
|
52
55
|
}
|
|
53
56
|
/** @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 }); }
|
|
54
|
-
/** @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
|
|
57
|
+
/** @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:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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 }); }
|
|
55
58
|
}
|
|
56
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayFooterComponent, decorators: [{
|
|
57
60
|
type: Component,
|
|
58
|
-
args: [{ selector: 'eui-overlay-footer', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background
|
|
61
|
+
args: [{ selector: 'eui-overlay-footer', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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"] }]
|
|
59
62
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
60
63
|
type: HostBinding,
|
|
61
64
|
args: ['class']
|
|
@@ -76,11 +79,11 @@ class EuiOverlayHeaderTitleComponent extends BaseDirective {
|
|
|
76
79
|
this.hide.emit();
|
|
77
80
|
}
|
|
78
81
|
/** @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 }); }
|
|
79
|
-
/** @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 }); }
|
|
82
|
+
/** @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\" role=\"button\" tabIndex=\"0\">\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 }); }
|
|
80
83
|
}
|
|
81
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayHeaderTitleComponent, decorators: [{
|
|
82
85
|
type: Component,
|
|
83
|
-
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" }]
|
|
86
|
+
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\" role=\"button\" tabIndex=\"0\">\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" }]
|
|
84
87
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
85
88
|
type: HostBinding,
|
|
86
89
|
args: ['class']
|
|
@@ -118,11 +121,11 @@ class EuiOverlayComponent extends BaseDirective {
|
|
|
118
121
|
this._isActive = false;
|
|
119
122
|
}
|
|
120
123
|
/** @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 }); }
|
|
121
|
-
/** @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
|
|
124
|
+
/** @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\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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"] }, { kind: "directive", type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
122
125
|
}
|
|
123
126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayComponent, decorators: [{
|
|
124
127
|
type: Component,
|
|
125
|
-
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
|
|
128
|
+
args: [{ selector: 'eui-overlay', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay);transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);cursor:default;display:flex;flex:0 0 auto}.eui-overlay-header:not(:has(.eui-overlay-header-title)){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"] }]
|
|
126
129
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
127
130
|
type: HostBinding,
|
|
128
131
|
args: ['class']
|
|
@@ -142,15 +145,15 @@ class EuiOverlayModule {
|
|
|
142
145
|
/** @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 }); }
|
|
143
146
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, declarations: [EuiOverlayHeaderComponent,
|
|
144
147
|
EuiOverlayBodyComponent,
|
|
145
|
-
EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent], imports: [CommonModule, EuiBadgeModule], exports: [EuiOverlayHeaderComponent,
|
|
148
|
+
EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent], imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule], exports: [EuiOverlayHeaderComponent,
|
|
146
149
|
EuiOverlayBodyComponent,
|
|
147
150
|
EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent] }); }
|
|
148
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule, EuiBadgeModule] }); }
|
|
151
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule] }); }
|
|
149
152
|
}
|
|
150
153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiOverlayModule, decorators: [{
|
|
151
154
|
type: NgModule,
|
|
152
155
|
args: [{
|
|
153
|
-
imports: [CommonModule, EuiBadgeModule],
|
|
156
|
+
imports: [CommonModule, EuiBadgeModule, OverlayModule, A11yModule],
|
|
154
157
|
declarations: [
|
|
155
158
|
EuiOverlayHeaderComponent,
|
|
156
159
|
EuiOverlayBodyComponent,
|
|
@@ -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/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":";;;;;;;;;AAUM,MAAO,yBAA0B,SAAQ,aAAa,CAAA;AACxD,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACvE;AAED,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;KACX;wIARQ,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,yBAAyB,uICVtC,4FAEA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;kGDQa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,OAAO,EACjC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4FAAA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,CAAA;0EAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;;AEDlB,MAAO,uBAAwB,SAAQ,aAAa,CAAA;AACtD,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACrE;AAED,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;KACX;wIARQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,uBAAuB,qICVpC,6BACA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;kGDSa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,mBAGX,uBAAuB,CAAC,OAAO,EACjC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,CAAA;0EAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;;AEDlB,MAAO,yBAA0B,SAAQ,aAAa,CAAA;AACxD,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACvE;AAED,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;KACX;wIARQ,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,yBAAyB,uICVtC,6BACA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;kGDSa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,OAAO,EACjC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,CAAA;0EAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;;AEFlB,MAAO,8BAA+B,SAAQ,aAAa,CAAA;AAC7D,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KAC7E;AAQD,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;QAPH,IAAgB,CAAA,gBAAA,GAAW,IAAI,CAAC;QAChC,IAAoB,CAAA,oBAAA,GAAW,IAAI,CAAC;QACpC,IAAgB,CAAA,gBAAA,GAAW,IAAI,CAAC;AAE/B,QAAA,IAAA,CAAA,IAAI,GAAsB,IAAI,YAAY,EAAO,CAAC;KAI3D;IAED,MAAM,GAAA;AACF,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;KACpB;wIAlBQ,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA9B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,8BAA8B,8SCT3C,o8BAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,0CAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;kGDda,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAN1C,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,mBAEnB,uBAAuB,CAAC,OAAO,EACjC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,o8BAAA,EAAA,CAAA;0EAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;gBAKX,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,oBAAoB,EAAA,CAAA;sBAA5B,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBAEI,IAAI,EAAA,CAAA;sBAAb,MAAM;;;AEDL,MAAO,mBAAoB,SAAQ,aAAa,CAAA;AAClD,IAAA,IACI,UAAU,GAAA;QACV,OAAO;AACH,YAAA,KAAK,CAAC,aAAa,CAAC,CAAA,WAAA,CAAa,CAAC;YAClC,IAAI,CAAC,QAAQ,GAAG,wBAAwB,GAAG,EAAE;AAC7C,YAAA,IAAI,CAAC,QAAQ,GAAG,kDAAkD,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE;AACvF,YAAA,IAAI,CAAC,KAAK,GAAG,+CAA+C,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE;AAC9E,YAAA,IAAI,CAAC,UAAU,GAAG,qDAAqD,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE;AACjG,SAAA;aACI,IAAI,CAAC,GAAG,CAAC;AACT,aAAA,IAAI,EAAE,CAAC;KACf;AAED,IAAA,IACI,QAAQ,GAAA;QACR,OAAO,IAAI,CAAC,SAAS,CAAC;KACzB;IACD,IAAI,QAAQ,CAAC,KAAmB,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACjD;AAMD,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;QANH,IAAQ,CAAA,QAAA,GAAG,OAAO,CAAC;QAGpB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;KAIzB;wIA5BQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,mBAAmB,kOClBhC,uPAKA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;kGDaa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,mBAGN,uBAAuB,CAAC,OAAO,EACjC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,uPAAA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,CAAA;0EAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;gBAchB,QAAQ,EAAA,CAAA;sBADX,KAAK;gBAOG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;;AAQV;AACA;AACA;MAkBa,gBAAgB,CAAA;wIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAdrB,yBAAyB;YACzB,uBAAuB;YACvB,yBAAyB,EAvCpB,mBAAmB,EAyCxB,8BAA8B,aANxB,YAAY,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CASlC,yBAAyB;YACzB,uBAAuB;YACvB,yBAAyB,EA9CpB,mBAAmB,EAgDxB,8BAA8B,CAAA,EAAA,CAAA,CAAA,EAAA;yIAGzB,gBAAgB,EAAA,OAAA,EAAA,CAhBf,YAAY,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;kGAgB7B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAjB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;AACvC,oBAAA,YAAY,EAAE;wBACV,yBAAyB;wBACzB,uBAAuB;wBACvB,yBAAyB;wBACzB,mBAAmB;wBACnB,8BAA8B;AACjC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,yBAAyB;wBACzB,uBAAuB;wBACvB,yBAAyB;wBACzB,mBAAmB;wBACnB,8BAA8B;AACjC,qBAAA;AACJ,iBAAA,CAAA;;;AEpED;;AAEG;;;;"}
|
|
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\" role=\"button\" tabIndex=\"0\">\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';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { A11yModule } from '@angular/cdk/a11y';\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, OverlayModule, A11yModule],\n declarations: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n exports: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n})\nexport class EuiOverlayModule {}\n","<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
|
|
@@ -149,13 +149,13 @@ class EuiPageColumnComponent extends BaseDirective {
|
|
|
149
149
|
this.isCollapsed = !this.isCollapsed;
|
|
150
150
|
this.collapsed.emit(this.isCollapsed);
|
|
151
151
|
}
|
|
152
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiPageColumnComponent, deps: [{ token: i1.
|
|
152
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiPageColumnComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
153
153
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiPageColumnComponent, selector: "eui-page-column", inputs: { size: "size", label: "label", subLabel: "subLabel", isCollapsible: "isCollapsible", isCollapsed: "isCollapsed", isHighlighted: "isHighlighted", interactiveScrollbars: "interactiveScrollbars", isCollapsedWithIcons: "isCollapsedWithIcons", hasSidebarMenu: "hasSidebarMenu", hasHeaderBodyShrinkable: "hasHeaderBodyShrinkable" }, outputs: { collapsed: "collapsed", headerCollapsed: "headerCollapsed" }, host: { listeners: { "window:scroll": "onBodyScoll($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customHeaderBodyContent", first: true, predicate: i0.forwardRef(function () { return EuiPageColumnHeaderBodyContentDirective; }), descendants: true }, { propertyName: "customHeaderLeftContent", first: true, predicate: i0.forwardRef(function () { return EuiPageColumnHeaderLeftContentDirective; }), descendants: true }, { propertyName: "customHeaderRightContent", first: true, predicate: i0.forwardRef(function () { return EuiPageColumnHeaderRightContentDirective; }), descendants: true }, { propertyName: "customHeaderCollapsedContent", first: true, predicate: i0.forwardRef(function () { return EuiPageColumnHeaderCollapsedContentDirective; }), descendants: true }, { propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(function () { return EuiPageColumnFooterContentDirective; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n class=\"eui-page-column__header\"\n [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n <ng-container *ngIf=\"!isCollapsedWithIcons\">\n {{ label }}\n </ng-container>\n </div>\n <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n {{ subLabel }}\n </div>\n </div>\n <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n </div>\n\n <div class=\"eui-page-column__header-right-content\">\n <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n </span>\n <button\n *ngIf=\"isCollapsible\"\n euiButton\n euiBasicButton\n euiSecondary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\n (click)=\"onToggle()\"\n [attr.aria-label]=\"isCollapsed ? 'Expand' : 'Collapse'\"\n class=\"eui-page-column__header-toggle\">\n <span\n class=\"eui-icon\"\n [class.eui-icon-angle-right]=\"isCollapsed && !(asService.state$ | async).breakpoints.isMobile\"\n [class.eui-icon-angle-left]=\"!isCollapsed && !(asService.state$ | async).breakpoints.isMobile\"\n [class.eui-icon-angle-down]=\"isCollapsed && (asService.state$ | async).breakpoints.isMobile\"\n [class.eui-icon-angle-up]=\"!isCollapsed && (asService.state$ | async).breakpoints.isMobile\">\n </span>\n </button>\n </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n *ngIf=\"customHeaderBodyContent\"\n class=\"eui-page-column__header-left-content-body\"\n [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n class=\"eui-page-column__body\"\n cdkScrollable\n tabindex=\"0\"\n [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
154
154
|
}
|
|
155
155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiPageColumnComponent, decorators: [{
|
|
156
156
|
type: Component,
|
|
157
157
|
args: [{ selector: 'eui-page-column', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n class=\"eui-page-column__header\"\n [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n <ng-container *ngIf=\"!isCollapsedWithIcons\">\n {{ label }}\n </ng-container>\n </div>\n <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n {{ subLabel }}\n </div>\n </div>\n <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n </div>\n\n <div class=\"eui-page-column__header-right-content\">\n <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n </span>\n <button\n *ngIf=\"isCollapsible\"\n euiButton\n euiBasicButton\n euiSecondary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\n (click)=\"onToggle()\"\n [attr.aria-label]=\"isCollapsed ? 'Expand' : 'Collapse'\"\n class=\"eui-page-column__header-toggle\">\n <span\n class=\"eui-icon\"\n [class.eui-icon-angle-right]=\"isCollapsed && !(asService.state$ | async).breakpoints.isMobile\"\n [class.eui-icon-angle-left]=\"!isCollapsed && !(asService.state$ | async).breakpoints.isMobile\"\n [class.eui-icon-angle-down]=\"isCollapsed && (asService.state$ | async).breakpoints.isMobile\"\n [class.eui-icon-angle-up]=\"!isCollapsed && (asService.state$ | async).breakpoints.isMobile\">\n </span>\n </button>\n </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n *ngIf=\"customHeaderBodyContent\"\n class=\"eui-page-column__header-left-content-body\"\n [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n class=\"eui-page-column__body\"\n cdkScrollable\n tabindex=\"0\"\n [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n" }]
|
|
158
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
158
|
+
}], ctorParameters: function () { return [{ type: i1.EuiAppShellService }]; }, propDecorators: { size: [{
|
|
159
159
|
type: Input
|
|
160
160
|
}], label: [{
|
|
161
161
|
type: Input
|
|
@@ -299,11 +299,11 @@ class EuiPageHeaderComponent {
|
|
|
299
299
|
this.collapse.emit(collapseState);
|
|
300
300
|
}
|
|
301
301
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
302
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiPageHeaderComponent, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", isCollapsible: "isCollapsible", isCollapsed: "isCollapsed", collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customPageHeaderActionItemsContent", first: true, predicate: i0.forwardRef(function () { return EuiPageHeaderActionItemsContentDirective; }), descendants: true }, { propertyName: "customPageHeaderBodyContent", first: true, predicate: i0.forwardRef(function () { return EuiPageBodyContentDirective; }), descendants: true }], ngImport: i0, template: "<eui-common-header [label]=\"label\" [subLabel]=\"subLabel\" [isCollapsed]=\"isCollapsed\">\n <div class=\"eui-page-header__action-items\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</eui-common-header>\n\n<eui-expand-content\n *ngIf=\"isCollapsible\"\n [isCollapsed]=\"isCollapsed\"\n (collapsed)=\"onToggle($event)\"\n [expandLabel]=\"expandedLabel\"\n [collapseLabel]=\"collapsedLabel\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</eui-expand-content>\n\n<ng-container *ngIf=\"!isCollapsible && customPageHeaderBodyContent\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</ng-container>\n\n<ng-template #body>\n <div class=\"eui-page-header__body\">\n <ng-content select=\"eui-page-header-body\"></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.EuiCommonHeaderComponent, selector: "eui-common-header", inputs: ["label", "subLabel", "isHighlighted", "isCollapsed"] }, { kind: "component", type: i2$1.EuiExpandContentComponent, selector: "eui-expand-content", inputs: ["isCollapsed", "expandLabel", "collapseLabel"], outputs: ["collapsed"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
302
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiPageHeaderComponent, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: "isCollapsible", isCollapsed: "isCollapsed", collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customPageHeaderActionItemsContent", first: true, predicate: i0.forwardRef(function () { return EuiPageHeaderActionItemsContentDirective; }), descendants: true }, { propertyName: "customPageHeaderBodyContent", first: true, predicate: i0.forwardRef(function () { return EuiPageBodyContentDirective; }), descendants: true }], ngImport: i0, template: "<eui-common-header [label]=\"label\" [subLabel]=\"subLabel\" [isCollapsed]=\"isCollapsed\" [labelTooltip]=\"labelTooltip\" [subLabelTooltip]=\"subLabelTooltip\">\n <div class=\"eui-page-header__action-items\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</eui-common-header>\n\n<eui-expand-content\n *ngIf=\"isCollapsible\"\n [isCollapsed]=\"isCollapsed\"\n (collapsed)=\"onToggle($event)\"\n [expandLabel]=\"expandedLabel\"\n [collapseLabel]=\"collapsedLabel\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</eui-expand-content>\n\n<ng-container *ngIf=\"!isCollapsible && customPageHeaderBodyContent\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</ng-container>\n\n<ng-template #body>\n <div class=\"eui-page-header__body\">\n <ng-content select=\"eui-page-header-body\"></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.EuiCommonHeaderComponent, selector: "eui-common-header", inputs: ["label", "subLabel", "labelTooltip", "subLabelTooltip", "isHighlighted", "isCollapsed"] }, { kind: "component", type: i2$1.EuiExpandContentComponent, selector: "eui-expand-content", inputs: ["isCollapsed", "expandLabel", "collapseLabel"], outputs: ["collapsed"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
303
303
|
}
|
|
304
304
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiPageHeaderComponent, decorators: [{
|
|
305
305
|
type: Component,
|
|
306
|
-
args: [{ selector: 'eui-page-header', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-common-header [label]=\"label\" [subLabel]=\"subLabel\" [isCollapsed]=\"isCollapsed\">\n <div class=\"eui-page-header__action-items\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</eui-common-header>\n\n<eui-expand-content\n *ngIf=\"isCollapsible\"\n [isCollapsed]=\"isCollapsed\"\n (collapsed)=\"onToggle($event)\"\n [expandLabel]=\"expandedLabel\"\n [collapseLabel]=\"collapsedLabel\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</eui-expand-content>\n\n<ng-container *ngIf=\"!isCollapsible && customPageHeaderBodyContent\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</ng-container>\n\n<ng-template #body>\n <div class=\"eui-page-header__body\">\n <ng-content select=\"eui-page-header-body\"></ng-content>\n </div>\n</ng-template>\n" }]
|
|
306
|
+
args: [{ selector: 'eui-page-header', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-common-header [label]=\"label\" [subLabel]=\"subLabel\" [isCollapsed]=\"isCollapsed\" [labelTooltip]=\"labelTooltip\" [subLabelTooltip]=\"subLabelTooltip\">\n <div class=\"eui-page-header__action-items\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</eui-common-header>\n\n<eui-expand-content\n *ngIf=\"isCollapsible\"\n [isCollapsed]=\"isCollapsed\"\n (collapsed)=\"onToggle($event)\"\n [expandLabel]=\"expandedLabel\"\n [collapseLabel]=\"collapsedLabel\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</eui-expand-content>\n\n<ng-container *ngIf=\"!isCollapsible && customPageHeaderBodyContent\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n</ng-container>\n\n<ng-template #body>\n <div class=\"eui-page-header__body\">\n <ng-content select=\"eui-page-header-body\"></ng-content>\n </div>\n</ng-template>\n" }]
|
|
307
307
|
}], propDecorators: { cssClasses: [{
|
|
308
308
|
type: HostBinding,
|
|
309
309
|
args: ['class']
|
|
@@ -311,6 +311,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
|
|
|
311
311
|
type: Input
|
|
312
312
|
}], subLabel: [{
|
|
313
313
|
type: Input
|
|
314
|
+
}], labelTooltip: [{
|
|
315
|
+
type: Input
|
|
316
|
+
}], subLabelTooltip: [{
|
|
317
|
+
type: Input
|
|
314
318
|
}], isCollapsible: [{
|
|
315
319
|
type: Input
|
|
316
320
|
}], isCollapsed: [{
|