@eui/components 17.3.6-snapshot-1717751602934 → 17.3.6-snapshot-1718053871216

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/docs/components/EuiAppSidebarComponent.html +37 -0
  2. package/docs/dependencies.html +2 -2
  3. package/docs/js/search/search_index.js +2 -2
  4. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +2 -2
  5. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +2 -2
  6. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +2 -2
  7. package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
  8. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +13 -3
  9. package/esm2022/layout/eui-app/eui-app.component.mjs +1 -1
  10. package/fesm2022/eui-components-eui-overlay.mjs +8 -8
  11. package/fesm2022/eui-components-layout.mjs +13 -3
  12. package/fesm2022/eui-components-layout.mjs.map +1 -1
  13. package/layout/eui-app/eui-app-sidebar/sidebar.component.d.ts +3 -1
  14. package/layout/eui-app/eui-app-sidebar/sidebar.component.d.ts.map +1 -1
  15. package/package.json +9 -9
package/fesm2022/eui-components-eui-overlay.mjs CHANGED
@@ -57,11 +57,11 @@ class EuiOverlayHeaderComponent extends BaseDirective {
57
57
  super();
58
58
  }
59
59
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
60
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasHeaderTitle", first: true, predicate: i0.forwardRef(() => 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
60
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuiOverlayHeaderComponent, selector: "eui-overlay-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasHeaderTitle", first: true, predicate: i0.forwardRef(() => 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
61
61
  }
