@eui/components 16.2.16 → 16.2.17-snapshot-1712283114368
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/docs/components/EuiOverlayComponent.html +198 -0
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiOverlayModule.html +0 -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 +2 -3
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +2 -2
- package/esm2022/eui-overlay/eui-overlay.component.mjs +47 -20
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +1 -1
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +1 -1
- package/esm2022/layout/eui-search/search.component.mjs +1 -1
- package/eui-overlay/eui-overlay.component.d.ts +11 -8
- package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +53 -27
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +3 -3
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -97,9 +97,6 @@
|
|
|
97
97
|
<li class="list-group-item">
|
|
98
98
|
<a href="../modules/EuiIconModule.html">EuiIconModule</a>
|
|
99
99
|
</li>
|
|
100
|
-
<li class="list-group-item">
|
|
101
|
-
<a href="../modules/EuiLabelModule.html">EuiLabelModule</a>
|
|
102
|
-
</li>
|
|
103
100
|
</ul>
|
|
104
101
|
</div>
|
|
105
102
|
<div class="col-sm-3">
|
|
@@ -9,11 +9,11 @@ export class EuiOverlayBodyComponent extends BaseDirective {
|
|
|
9
9
|
super();
|
|
10
10
|
}
|
|
11
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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)
|
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayBodyComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
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)
|
|
16
|
+
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)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
18
18
|
type: HostBinding,
|
|
19
19
|
args: ['class']
|
|
@@ -9,11 +9,11 @@ export class EuiOverlayFooterComponent extends BaseDirective {
|
|
|
9
9
|
super();
|
|
10
10
|
}
|
|
11
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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)
|
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayFooterComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
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)
|
|
16
|
+
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)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
18
18
|
type: HostBinding,
|
|
19
19
|
args: ['class']
|
|
@@ -4,7 +4,6 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "@eui/components/eui-badge";
|
|
6
6
|
import * as i3 from "@eui/components/eui-icon";
|
|
7
|
-
import * as i4 from "@eui/components/eui-label";
|
|
8
7
|
export class EuiOverlayHeaderTitleComponent extends BaseDirective {
|
|
9
8
|
get cssClasses() {
|
|
10
9
|
return [super.getCssClasses('eui-overlay-header-title')].join(' ').trim();
|
|
@@ -22,7 +21,7 @@ export class EuiOverlayHeaderTitleComponent extends BaseDirective {
|
|
|
22
21
|
this.hide.emit();
|
|
23
22
|
}
|
|
24
23
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayHeaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiOverlayHeaderTitleComponent, selector: "eui-overlay-header-title", inputs: { headerTitleLabel: "headerTitleLabel", headerTitleHideLabel: "headerTitleHideLabel", headerTitleCount: "headerTitleCount" }, outputs: { hide: "hide" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"eui-overlay-header-title\">\n <div class=\"eui-overlay-header-title__label-wrapper\">\n <div class=\"eui-overlay-header-title__label\">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class=\"eui-overlay-header-title__actions\">\n <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"primary-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"eui-overlay-header-title__subactions-bar\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }
|
|
24
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiOverlayHeaderTitleComponent, selector: "eui-overlay-header-title", inputs: { headerTitleLabel: "headerTitleLabel", headerTitleHideLabel: "headerTitleHideLabel", headerTitleCount: "headerTitleCount" }, outputs: { hide: "hide" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"eui-overlay-header-title\">\n <div class=\"eui-overlay-header-title__label-wrapper\">\n <div class=\"eui-overlay-header-title__label\">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class=\"eui-overlay-header-title__actions\">\n <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"primary-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"eui-overlay-header-title__subactions-bar\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
25
|
}
|
|
27
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayHeaderTitleComponent, decorators: [{
|
|
28
27
|
type: Component,
|
|
@@ -39,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
39
38
|
}], hide: [{
|
|
40
39
|
type: Output
|
|
41
40
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2V1aS1vdmVybGF5L2NvbXBvbmVudHMvZXVpLW92ZXJsYXktaGVhZGVyL2V1aS1vdmVybGF5LWhlYWRlci10aXRsZS9ldWktb3ZlcmxheS1oZWFkZXItdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vZXVpLW92ZXJsYXkvY29tcG9uZW50cy9ldWktb3ZlcmxheS1oZWFkZXIvZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlL2V1aS1vdmVybGF5LWhlYWRlci10aXRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBUXZELE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxhQUFhO0lBQzdELElBQ0ksVUFBVTtRQUNWLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLDBCQUEwQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUUsQ0FBQztJQVVEO1FBQ0ksS0FBSyxFQUFFLENBQUM7UUFUSCxxQkFBZ0IsR0FBVyxJQUFJLENBQUM7UUFDaEMseUJBQW9CLEdBQVcsSUFBSSxDQUFDO1FBQ3BDLHFCQUFnQixHQUFXLElBQUksQ0FBQztRQUV6QyxtSEFBbUg7UUFDbkgsOERBQThEO1FBQ3BELFNBQUksR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUk1RCxDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztrSUFwQlEsOEJBQThCO3NIQUE5Qiw4QkFBOEIsOFNDVDNDLHlsQ0F1QkE7OzRGRGRhLDhCQUE4QjtrQkFOMUMsU0FBUzsrQkFDSSwwQkFBMEIsbUJBRW5CLHVCQUF1QixDQUFDLE9BQU8saUJBQ2pDLGlCQUFpQixDQUFDLElBQUk7MEVBSWpDLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtYLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUlJLElBQUk7c0JBQWIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpT3ZlcmxheUhlYWRlclRpdGxlQ29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtzdXBlci5nZXRDc3NDbGFzc2VzKCdldWktb3ZlcmxheS1oZWFkZXItdGl0bGUnKV0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBoZWFkZXJUaXRsZUxhYmVsOiBzdHJpbmcgPSBudWxsO1xuICAgIEBJbnB1dCgpIGhlYWRlclRpdGxlSGlkZUxhYmVsOiBzdHJpbmcgPSBudWxsO1xuICAgIEBJbnB1dCgpIGhlYWRlclRpdGxlQ291bnQ6IHN0cmluZyA9IG51bGw7XG5cbiAgICAvLyBUT0RPOiBmaW5kIHRoZSBjb3JyZWN0IHR5cGUgb3IgdHVybiBpbnRvIGEgZ2VuZXJpYywgaHR0cHM6Ly93d3cudHlwZXNjcmlwdGxhbmcub3JnL2RvY3MvaGFuZGJvb2svMi9nZW5lcmljcy5odG1sXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBAT3V0cHV0KCkgaGlkZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG9uSGlkZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5oaWRlLmVtaXQoKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1vdmVybGF5LWhlYWRlci10aXRsZV9fbGFiZWwtd3JhcHBlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlX19sYWJlbFwiPlxuICAgICAgICAgICAge3sgaGVhZGVyVGl0bGVMYWJlbCB9fVxuICAgICAgICAgICAgPGV1aS1iYWRnZSBldWlTaXplTCAqbmdJZj1cImhlYWRlclRpdGxlQ291bnRcIiBjbGFzcz1cImV1aS1vdmVybGF5LWhlYWRlci10aXRsZV9fbGFiZWwtY291bnQgZXVpLXUtbWwtc1wiPlxuICAgICAgICAgICAgICAgIHt7IGhlYWRlclRpdGxlQ291bnQgfX1cbiAgICAgICAgICAgIDwvZXVpLWJhZGdlPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlX19hY3Rpb25zXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaGVhZGVyVGl0bGVIaWRlTGFiZWxcIiBjbGFzcz1cImV1aS1vdmVybGF5LWhlYWRlci10aXRsZV9fYWN0aW9ucy1oaWRlXCI+XG4gICAgICAgICAgICAgICAgPGEgKGNsaWNrKT1cIm9uSGlkZSgpXCIgY2xhc3M9XCJldWktb3ZlcmxheS1oZWFkZXItdGl0bGVfX2FjdGlvbnMtaGlkZS1saW5rIGV1aS11LXRleHQtbGlua1wiIHJvbGU9XCJidXR0b25cIiB0YWJpbmRleD1cIjBcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gZXVpTGFiZWw+e3sgaGVhZGVyVGl0bGVIaWRlTGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1jaGV2cm9uLWZvcndhcmRcIiBzZXQ9XCJldWlcIiBzaXplPVwic1wiIGZpbGxDb2xvcj1cInByaW1hcnktMTAwXCIgY2xhc3M9XCJldWktdS1tbC14c1wiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJldWktb3ZlcmxheS1oZWFkZXItdGl0bGVfX3N1YmFjdGlvbnMtYmFyXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -13,11 +13,11 @@ export class EuiOverlayHeaderComponent extends BaseDirective {
|
|
|
13
13
|
super();
|
|
14
14
|
}
|
|
15
15
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasHeaderTitle", first: true, predicate: i0.forwardRef(function () { return EuiOverlayHeaderTitleComponent; }), descendants: true }], 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)
|
|
16
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasHeaderTitle", first: true, predicate: i0.forwardRef(function () { return EuiOverlayHeaderTitleComponent; }), descendants: true }], 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)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayHeaderComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
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)
|
|
20
|
+
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)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { hasHeaderTitle: [{
|
|
22
22
|
type: ContentChild,
|
|
23
23
|
args: [forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }]
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule, Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter } from '@angular/core';
|
|
3
|
-
import { BaseDirective } from '@eui/components/shared';
|
|
4
|
-
import { OverlayModule } from '@angular/cdk/overlay';
|
|
5
3
|
import { A11yModule } from '@angular/cdk/a11y';
|
|
6
4
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
5
|
+
import { BaseDirective } from '@eui/components/shared';
|
|
7
6
|
import { EuiBadgeModule } from '@eui/components/eui-badge';
|
|
8
7
|
import { EuiIconModule } from '@eui/components/eui-icon';
|
|
9
|
-
import { EuiLabelModule } from '@eui/components/eui-label';
|
|
10
8
|
import { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';
|
|
11
9
|
import { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';
|
|
12
10
|
import { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';
|
|
@@ -15,13 +13,6 @@ import * as i0 from "@angular/core";
|
|
|
15
13
|
import * as i1 from "@angular/common";
|
|
16
14
|
import * as i2 from "@angular/cdk/a11y";
|
|
17
15
|
export class EuiOverlayComponent extends BaseDirective {
|
|
18
|
-
constructor() {
|
|
19
|
-
super(...arguments);
|
|
20
|
-
this.role = 'dialog';
|
|
21
|
-
this.activeState = new EventEmitter;
|
|
22
|
-
this.position = 'right';
|
|
23
|
-
this._isActive = false;
|
|
24
|
-
}
|
|
25
16
|
get cssClasses() {
|
|
26
17
|
return [
|
|
27
18
|
super.getCssClasses('eui-overlay'),
|
|
@@ -29,6 +20,7 @@ export class EuiOverlayComponent extends BaseDirective {
|
|
|
29
20
|
this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',
|
|
30
21
|
this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',
|
|
31
22
|
this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',
|
|
23
|
+
this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',
|
|
32
24
|
]
|
|
33
25
|
.join(' ')
|
|
34
26
|
.trim();
|
|
@@ -39,36 +31,71 @@ export class EuiOverlayComponent extends BaseDirective {
|
|
|
39
31
|
set isActive(value) {
|
|
40
32
|
this._isActive = coerceBooleanProperty(value);
|
|
41
33
|
}
|
|
34
|
+
get hasClosedOnClickOutside() {
|
|
35
|
+
return this._hasClosedOnClickOutside;
|
|
36
|
+
}
|
|
37
|
+
set hasClosedOnClickOutside(value) {
|
|
38
|
+
this._hasClosedOnClickOutside = coerceBooleanProperty(value);
|
|
39
|
+
}
|
|
40
|
+
constructor() {
|
|
41
|
+
super();
|
|
42
|
+
this.role = 'dialog';
|
|
43
|
+
this.position = 'right';
|
|
44
|
+
this.activeState = new EventEmitter;
|
|
45
|
+
this._isActive = false;
|
|
46
|
+
this._hasClosedOnClickOutside = false;
|
|
47
|
+
}
|
|
42
48
|
onKeydown(event) {
|
|
43
49
|
if (event.key === 'Escape') {
|
|
44
50
|
this.activeState.emit(false);
|
|
45
51
|
}
|
|
46
52
|
}
|
|
47
|
-
|
|
48
|
-
|
|
53
|
+
onClick(event) {
|
|
54
|
+
if (this.hasClosedOnClickOutside) {
|
|
55
|
+
let targetElement = event.target;
|
|
56
|
+
let isInsideOverlay = false;
|
|
57
|
+
while (targetElement) {
|
|
58
|
+
if (targetElement.classList.contains('eui-overlay')) {
|
|
59
|
+
isInsideOverlay = true;
|
|
60
|
+
break;
|
|
61
|
+
}
|
|
62
|
+
targetElement = targetElement.parentElement;
|
|
63
|
+
}
|
|
64
|
+
if (!isInsideOverlay && this.isActive) {
|
|
65
|
+
this.activeState.emit(false);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: "isActive", hasClosedOnClickOutside: "hasClosedOnClickOutside", position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
49
71
|
}
|
|
50
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayComponent, decorators: [{
|
|
51
73
|
type: Component,
|
|
52
|
-
args: [{ selector: 'eui-overlay', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)
|
|
53
|
-
}], propDecorators: { cssClasses: [{
|
|
74
|
+
args: [{ selector: 'eui-overlay', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{align-items:center;display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-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.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
|
|
75
|
+
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
54
76
|
type: HostBinding,
|
|
55
77
|
args: ['class']
|
|
56
78
|
}], role: [{
|
|
57
79
|
type: HostBinding,
|
|
58
80
|
args: ['attr.role']
|
|
59
|
-
}], activeState: [{
|
|
60
|
-
type: Output
|
|
61
81
|
}], isActive: [{
|
|
62
82
|
type: Input
|
|
83
|
+
}], hasClosedOnClickOutside: [{
|
|
84
|
+
type: Input
|
|
63
85
|
}], position: [{
|
|
64
86
|
type: Input
|
|
65
87
|
}], width: [{
|
|
66
88
|
type: Input
|
|
67
89
|
}], fixedWidth: [{
|
|
68
90
|
type: Input
|
|
91
|
+
}], activeState: [{
|
|
92
|
+
type: Output
|
|
69
93
|
}], onKeydown: [{
|
|
70
94
|
type: HostListener,
|
|
71
95
|
args: ['keydown', ['$event']]
|
|
96
|
+
}], onClick: [{
|
|
97
|
+
type: HostListener,
|
|
98
|
+
args: ['document:click', ['$event']]
|
|
72
99
|
}] } });
|
|
73
100
|
/* ***************************************** */
|
|
74
101
|
/* MODULE EXPORT */
|
|
@@ -77,15 +104,15 @@ export class EuiOverlayModule {
|
|
|
77
104
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
78
105
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayModule, declarations: [EuiOverlayHeaderComponent,
|
|
79
106
|
EuiOverlayBodyComponent,
|
|
80
|
-
EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent], imports: [CommonModule, EuiBadgeModule,
|
|
107
|
+
EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent], imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule], exports: [EuiOverlayHeaderComponent,
|
|
81
108
|
EuiOverlayBodyComponent,
|
|
82
109
|
EuiOverlayFooterComponent, EuiOverlayComponent, EuiOverlayHeaderTitleComponent] }); }
|
|
83
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule, EuiBadgeModule,
|
|
110
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayModule, imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule] }); }
|
|
84
111
|
}
|
|
85
112
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiOverlayModule, decorators: [{
|
|
86
113
|
type: NgModule,
|
|
87
114
|
args: [{
|
|
88
|
-
imports: [CommonModule, EuiBadgeModule,
|
|
115
|
+
imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule],
|
|
89
116
|
declarations: [
|
|
90
117
|
EuiOverlayHeaderComponent,
|
|
91
118
|
EuiOverlayBodyComponent,
|
|
@@ -102,4 +129,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
102
129
|
],
|
|
103
130
|
}]
|
|
104
131
|
}] });
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW92ZXJsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0gsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDO0FBRTVFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTNELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ25HLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDZGQUE2RixDQUFDOzs7O0FBUTdJLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxhQUFhO0lBTnREOztRQW9COEIsU0FBSSxHQUFHLFFBQVEs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cUJBQ2pDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuXG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IEV1aUJhZGdlTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1iYWRnZSc7XG5pbXBvcnQgeyBFdWlJY29uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1pY29uJztcbmltcG9ydCB7IEV1aUxhYmVsTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1sYWJlbCc7XG5cbmltcG9ydCB7IEV1aU92ZXJsYXlIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZXVpLW92ZXJsYXktaGVhZGVyL2V1aS1vdmVybGF5LWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpT3ZlcmxheUJvZHlDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZXVpLW92ZXJsYXktYm9keS9ldWktb3ZlcmxheS1ib2R5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlPdmVybGF5Rm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2V1aS1vdmVybGF5LWZvb3Rlci9ldWktb3ZlcmxheS1mb290ZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEV1aU92ZXJsYXlIZWFkZXJUaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ldWktb3ZlcmxheS1oZWFkZXIvZXVpLW92ZXJsYXktaGVhZGVyLXRpdGxlL2V1aS1vdmVybGF5LWhlYWRlci10aXRsZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1vdmVybGF5JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aU92ZXJsYXlDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLW92ZXJsYXknKSxcbiAgICAgICAgICAgIHRoaXMuaXNBY3RpdmUgPyAnZXVpLW92ZXJsYXktLWlzLWFjdGl2ZScgOiAnJyxcbiAgICAgICAgICAgIHRoaXMucG9zaXRpb24gPyAnZXVpLW92ZXJsYXktb2Zmc2V0IGV1aS1vdmVybGF5LW9mZnNldC0tcG9zaXRpb24tJyArIHRoaXMucG9zaXRpb24gOiAnJyxcbiAgICAgICAgICAgIHRoaXMud2lkdGggPyAnZXVpLW92ZXJsYXktb2Zmc2V0IGV1aS1vdmVybGF5LW9mZnNldC0td2lkdGgtJyArIHRoaXMud2lkdGggOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZml4ZWRXaWR0aCA/ICdldWktb3ZlcmxheS1vZmZzZXQgZXVpLW92ZXJsYXktb2Zmc2V0LS1maXhlZC13aWR0aC0nICsgdGhpcy5maXhlZFdpZHRoIDogJycsXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2RpYWxvZyc7XG5cbiAgICBAT3V0cHV0KCkgYWN0aXZlU3RhdGUgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+O1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaXNBY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0FjdGl2ZTtcbiAgICB9XG4gICAgc2V0IGlzQWN0aXZlKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNBY3RpdmUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBASW5wdXQoKSBwb3NpdGlvbiA9ICdyaWdodCc7XG4gICAgQElucHV0KCkgd2lkdGg6IHN0cmluZztcbiAgICBASW5wdXQoKSBmaXhlZFdpZHRoOiBzdHJpbmc7XG4gICAgcHJpdmF0ZSBfaXNBY3RpdmUgPSBmYWxzZTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIG9uS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgICAgICBpZihldmVudC5rZXkgPT09J0VzY2FwZScpe1xuICAgICAgICAgICAgdGhpcy5hY3RpdmVTdGF0ZS5lbWl0KGZhbHNlKTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLyogKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbi8qIE1PRFVMRSBFWFBPUlQgKi9cbi8qICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEV1aUJhZGdlTW9kdWxlLCBPdmVybGF5TW9kdWxlLCBBMTF5TW9kdWxlLCBFdWlJY29uTW9kdWxlLCBFdWlMYWJlbE1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEV1aU92ZXJsYXlIZWFkZXJDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlCb2R5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Rm9vdGVyQ29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5SGVhZGVyVGl0bGVDb21wb25lbnQsXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEV1aU92ZXJsYXlIZWFkZXJDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlCb2R5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Rm9vdGVyQ29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5SGVhZGVyVGl0bGVDb21wb25lbnQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpT3ZlcmxheU1vZHVsZSB7fVxuIiwiPGRpdiAqbmdJZj1cImlzQWN0aXZlXCIgY2xhc3M9XCJldWktb3ZlcmxheS13cmFwcGVyXCIgY2RrVHJhcEZvY3VzIFtjZGtUcmFwRm9jdXNBdXRvQ2FwdHVyZV09XCJ0cnVlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLW92ZXJsYXktaGVhZGVyXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1vdmVybGF5LWJvZHlcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLW92ZXJsYXktZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
132
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW92ZXJsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLW92ZXJsYXkvZXVpLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0gsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBZ0IsTUFBTSx1QkFBdUIsQ0FBQztBQUU1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV6RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUNuRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw2RkFBNkYsQ0FBQzs7OztBQVE3SSxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsYUFBYTtJQUNsRCxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDbEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxD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QUFFLENBQUMsUUFBUSxDQUFDOztBQXFCOUMsK0NBQStDO0FBQy9DLG1CQUFtQjtBQUNuQiwrQ0FBK0M7QUFrQi9DLE1BQU0sT0FBTyxnQkFBZ0I7a0lBQWhCLGdCQUFnQjttSUFBaEIsZ0JBQWdCLGlCQWRyQix5QkFBeUI7WUFDekIsdUJBQXVCO1lBQ3ZCLHlCQUF5QixFQWpGcEIsbUJBQW1CLEVBbUZ4Qiw4QkFBOEIsYUFOeEIsWUFBWSxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsYUFBYSxhQVM3RCx5QkFBeUI7WUFDekIsdUJBQXVCO1lBQ3ZCLHlCQUF5QixFQXhGcEIsbUJBQW1CLEVBMEZ4Qiw4QkFBOEI7bUlBR3pCLGdCQUFnQixZQWhCZixZQUFZLEVBQUUsY0FBYyxFQUFFLFVBQVUsRUFBRSxhQUFhOzs0RkFnQnhELGdCQUFnQjtrQkFqQjVCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDO29CQUNsRSxZQUFZLEVBQUU7d0JBQ1YseUJBQXlCO3dCQUN6Qix1QkFBdUI7d0JBQ3ZCLHlCQUF5Qjt3QkFDekIsbUJBQW1CO3dCQUNuQiw4QkFBOEI7cUJBQ2pDO29CQUNELE9BQU8sRUFBRTt3QkFDTCx5QkFBeUI7d0JBQ3pCLHVCQUF1Qjt3QkFDdkIseUJBQXlCO3dCQUN6QixtQkFBbUI7d0JBQ25CLDhCQUE4QjtxQkFDakM7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgSG9zdExpc3RlbmVyLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQTExeU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuaW1wb3J0IHsgRXVpQmFkZ2VNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWJhZGdlJztcbmltcG9ydCB7IEV1aUljb25Nb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWljb24nO1xuXG5pbXBvcnQgeyBFdWlPdmVybGF5SGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2V1aS1vdmVybGF5LWhlYWRlci9ldWktb3ZlcmxheS1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEV1aU92ZXJsYXlCb2R5Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2V1aS1vdmVybGF5LWJvZHkvZXVpLW92ZXJsYXktYm9keS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpT3ZlcmxheUZvb3RlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ldWktb3ZlcmxheS1mb290ZXIvZXVpLW92ZXJsYXktZm9vdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlPdmVybGF5SGVhZGVyVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZXVpLW92ZXJsYXktaGVhZGVyL2V1aS1vdmVybGF5LWhlYWRlci10aXRsZS9ldWktb3ZlcmxheS1oZWFkZXItdGl0bGUuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktb3ZlcmxheScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1vdmVybGF5LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlPdmVybGF5Q29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHN1cGVyLmdldENzc0NsYXNzZXMoJ2V1aS1vdmVybGF5JyksXG4gICAgICAgICAgICB0aGlzLmlzQWN0aXZlID8gJ2V1aS1vdmVybGF5LS1pcy1hY3RpdmUnIDogJycsXG4gICAgICAgICAgICB0aGlzLnBvc2l0aW9uID8gJ2V1aS1vdmVybGF5LW9mZnNldCBldWktb3ZlcmxheS1vZmZzZXQtLXBvc2l0aW9uLScgKyB0aGlzLnBvc2l0aW9uIDogJycsXG4gICAgICAgICAgICB0aGlzLndpZHRoID8gJ2V1aS1vdmVybGF5LW9mZnNldCBldWktb3ZlcmxheS1vZmZzZXQtLXdpZHRoLScgKyB0aGlzLndpZHRoIDogJycsXG4gICAgICAgICAgICB0aGlzLmZpeGVkV2lkdGggPyAnZXVpLW92ZXJsYXktb2Zmc2V0IGV1aS1vdmVybGF5LW9mZnNldC0tZml4ZWQtd2lkdGgtJyArIHRoaXMuZml4ZWRXaWR0aCA6ICcnLFxuICAgICAgICAgICAgdGhpcy5oYXNDbG9zZWRPbkNsaWNrT3V0c2lkZSA/ICdldWktb3ZlcmxheS0tc2xpZGVJblJpZ2h0JyA6ICcnLFxuICAgICAgICBdXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgICAgICAudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdkaWFsb2cnO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaXNBY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0FjdGl2ZTtcbiAgICB9XG4gICAgc2V0IGlzQWN0aXZlKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNBY3RpdmUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBASW5wdXQoKVxuICAgIGdldCBoYXNDbG9zZWRPbkNsaWNrT3V0c2lkZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2hhc0Nsb3NlZE9uQ2xpY2tPdXRzaWRlO1xuICAgIH1cbiAgICBzZXQgaGFzQ2xvc2VkT25DbGlja091dHNpZGUodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9oYXNDbG9zZWRPbkNsaWNrT3V0c2lkZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgcG9zaXRpb24gPSAncmlnaHQnO1xuICAgIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZml4ZWRXaWR0aDogc3RyaW5nO1xuXG4gICAgQE91dHB1dCgpIGFjdGl2ZVN0YXRlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPjtcblxuICAgIHByaXZhdGUgX2lzQWN0aXZlID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfaGFzQ2xvc2VkT25DbGlja091dHNpZGUgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIG9uS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgICAgICBpZihldmVudC5rZXkgPT09J0VzY2FwZScpe1xuICAgICAgICAgICAgdGhpcy5hY3RpdmVTdGF0ZS5lbWl0KGZhbHNlKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmhhc0Nsb3NlZE9uQ2xpY2tPdXRzaWRlKSB7XG4gICAgICAgICAgICBsZXQgdGFyZ2V0RWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcbiAgICAgICAgICAgIGxldCBpc0luc2lkZU92ZXJsYXkgPSBmYWxzZTtcbiAgICBcbiAgICAgICAgICAgIHdoaWxlICh0YXJnZXRFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgaWYgKHRhcmdldEVsZW1lbnQuY2xhc3NMaXN0LmNvbnRhaW5zKCdldWktb3ZlcmxheScpKSB7XG4gICAgICAgICAgICAgICAgICAgIGlzSW5zaWRlT3ZlcmxheSA9IHRydWU7XG4gICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0YXJnZXRFbGVtZW50ID0gdGFyZ2V0RWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgICAgICAgICAgfVxuICAgIFxuICAgICAgICAgICAgaWYgKCFpc0luc2lkZU92ZXJsYXkgJiYgdGhpcy5pc0FjdGl2ZSkge1xuICAgICAgICAgICAgICAgIHRoaXMuYWN0aXZlU3RhdGUuZW1pdChmYWxzZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG5cbi8qICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqICovXG4vKiBNT0RVTEUgRVhQT1JUICovXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFdWlCYWRnZU1vZHVsZSwgQTExeU1vZHVsZSwgRXVpSWNvbk1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEV1aU92ZXJsYXlIZWFkZXJDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlCb2R5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Rm9vdGVyQ29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5SGVhZGVyVGl0bGVDb21wb25lbnQsXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEV1aU92ZXJsYXlIZWFkZXJDb21wb25lbnQsXG4gICAgICAgIEV1aU92ZXJsYXlCb2R5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Rm9vdGVyQ29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5Q29tcG9uZW50LFxuICAgICAgICBFdWlPdmVybGF5SGVhZGVyVGl0bGVDb21wb25lbnQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpT3ZlcmxheU1vZHVsZSB7fVxuIiwiPGRpdiAqbmdJZj1cImlzQWN0aXZlXCIgY2xhc3M9XCJldWktb3ZlcmxheS13cmFwcGVyXCIgY2RrVHJhcEZvY3VzIFtjZGtUcmFwRm9jdXNBdXRvQ2FwdHVyZV09XCJ0cnVlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLW92ZXJsYXktaGVhZGVyXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1vdmVybGF5LWJvZHlcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLW92ZXJsYXktZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -182,7 +182,7 @@ export class EuiNotificationsComponent {
|
|
|
182
182
|
return unreadNotifications.length;
|
|
183
183
|
}
|
|
184
184
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
185
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i6.EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
185
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i6.EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
186
186
|
}
|
|
187
187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
|
|
188
188
|
type: Component,
|