62
62
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayHeaderComponent, decorators: [{
63
63
  type: Component,
64
- args: [{ selector: 'eui-overlay-header', 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
64
+ args: [{ selector: 'eui-overlay-header', 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
65
65
  }], ctorParameters: () => [], propDecorators: { hasHeaderTitle: [{
66
66
  type: ContentChild,
67
67
  args: [forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }]
@@ -78,11 +78,11 @@ class EuiOverlayBodyComponent extends BaseDirective {
78
78
  super();
79
79
  }
80
80
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
81
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
81
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
82
82
  }
83
83
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayBodyComponent, decorators: [{
84
84
  type: Component,
85
- 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
85
+ 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
86
86
  }], ctorParameters: () => [], propDecorators: { cssClasses: [{
87
87
  type: HostBinding,
88
88
  args: ['class']
@@ -96,11 +96,11 @@ class EuiOverlayFooterComponent extends BaseDirective {
96
96
  super();
97
97
  }
98
98
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
99
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
99
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
100
100
  }
101
101
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayFooterComponent, decorators: [{
102
102
  type: Component,
103
- 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
103
+ 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{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
104
104
  }], ctorParameters: () => [], propDecorators: { cssClasses: [{
105
105
  type: HostBinding,
106
106
  args: ['class']
@@ -162,11 +162,11 @@ class EuiOverlayComponent extends BaseDirective {
162
162
  }
163
163
  }
164
164
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
165
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: "isActive", hasClosedOnClickOutside: "hasClosedOnClickOutside", position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
165
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: "isActive", hasClosedOnClickOutside: "hasClosedOnClickOutside", position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
166
166
  }
167
167
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiOverlayComponent, decorators: [{
168
168
  type: Component,
169
- args: [{ selector: 'eui-overlay', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
169
+ args: [{ selector: 'eui-overlay', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-base-color-white);border-left:1px solid var(--eui-base-color-grey-50);border-right:1px solid var(--eui-base-color-grey-50);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-base-color-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-25);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-base-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-base-color-danger-100)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-overlay-footer{background-color:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-25);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-base-color-primary-100);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1440px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
170
170
  }], ctorParameters: () => [], propDecorators: { cssClasses: [{
171
171
  type: HostBinding,
172
172
  args: ['class']
package/fesm2022/eui-components-layout.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as i1$1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, HostBinding, HostListener, EventEmitter, booleanAttribute, Input, Output, Inject, NgModule, ContentChild, forwardRef, ContentChildren, Host, ViewChild, Directive, ElementRef, QueryList, ComponentRef, ViewContainerRef, Injectable } from '@angular/core';
4
+ import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, HostBinding, Input, HostListener, EventEmitter, Output, Inject, NgModule, ContentChild, forwardRef, ContentChildren, Host, ViewChild, Directive, ElementRef, QueryList, ComponentRef, ViewContainerRef, Injectable } from '@angular/core';
5
5
  import * as i1$3 from '@angular/router';
6
6
  import { RouterModule } from '@angular/router';
7
7
  import { Subscription, Subject, fromEvent, startWith, BehaviorSubject } from 'rxjs';
@@ -64,6 +64,7 @@ class EuiAppSidebarComponent {
64
64
  constructor(asService) {
65
65
  this.asService = asService;
66
66
  this.string = 'eui-app-sidebar';
67
+ this.isAutocollapseOnLtDesktop = false;
67
68
  this.subscriptions = [];
68
69
  }
69
70
  close() {
@@ -82,6 +83,12 @@ class EuiAppSidebarComponent {
82
83
  ?.getState('breakpoints.isTablet')
83
84
  .pipe(filter((s) => s === true))
84
85
  .subscribe(() => (this.asService.isSidebarOpen = false)));
86
+ if (this.isAutocollapseOnLtDesktop) {
87
+ this.subscriptions.push(this.asService
88
+ ?.getState('breakpoints.isLtDesktop')
89
+ .pipe(filter((s) => s === true))
90
+ .subscribe(() => (this.asService.isSidebarOpen = false)));
91
+ }
85
92
  }
86
93
  ngOnDestroy() {
87
94
  this.subscriptions.forEach((s) => s.unsubscribe());
@@ -102,7 +109,7 @@ class EuiAppSidebarComponent {
102
109
  }
103
110
  }
104
111
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiAppSidebarComponent, deps: [{ token: i1.EuiAppShellService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
105
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuiAppSidebarComponent, selector: "eui-app-sidebar", host: { listeners: { "body:click": "close()" }, properties: { "class": "this.string" } }, ngImport: i0, template: "<div class=\"eui-app-sidebar-content\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" role=\"complementary\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</div>\n", styles: [".eui-app-sidebar{background-color:var(--eui-base-color-grey-2);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-base-shadow-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-base-color-grey-5);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-10);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-base-color-grey-2);border-top:1px solid var(--eui-base-color-grey-15);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-base-spacing-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
112
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuiAppSidebarComponent, selector: "eui-app-sidebar", inputs: { isAutocollapseOnLtDesktop: ["isAutocollapseOnLtDesktop", "isAutocollapseOnLtDesktop", booleanAttribute] }, host: { listeners: { "body:click": "close()" }, properties: { "class": "this.string" } }, ngImport: i0, template: "<div class=\"eui-app-sidebar-content\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" role=\"complementary\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</div>\n", styles: [".eui-app-sidebar{background-color:var(--eui-base-color-grey-2);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-base-shadow-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-base-color-grey-5);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-10);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-base-color-grey-2);border-top:1px solid var(--eui-base-color-grey-15);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-base-spacing-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
106
113
  }
107
114
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiAppSidebarComponent, decorators: [{
108
115
  type: Component,
@@ -112,6 +119,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
112
119
  }] }], propDecorators: { string: [{
113
120
  type: HostBinding,
114
121
  args: ['class']
122
+ }], isAutocollapseOnLtDesktop: [{
123
+ type: Input,
124
+ args: [{ transform: booleanAttribute }]
115
125
  }], close: [{
116
126
  type: HostListener,
117
127
  args: ['body:click']
@@ -1405,7 +1415,7 @@ class EuiAppComponent {
1405
1415
  this.destroy$.unsubscribe();
1406
1416
  }
1407
1417
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiAppComponent, deps: [{ token: i1.EuiAppShellService }, { token: i1.EuiGrowlService }, { token: i2$3.DeviceDetectorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
1408
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute], isSidebarExpandOnHover: ["isSidebarExpandOnHover", "isSidebarExpandOnHover", booleanAttribute], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i0.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i0.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i0.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"euiGrowlService.growlMessages\"\n [sticky]=\"euiGrowlService.isGrowlSticky\"\n [closeAllSticky]=\"euiGrowlService.isCloseAllSticky\"\n [life]=\"euiGrowlService.growlLife\"\n [position]=\"euiGrowlService.growlPosition\"\n (clicked)=\"euiGrowlService.growlCallback ? euiGrowlService.growlCallback(): null\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-base-color-grey-2);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["hasLanguageSelector"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar" }, { kind: "component", type: EuiAppSidebarComponent, selector: "eui-app-sidebar" }, { kind: "component", type: EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isCollapsed", "hasCollapsedInitials", "isFlat", "hasScrollToItem", "hasLowercaseItems", "items"], outputs: ["sidebarItemClick"] }, { kind: "component", type: i10.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked", "ariaLabel"] }, { kind: "component", type: i11.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i12.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
1418
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute], isSidebarExpandOnHover: ["isSidebarExpandOnHover", "isSidebarExpandOnHover", booleanAttribute], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i0.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i0.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i0.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"euiGrowlService.growlMessages\"\n [sticky]=\"euiGrowlService.isGrowlSticky\"\n [closeAllSticky]=\"euiGrowlService.isCloseAllSticky\"\n [life]=\"euiGrowlService.growlLife\"\n [position]=\"euiGrowlService.growlPosition\"\n (clicked)=\"euiGrowlService.growlCallback ? euiGrowlService.growlCallback(): null\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-base-color-grey-2);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["hasLanguageSelector"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar" }, { kind: "component", type: EuiAppSidebarComponent, selector: "eui-app-sidebar", inputs: ["isAutocollapseOnLtDesktop"] }, { kind: "component", type: EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isCollapsed", "hasCollapsedInitials", "isFlat", "hasScrollToItem", "hasLowercaseItems", "items"], outputs: ["sidebarItemClick"] }, { kind: "component", type: i10.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked", "ariaLabel"] }, { kind: "component", type: i11.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i12.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
1409
1419
  }
1410
1420
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiAppComponent, decorators: [{
1411
1421
  type: Component,