@eui/components 18.0.0-rc.24 → 18.0.0-rc.25

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 (70) hide show
  1. package/docs/components/EuiPageBreadcrumbComponent.html +8 -0
  2. package/docs/components/EuiPageColumnComponent.html +19 -113
  3. package/docs/components/EuiPageColumnsComponent.html +8 -0
  4. package/docs/components/EuiPageComponent.html +8 -0
  5. package/docs/components/EuiPageContentComponent.html +8 -0
  6. package/docs/components/EuiPageFooterComponent.html +8 -0
  7. package/docs/components/EuiPageHeaderActionItemsComponent.html +8 -0
  8. package/docs/components/EuiPageHeaderBodyComponent.html +8 -0
  9. package/docs/components/EuiPageHeaderComponent.html +15 -2
  10. package/docs/components/EuiPageHeaderSubLabelComponent.html +8 -0
  11. package/docs/components/EuiPageHeroHeaderComponent.html +8 -0
  12. package/docs/components/EuiPageTopContentComponent.html +8 -0
  13. package/docs/dependencies.html +3 -1
  14. package/docs/directives/EuiPageColumnBodyContentDirective.html +4 -0
  15. package/docs/directives/EuiPageColumnFooterContentDirective.html +4 -0
  16. package/docs/directives/EuiPageColumnHeaderBodyContentDirective.html +4 -0
  17. package/docs/directives/EuiPageColumnHeaderCollapsedContentDirective.html +4 -0
  18. package/docs/directives/EuiPageColumnHeaderLeftContentDirective.html +4 -0
  19. package/docs/directives/EuiPageColumnHeaderRightContentDirective.html +4 -0
  20. package/docs/js/menu-wc.js +87 -17
  21. package/docs/js/menu-wc_es5.js +1 -1
  22. package/docs/js/search/search_index.js +2 -2
  23. package/docs/miscellaneous/variables.html +51 -51
  24. package/docs/modules/EuiHeaderModule.html +68 -20
  25. package/docs/modules/EuiPageModule.html +95 -17
  26. package/docs/modules/EuiToolbarModule.html +68 -20
  27. package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +5 -3
  28. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +29 -42
  29. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +5 -3
  30. package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +5 -3
  31. package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +5 -3
  32. package/esm2022/eui-page/components/eui-page-header/components/eui-page-header-action-items.component.mjs +5 -3
  33. package/esm2022/eui-page/components/eui-page-header/components/eui-page-header-body.component.mjs +5 -3
  34. package/esm2022/eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.mjs +5 -3
  35. package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +14 -6
  36. package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +4 -4
  37. package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +5 -3
  38. package/esm2022/eui-page/eui-page.component.mjs +4 -4
  39. package/esm2022/eui-page/eui-page.module.mjs +9 -28
  40. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +2 -2
  41. package/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.d.ts +1 -1
  42. package/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.d.ts.map +1 -1
  43. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts +7 -8
  44. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  45. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts +1 -1
  46. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts.map +1 -1
  47. package/eui-page/components/eui-page-content/eui-page-content.component.d.ts +1 -1
  48. package/eui-page/components/eui-page-content/eui-page-content.component.d.ts.map +1 -1
  49. package/eui-page/components/eui-page-footer/eui-page-footer.component.d.ts +1 -1
  50. package/eui-page/components/eui-page-footer/eui-page-footer.component.d.ts.map +1 -1
  51. package/eui-page/components/eui-page-header/components/eui-page-header-action-items.component.d.ts +1 -1
  52. package/eui-page/components/eui-page-header/components/eui-page-header-action-items.component.d.ts.map +1 -1
  53. package/eui-page/components/eui-page-header/components/eui-page-header-body.component.d.ts +1 -1
  54. package/eui-page/components/eui-page-header/components/eui-page-header-body.component.d.ts.map +1 -1
  55. package/eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.d.ts +1 -1
  56. package/eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.d.ts.map +1 -1
  57. package/eui-page/components/eui-page-header/eui-page-header.component.d.ts +1 -1
  58. package/eui-page/components/eui-page-header/eui-page-header.component.d.ts.map +1 -1
  59. package/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.d.ts +1 -1
  60. package/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.d.ts.map +1 -1
  61. package/eui-page/components/eui-page-top-content/eui-page-top-content.component.d.ts +1 -1
  62. package/eui-page/components/eui-page-top-content/eui-page-top-content.component.d.ts.map +1 -1
  63. package/eui-page/eui-page.component.d.ts +1 -1
  64. package/eui-page/eui-page.component.d.ts.map +1 -1
  65. package/eui-page/eui-page.module.d.ts +1 -6
  66. package/eui-page/eui-page.module.d.ts.map +1 -1
  67. package/fesm2022/eui-components-eui-page.mjs +73 -83
  68. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  69. package/fesm2022/eui-components-eui-sidebar-menu.mjs +2 -2
  70. package/package.json +3 -3
package/fesm2022/eui-components-eui-page.mjs CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ViewEncapsulation, HostBinding, ContentChild, EventEmitter, forwardRef, booleanAttribute, Host, Optional, Inject, Input, Output, HostListener, Directive, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, ContentChild, EventEmitter, forwardRef, booleanAttribute, Host, Optional, Inject, Input, Output, Directive, NgModule } from '@angular/core';
3
3
  import { Subject, debounceTime, takeUntil } from 'rxjs';
4
- import * as i3 from '@angular/common';
5
- import { CommonModule } from '@angular/common';
6
- import * as i6 from '@angular/cdk/scrolling';
7
- import { CdkScrollableModule } from '@angular/cdk/scrolling';
8
4
  import * as i2 from '@eui/components/shared';
9
5
  import { BaseStatesDirective } from '@eui/components/shared';
10
- import * as i1 from '@eui/core';
6
+ import * as i3 from '@eui/components/eui-icon';
7
+ import { EuiIconModule } from '@eui/components/eui-icon';
11
8
  import * as i4 from '@eui/components/eui-button';
12
9
  import { EuiButtonModule } from '@eui/components/eui-button';
13
- import * as i5 from '@eui/components/eui-icon';
14
- import { EuiIconModule } from '@eui/components/eui-icon';
15
- import * as i3$1 from '@eui/components/directives';
16
- import { EuiResizableDirectiveModule, EuiTooltipDirectiveModule } from '@eui/components/directives';
10
+ import * as i5 from 'ngx-scrollbar';
11
+ import { NgScrollbarModule } from 'ngx-scrollbar';
12
+ import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
13
+ import * as i1 from '@eui/core';
14
+ import * as i2$1 from '@eui/components/directives';
15
+ import { EuiTooltipDirectiveModule } from '@eui/components/directives';
17
16
 
18
17
  class EuiPageColumnsComponent {
19
18
  constructor(host, zone) {
@@ -34,14 +33,16 @@ class EuiPageColumnsComponent {
34
33
  this.observer.unobserve(this.host.nativeElement);
35
34
  }
36
35
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
37
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnsComponent, selector: "eui-page-columns", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
36
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnsComponent, isStandalone: true, selector: "eui-page-columns", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
38
37
  }
39
38
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnsComponent, decorators: [{
40
39
  type: Component,
41
40
  args: [{
42
41
  selector: 'eui-page-columns',
43
42
  template: '<ng-content></ng-content>',
43
+ changeDetection: ChangeDetectionStrategy.Default,
44
44
  encapsulation: ViewEncapsulation.None,
45
+ standalone: true,
45
46
  }]
46
47
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { class: [{
47
48
  type: HostBinding
@@ -52,11 +53,11 @@ class EuiPageComponent {
52
53
  return ['eui-page', this.columns ? 'eui-page--with-columns' : ''].join(' ').trim();
53
54
  }
54
55
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
55
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageComponent, selector: "eui-page", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "columns", first: true, predicate: EuiPageColumnsComponent, descendants: true, static: true }], ngImport: i0, template: "<ng-content select=\"eui-page-breadcrumb\"></ng-content>\n<ng-content select=\"eui-page-top-content\"></ng-content>\n<ng-content select=\"eui-page-hero-header\"></ng-content>\n<ng-content select=\"eui-page-header\"></ng-content>\n<ng-content select=\"eui-page-content\"></ng-content>\n<ng-content select=\"eui-page-footer\"></ng-content>\n<ng-content select=\"eui-page-columns\"></ng-content>\n", styles: [".eui-page{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%}@media screen and (min-width: 996px){.eui-app.ff.sidebar--close .eui-page{margin-left:var(--eui-s-m);padding-right:var(--eui-s-m)}}.eui-page--with-columns{bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow:auto;position:absolute;top:0;width:100%}.eui-page-breadcrumb{display:flex;position:relative;width:100%}.eui-page-breadcrumb+.eui-page-header{padding:0 var(--eui-s-m)!important}.eui-page-header{flex-direction:column;flex-shrink:0;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-page-header.eui-page-header--collapsible{padding:var(--eui-s-m)}.eui-page-header.eui-page-header--collapsible+.eui-page-content{margin-top:calc(-2.25 * var(--eui-s-m))}.eui-page-header.eui-page-header--multilines .eui-common-header__label-text,.eui-page-header.eui-page-header--multilines .eui-common-header__sub-label-text{overflow:visible;text-overflow:unset;white-space:unset}.eui-page-header.eui-page-header--multilines .eui-common-header__actions{align-self:flex-start}.eui-page-header-action-items{gap:var(--eui-s-s);display:flex;align-items:flex-end}.eui-page-header-body{flex:1 1 100%;width:100%}.eui-page-header-sub-label,.eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;justify-content:space-between;width:100%;font:var(--eui-f-2xl)}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-c-neutral);display:flex;justify-content:space-between;width:100%;opacity:.85;font:var(--eui-f-l)}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-s-s)}.eui-common-header__body{display:flex;padding:var(--eui-s-m);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-s-xs));left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-c-white);border-bottom:2px solid var(eui-c-neutral-lighter);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-s)}.eui-common-header__expand-trigger-toggle:hover,.eui-common-header__expand-trigger-toggle:active{color:var(--eui-c-primary);box-shadow:var(--eui-sh-1)}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}@media screen and (max-width: 767px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}.eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-expand-content__body{display:flex;padding-top:var(--eui-s-m);width:100%}.eui-page-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:var(--eui-s-m);position:relative;width:100%}.eui-page--with-columns .eui-page-content{display:flex;flex-direction:column;flex-grow:1;margin:0;min-height:0;padding:0}.eui-page-columns{display:flex;flex-direction:row;flex-grow:1;min-height:0;padding-top:var(--eui-s-s)}.eui-page-columns-content{display:flex;flex:1 1 auto;height:100%;overflow:hidden;position:relative}@media screen and (max-width: 767px){.eui-page-columns{display:block;overflow-y:auto}.eui-page-columns::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-columns::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-columns::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-columns::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}}.eui-page-column{border-right:1px solid var(--eui-c-neutral-lightest);display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;height:auto;min-height:0;overflow:hidden;padding-left:var(--eui-s-m);padding-right:var(--eui-s-2xs);position:relative;transition:all 50ms ease;width:100%}.eui-page-column__header{align-items:center;display:flex;flex:0 0 auto;min-height:calc(var(--eui-s-3xl) + var(--eui-s-s));padding:var(--eui-s-s) var(--eui-s-2xs) var(--eui-s-s) 0}.eui-page-column__header-left-content{display:flex;flex-direction:column;font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-label{font:var(--eui-f-l-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-sub-label{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-body{height:auto;margin-bottom:var(--eui-s-xs);padding-right:var(--eui-s-s);transform:scaleY(1);transform-origin:top;transition:all .3s ease-out}.eui-page-column__header-left-content-body--shrinked{height:0;transform:scaleY(0)}.eui-page-column__header-left-content>eui-page-column-header-left-content{display:flex;flex-direction:column;width:100%}.eui-page-column__header-left-content>eui-page-column-header-left-content *:not(.eui-icon-svg){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header .eui-page-column__header-right-content{align-items:center;display:flex;flex-shrink:1;margin-left:auto}.eui-page-column__header .eui-page-column__header-right-content-body{display:flex;flex-shrink:1}.eui-page-column__header .eui-page-column__header-right-content eui-page-column-header-right-content{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end}.eui-page-column__header-toggle{cursor:pointer;margin-left:calc(-1 * var(--eui-s-2xs))}.eui-page-column__body{display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-left:.15rem;padding-right:var(--eui-s-xs)}.eui-page-column__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-column__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-column__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-column__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body.eui-page-column--collapsed-with-icons{margin-top:calc(3 * var(--eui-s-m));padding-right:0}.eui-page-column__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;margin-left:calc(-1 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m)}.eui-page-column__footer--highlighted{z-index:var(--eui-zi-highlighted)}eui-page-column-footer{display:flex;width:100%}@media screen and (max-width: 767px){.eui-page-column{border-bottom:1px solid var(--eui-c-info-lighter);display:block;height:auto;padding-right:var(--eui-s-m);width:100%}}.eui-page-column--size-full{flex:1 1 auto}.eui-page-column--collapsed,.eui-page-column--size-s{flex:0 0 3.5rem!important;max-width:3.5rem;min-width:3.5rem}.eui-page-column--collapsed.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--collapsed.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column__header--with-icons{flex:0 0 5.5rem;max-width:5.5rem;min-width:5.5rem}.eui-page-column--size-s .eui-page-column__header-left-content{display:none}.eui-page-column--size-m{flex:0 0 150px;max-width:150px;min-width:150px}.eui-page-column--size-l{flex:0 0 200px;max-width:200px;min-width:200px}.eui-page-column--size-xl{flex:0 0 250px;max-width:250px;min-width:250px}.eui-page-column--size-xxl,.eui-page-column--size-2xl{flex:0 0 300px;max-width:300px;min-width:300px}.eui-page-column--size-xxxl,.eui-page-column--size-3xl{flex:0 0 350px;max-width:350px;min-width:350px}.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 400px;max-width:400px;min-width:400px}@media screen and (max-width: 767px){.eui-page-column--size-full,.eui-page-column--collapsed,.eui-page-column--size-s,.eui-page-column--size-m,.eui-page-column--size-l,.eui-page-column--size-xl,.eui-page-column--size-xxl,.eui-page-column--size-2xl,.eui-page-column--size-xxxl,.eui-page-column--size-3xl,.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 100%;width:100%;min-width:100%;max-width:100%}}.eui-page-column--active .eui-page-column__body--interactive-scrollbars{opacity:1;transition:background-color .2s linear 0s,width .2s ease-in-out 0s;z-index:var(--eui-zi-highlighted)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column--collapsed .eui-page-column__header{overflow:visible;position:absolute}.eui-page-column--collapsed .eui-page-column__header--with-icons{left:50%}.eui-page-column--collapsed .eui-page-column__header-left-content-label{display:flex;height:50vh;justify-content:flex-end;position:absolute;top:calc(4 * var(--eui-s-m));left:calc(-1 * var(--eui-s-2xs));transform:rotate(-90deg);width:50vh;font:var(--eui-f-l)}.eui-t-compact .eui-page-column--collapsed .eui-page-column__header-left-content-label{width:50vh}.eui-page-column--collapsed .eui-page-column__header-left-content-label eui-page-column-header-collapsed-content{margin:-.5rem var(--eui-s-m)}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}.eui-page-column--collapsed .eui-page-column__header-left-content-body,.eui-page-column--collapsed .eui-page-column__header-right-content-body,.eui-page-column--collapsed .eui-page-column__body:not(.eui-page-column--collapsed-with-icons),.eui-page-column--collapsed .eui-page-column__footer{display:none}.eui-page-column--collapsed .eui-page-column__header-right-content{padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-page-column__header-right-content{align-items:center;display:flex;justify-content:center;margin-left:calc(-1 * var(--eui-s-s));padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__category-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-right-content{display:none}.eui-page-column--collapsed .eui-sidebar-menu__container--collapsed{position:relative;top:var(--eui-s-m)}.eui-page-column--highlighted{background-color:transparent;z-index:var(--eui-zi-highlighted)}.eui-page-column .eui-resizable .eui-resizable-bar{right:calc(var(--eui-s-s) + 2px)}.eui-page-column .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-m) + 2px))}@media screen and (max-width: 767px){.eui-page-column--collapsed .eui-page-column__header{position:relative}.eui-page-column--collapsed .eui-page-column__header-right-content{margin-left:auto}.eui-page-column--collapsed .eui-page-column__header-left-content-label{font-weight:700;justify-content:flex-start;top:var(--eui-s-m);transform:none;width:100%}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}}.eui-page-hero-header{background-color:var(--eui-c-primary);color:var(--eui-c-white);flex-direction:column;padding:1.5rem;align-items:center;display:flex;width:100%}.eui-page-hero-header__logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:4rem;width:9rem}.eui-page-hero-header__label{padding-top:2rem;font:var(--eui-f-xl)}.eui-page-hero-header__sub-label{padding-top:.5rem;font:var(--eui-f-l)}.eui-page-footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-page-footer--highlighted{z-index:var(--eui-zi-footer-action-bar)}body.modal-open .eui-page-footer--highlighted{z-index:inherit}\n"], encapsulation: i0.ViewEncapsulation.None }); }
56
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageComponent, isStandalone: true, selector: "eui-page", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "columns", first: true, predicate: EuiPageColumnsComponent, descendants: true, static: true }], ngImport: i0, template: "<ng-content select=\"eui-page-breadcrumb\"></ng-content>\n<ng-content select=\"eui-page-top-content\"></ng-content>\n<ng-content select=\"eui-page-hero-header\"></ng-content>\n<ng-content select=\"eui-page-header\"></ng-content>\n<ng-content select=\"eui-page-content\"></ng-content>\n<ng-content select=\"eui-page-footer\"></ng-content>\n<ng-content select=\"eui-page-columns\"></ng-content>\n", styles: [".eui-page{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%}@media screen and (min-width: 996px){.eui-app.ff.sidebar--close .eui-page{margin-left:var(--eui-s-m);padding-right:var(--eui-s-m)}}.eui-page--with-columns{bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow:auto;position:absolute;top:0;width:100%}.eui-page-breadcrumb{display:flex;position:relative;width:100%}.eui-page-breadcrumb+.eui-page-header{padding:0 var(--eui-s-m)!important}.eui-page-header{flex-direction:column;flex-shrink:0;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-page-header.eui-page-header--collapsible{padding:var(--eui-s-m)}.eui-page-header.eui-page-header--collapsible+.eui-page-content{margin-top:calc(-2.25 * var(--eui-s-m))}.eui-page-header.eui-page-header--multilines .eui-common-header__label-text,.eui-page-header.eui-page-header--multilines .eui-common-header__sub-label-text{overflow:visible;text-overflow:unset;white-space:unset}.eui-page-header.eui-page-header--multilines .eui-common-header__actions{align-self:flex-start}.eui-page-header-action-items{gap:var(--eui-s-s);display:flex;align-items:flex-end}.eui-page-header-body{flex:1 1 100%;width:100%}.eui-page-header-sub-label,.eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;justify-content:space-between;width:100%;font:var(--eui-f-2xl)}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-c-neutral);display:flex;justify-content:space-between;width:100%;opacity:.85;font:var(--eui-f-l)}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-s-s)}.eui-common-header__body{display:flex;padding:var(--eui-s-m);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-s-xs));left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-c-white);border-bottom:2px solid var(eui-c-neutral-lighter);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-s)}.eui-common-header__expand-trigger-toggle:hover,.eui-common-header__expand-trigger-toggle:active{color:var(--eui-c-primary);box-shadow:var(--eui-sh-1)}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}@media screen and (max-width: 767px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}.eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-expand-content__body{display:flex;padding-top:var(--eui-s-m);width:100%}.eui-page-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:var(--eui-s-m);position:relative;width:100%}.eui-page--with-columns .eui-page-content{display:flex;flex-direction:column;flex-grow:1;margin:0;min-height:0;padding:0}.eui-page-columns{display:flex;flex-direction:row;flex-grow:1;min-height:0;padding-top:var(--eui-s-s)}.eui-page-columns-content{display:flex;flex:1 1 auto;height:100%;overflow:hidden;position:relative}@media screen and (max-width: 767px){.eui-page-columns{display:block;overflow-y:auto}.eui-page-columns::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-columns::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-columns::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-columns::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}}.eui-page-column{border-right:1px solid var(--eui-c-neutral-lightest);display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;height:auto;min-height:0;overflow:hidden;padding-left:var(--eui-s-m);padding-right:var(--eui-s-2xs);position:relative;transition:all 50ms ease;width:100%}.eui-page-column__header{align-items:center;display:flex;flex:0 0 auto;min-height:calc(var(--eui-s-3xl) + var(--eui-s-s));padding:var(--eui-s-s) var(--eui-s-2xs) var(--eui-s-s) 0}.eui-page-column__header-left-content{display:flex;flex-direction:column;font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-label{font:var(--eui-f-l-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-sub-label{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-body{height:auto;margin-bottom:var(--eui-s-xs);padding-right:var(--eui-s-s);transform:scaleY(1);transform-origin:top;transition:all .3s ease-out}.eui-page-column__header-left-content-body--shrinked{height:0;transform:scaleY(0)}.eui-page-column__header-left-content>eui-page-column-header-left-content{display:flex;flex-direction:column;width:100%}.eui-page-column__header-left-content>eui-page-column-header-left-content *:not(.eui-icon-svg){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header .eui-page-column__header-right-content{align-items:center;display:flex;flex-shrink:1;margin-left:auto}.eui-page-column__header .eui-page-column__header-right-content-body{display:flex;flex-shrink:1}.eui-page-column__header .eui-page-column__header-right-content eui-page-column-header-right-content{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end}.eui-page-column__header-toggle{cursor:pointer;margin-left:calc(-1 * var(--eui-s-2xs))}.eui-page-column__body{display:flex;flex:1 1 auto;flex-direction:column;overflow-x:hidden;width:100%;padding-left:.15rem;padding-right:var(--eui-s-xs)}.eui-page-column__body.eui-page-column--collapsed-with-icons{margin-top:calc(3 * var(--eui-s-m));padding-right:0}.eui-page-column__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;margin-left:calc(-1 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m)}.eui-page-column__footer--highlighted{z-index:var(--eui-zi-highlighted)}.eui-page-column__scrollbar{--scrollbar-thickness: 10 !important;--scrollbar-hover-thickness: var(--scrollbar-thickness) !important;--scrollbar-border-radius: 5rem !important}eui-page-column-footer{display:flex;width:100%}@media screen and (max-width: 767px){.eui-page-column{border-bottom:1px solid var(--eui-c-info-lighter);display:block;height:auto;padding-right:var(--eui-s-m);width:100%}}.eui-page-column--size-full{flex:1 1 auto}.eui-page-column--collapsed,.eui-page-column--size-s{flex:0 0 3.5rem!important;max-width:3.5rem;min-width:3.5rem}.eui-page-column--collapsed.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--collapsed.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column__header--with-icons{flex:0 0 5.5rem;max-width:5.5rem;min-width:5.5rem}.eui-page-column--size-s .eui-page-column__header-left-content{display:none}.eui-page-column--size-m{flex:0 0 150px;max-width:150px;min-width:150px}.eui-page-column--size-l{flex:0 0 200px;max-width:200px;min-width:200px}.eui-page-column--size-xl{flex:0 0 250px;max-width:250px;min-width:250px}.eui-page-column--size-xxl,.eui-page-column--size-2xl{flex:0 0 300px;max-width:300px;min-width:300px}.eui-page-column--size-xxxl,.eui-page-column--size-3xl{flex:0 0 350px;max-width:350px;min-width:350px}.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 400px;max-width:400px;min-width:400px}@media screen and (max-width: 767px){.eui-page-column--size-full,.eui-page-column--collapsed,.eui-page-column--size-s,.eui-page-column--size-m,.eui-page-column--size-l,.eui-page-column--size-xl,.eui-page-column--size-xxl,.eui-page-column--size-2xl,.eui-page-column--size-xxxl,.eui-page-column--size-3xl,.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 100%;width:100%;min-width:100%;max-width:100%}}.eui-page-column--active .eui-page-column__body--interactive-scrollbars{opacity:1;transition:background-color .2s linear 0s,width .2s ease-in-out 0s;z-index:var(--eui-zi-highlighted)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column--collapsed .eui-page-column__header{overflow:visible;position:absolute}.eui-page-column--collapsed .eui-page-column__header--with-icons{left:50%}.eui-page-column--collapsed .eui-page-column__header-left-content-label{display:flex;height:50vh;justify-content:flex-end;position:absolute;top:calc(4 * var(--eui-s-m));left:calc(-1 * var(--eui-s-2xs));transform:rotate(-90deg);width:50vh;font:var(--eui-f-l)}.eui-t-compact .eui-page-column--collapsed .eui-page-column__header-left-content-label{width:50vh}.eui-page-column--collapsed .eui-page-column__header-left-content-label eui-page-column-header-collapsed-content{margin:-.5rem var(--eui-s-m)}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}.eui-page-column--collapsed .eui-page-column__header-left-content-body,.eui-page-column--collapsed .eui-page-column__header-right-content-body,.eui-page-column--collapsed .eui-page-column__body:not(.eui-page-column--collapsed-with-icons),.eui-page-column--collapsed .eui-page-column__footer{display:none}.eui-page-column--collapsed .eui-page-column__header-right-content{padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-page-column__header-right-content{align-items:center;display:flex;justify-content:center;margin-left:calc(-1 * var(--eui-s-s));padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__category-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-right-content{display:none}.eui-page-column--collapsed .eui-sidebar-menu__container--collapsed{position:relative;top:var(--eui-s-m)}.eui-page-column--highlighted{background-color:transparent;z-index:var(--eui-zi-highlighted)}.eui-page-column .eui-resizable .eui-resizable-bar{right:calc(var(--eui-s-s) + 2px)}.eui-page-column .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-m) + 2px))}@media screen and (max-width: 767px){.eui-page-column--collapsed .eui-page-column__header{position:relative}.eui-page-column--collapsed .eui-page-column__header-right-content{margin-left:auto}.eui-page-column--collapsed .eui-page-column__header-left-content-label{font-weight:700;justify-content:flex-start;top:var(--eui-s-m);transform:none;width:100%}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}}.eui-page-hero-header{background-color:var(--eui-c-primary);color:var(--eui-c-white);flex-direction:column;padding:1.5rem;align-items:center;display:flex;width:100%}.eui-page-hero-header__logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:4rem;width:9rem}.eui-page-hero-header__label{padding-top:2rem;font:var(--eui-f-xl)}.eui-page-hero-header__sub-label{padding-top:.5rem;font:var(--eui-f-l)}.eui-page-footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-page-footer--highlighted{z-index:var(--eui-zi-footer-action-bar)}body.modal-open .eui-page-footer--highlighted{z-index:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
56
57
  }
57
58
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageComponent, decorators: [{
58
59
  type: Component,
59
- args: [{ selector: 'eui-page', encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"eui-page-breadcrumb\"></ng-content>\n<ng-content select=\"eui-page-top-content\"></ng-content>\n<ng-content select=\"eui-page-hero-header\"></ng-content>\n<ng-content select=\"eui-page-header\"></ng-content>\n<ng-content select=\"eui-page-content\"></ng-content>\n<ng-content select=\"eui-page-footer\"></ng-content>\n<ng-content select=\"eui-page-columns\"></ng-content>\n", styles: [".eui-page{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%}@media screen and (min-width: 996px){.eui-app.ff.sidebar--close .eui-page{margin-left:var(--eui-s-m);padding-right:var(--eui-s-m)}}.eui-page--with-columns{bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow:auto;position:absolute;top:0;width:100%}.eui-page-breadcrumb{display:flex;position:relative;width:100%}.eui-page-breadcrumb+.eui-page-header{padding:0 var(--eui-s-m)!important}.eui-page-header{flex-direction:column;flex-shrink:0;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-page-header.eui-page-header--collapsible{padding:var(--eui-s-m)}.eui-page-header.eui-page-header--collapsible+.eui-page-content{margin-top:calc(-2.25 * var(--eui-s-m))}.eui-page-header.eui-page-header--multilines .eui-common-header__label-text,.eui-page-header.eui-page-header--multilines .eui-common-header__sub-label-text{overflow:visible;text-overflow:unset;white-space:unset}.eui-page-header.eui-page-header--multilines .eui-common-header__actions{align-self:flex-start}.eui-page-header-action-items{gap:var(--eui-s-s);display:flex;align-items:flex-end}.eui-page-header-body{flex:1 1 100%;width:100%}.eui-page-header-sub-label,.eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;justify-content:space-between;width:100%;font:var(--eui-f-2xl)}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-c-neutral);display:flex;justify-content:space-between;width:100%;opacity:.85;font:var(--eui-f-l)}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-s-s)}.eui-common-header__body{display:flex;padding:var(--eui-s-m);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-s-xs));left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-c-white);border-bottom:2px solid var(eui-c-neutral-lighter);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-s)}.eui-common-header__expand-trigger-toggle:hover,.eui-common-header__expand-trigger-toggle:active{color:var(--eui-c-primary);box-shadow:var(--eui-sh-1)}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}@media screen and (max-width: 767px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}.eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-expand-content__body{display:flex;padding-top:var(--eui-s-m);width:100%}.eui-page-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:var(--eui-s-m);position:relative;width:100%}.eui-page--with-columns .eui-page-content{display:flex;flex-direction:column;flex-grow:1;margin:0;min-height:0;padding:0}.eui-page-columns{display:flex;flex-direction:row;flex-grow:1;min-height:0;padding-top:var(--eui-s-s)}.eui-page-columns-content{display:flex;flex:1 1 auto;height:100%;overflow:hidden;position:relative}@media screen and (max-width: 767px){.eui-page-columns{display:block;overflow-y:auto}.eui-page-columns::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-columns::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-columns::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-columns::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}}.eui-page-column{border-right:1px solid var(--eui-c-neutral-lightest);display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;height:auto;min-height:0;overflow:hidden;padding-left:var(--eui-s-m);padding-right:var(--eui-s-2xs);position:relative;transition:all 50ms ease;width:100%}.eui-page-column__header{align-items:center;display:flex;flex:0 0 auto;min-height:calc(var(--eui-s-3xl) + var(--eui-s-s));padding:var(--eui-s-s) var(--eui-s-2xs) var(--eui-s-s) 0}.eui-page-column__header-left-content{display:flex;flex-direction:column;font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-label{font:var(--eui-f-l-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-sub-label{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-body{height:auto;margin-bottom:var(--eui-s-xs);padding-right:var(--eui-s-s);transform:scaleY(1);transform-origin:top;transition:all .3s ease-out}.eui-page-column__header-left-content-body--shrinked{height:0;transform:scaleY(0)}.eui-page-column__header-left-content>eui-page-column-header-left-content{display:flex;flex-direction:column;width:100%}.eui-page-column__header-left-content>eui-page-column-header-left-content *:not(.eui-icon-svg){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header .eui-page-column__header-right-content{align-items:center;display:flex;flex-shrink:1;margin-left:auto}.eui-page-column__header .eui-page-column__header-right-content-body{display:flex;flex-shrink:1}.eui-page-column__header .eui-page-column__header-right-content eui-page-column-header-right-content{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end}.eui-page-column__header-toggle{cursor:pointer;margin-left:calc(-1 * var(--eui-s-2xs))}.eui-page-column__body{display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-left:.15rem;padding-right:var(--eui-s-xs)}.eui-page-column__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-column__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-column__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-column__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body.eui-page-column--collapsed-with-icons{margin-top:calc(3 * var(--eui-s-m));padding-right:0}.eui-page-column__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;margin-left:calc(-1 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m)}.eui-page-column__footer--highlighted{z-index:var(--eui-zi-highlighted)}eui-page-column-footer{display:flex;width:100%}@media screen and (max-width: 767px){.eui-page-column{border-bottom:1px solid var(--eui-c-info-lighter);display:block;height:auto;padding-right:var(--eui-s-m);width:100%}}.eui-page-column--size-full{flex:1 1 auto}.eui-page-column--collapsed,.eui-page-column--size-s{flex:0 0 3.5rem!important;max-width:3.5rem;min-width:3.5rem}.eui-page-column--collapsed.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--collapsed.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column__header--with-icons{flex:0 0 5.5rem;max-width:5.5rem;min-width:5.5rem}.eui-page-column--size-s .eui-page-column__header-left-content{display:none}.eui-page-column--size-m{flex:0 0 150px;max-width:150px;min-width:150px}.eui-page-column--size-l{flex:0 0 200px;max-width:200px;min-width:200px}.eui-page-column--size-xl{flex:0 0 250px;max-width:250px;min-width:250px}.eui-page-column--size-xxl,.eui-page-column--size-2xl{flex:0 0 300px;max-width:300px;min-width:300px}.eui-page-column--size-xxxl,.eui-page-column--size-3xl{flex:0 0 350px;max-width:350px;min-width:350px}.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 400px;max-width:400px;min-width:400px}@media screen and (max-width: 767px){.eui-page-column--size-full,.eui-page-column--collapsed,.eui-page-column--size-s,.eui-page-column--size-m,.eui-page-column--size-l,.eui-page-column--size-xl,.eui-page-column--size-xxl,.eui-page-column--size-2xl,.eui-page-column--size-xxxl,.eui-page-column--size-3xl,.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 100%;width:100%;min-width:100%;max-width:100%}}.eui-page-column--active .eui-page-column__body--interactive-scrollbars{opacity:1;transition:background-color .2s linear 0s,width .2s ease-in-out 0s;z-index:var(--eui-zi-highlighted)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column--collapsed .eui-page-column__header{overflow:visible;position:absolute}.eui-page-column--collapsed .eui-page-column__header--with-icons{left:50%}.eui-page-column--collapsed .eui-page-column__header-left-content-label{display:flex;height:50vh;justify-content:flex-end;position:absolute;top:calc(4 * var(--eui-s-m));left:calc(-1 * var(--eui-s-2xs));transform:rotate(-90deg);width:50vh;font:var(--eui-f-l)}.eui-t-compact .eui-page-column--collapsed .eui-page-column__header-left-content-label{width:50vh}.eui-page-column--collapsed .eui-page-column__header-left-content-label eui-page-column-header-collapsed-content{margin:-.5rem var(--eui-s-m)}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}.eui-page-column--collapsed .eui-page-column__header-left-content-body,.eui-page-column--collapsed .eui-page-column__header-right-content-body,.eui-page-column--collapsed .eui-page-column__body:not(.eui-page-column--collapsed-with-icons),.eui-page-column--collapsed .eui-page-column__footer{display:none}.eui-page-column--collapsed .eui-page-column__header-right-content{padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-page-column__header-right-content{align-items:center;display:flex;justify-content:center;margin-left:calc(-1 * var(--eui-s-s));padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__category-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-right-content{display:none}.eui-page-column--collapsed .eui-sidebar-menu__container--collapsed{position:relative;top:var(--eui-s-m)}.eui-page-column--highlighted{background-color:transparent;z-index:var(--eui-zi-highlighted)}.eui-page-column .eui-resizable .eui-resizable-bar{right:calc(var(--eui-s-s) + 2px)}.eui-page-column .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-m) + 2px))}@media screen and (max-width: 767px){.eui-page-column--collapsed .eui-page-column__header{position:relative}.eui-page-column--collapsed .eui-page-column__header-right-content{margin-left:auto}.eui-page-column--collapsed .eui-page-column__header-left-content-label{font-weight:700;justify-content:flex-start;top:var(--eui-s-m);transform:none;width:100%}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}}.eui-page-hero-header{background-color:var(--eui-c-primary);color:var(--eui-c-white);flex-direction:column;padding:1.5rem;align-items:center;display:flex;width:100%}.eui-page-hero-header__logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:4rem;width:9rem}.eui-page-hero-header__label{padding-top:2rem;font:var(--eui-f-xl)}.eui-page-hero-header__sub-label{padding-top:.5rem;font:var(--eui-f-l)}.eui-page-footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-page-footer--highlighted{z-index:var(--eui-zi-footer-action-bar)}body.modal-open .eui-page-footer--highlighted{z-index:inherit}\n"] }]
60
+ args: [{ selector: 'eui-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content select=\"eui-page-breadcrumb\"></ng-content>\n<ng-content select=\"eui-page-top-content\"></ng-content>\n<ng-content select=\"eui-page-hero-header\"></ng-content>\n<ng-content select=\"eui-page-header\"></ng-content>\n<ng-content select=\"eui-page-content\"></ng-content>\n<ng-content select=\"eui-page-footer\"></ng-content>\n<ng-content select=\"eui-page-columns\"></ng-content>\n", styles: [".eui-page{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%}@media screen and (min-width: 996px){.eui-app.ff.sidebar--close .eui-page{margin-left:var(--eui-s-m);padding-right:var(--eui-s-m)}}.eui-page--with-columns{bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow:auto;position:absolute;top:0;width:100%}.eui-page-breadcrumb{display:flex;position:relative;width:100%}.eui-page-breadcrumb+.eui-page-header{padding:0 var(--eui-s-m)!important}.eui-page-header{flex-direction:column;flex-shrink:0;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-page-header.eui-page-header--collapsible{padding:var(--eui-s-m)}.eui-page-header.eui-page-header--collapsible+.eui-page-content{margin-top:calc(-2.25 * var(--eui-s-m))}.eui-page-header.eui-page-header--multilines .eui-common-header__label-text,.eui-page-header.eui-page-header--multilines .eui-common-header__sub-label-text{overflow:visible;text-overflow:unset;white-space:unset}.eui-page-header.eui-page-header--multilines .eui-common-header__actions{align-self:flex-start}.eui-page-header-action-items{gap:var(--eui-s-s);display:flex;align-items:flex-end}.eui-page-header-body{flex:1 1 100%;width:100%}.eui-page-header-sub-label,.eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;justify-content:space-between;width:100%;font:var(--eui-f-2xl)}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-c-neutral);display:flex;justify-content:space-between;width:100%;opacity:.85;font:var(--eui-f-l)}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-s-s)}.eui-common-header__body{display:flex;padding:var(--eui-s-m);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-s-xs));left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-c-white);border-bottom:2px solid var(eui-c-neutral-lighter);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-s)}.eui-common-header__expand-trigger-toggle:hover,.eui-common-header__expand-trigger-toggle:active{color:var(--eui-c-primary);box-shadow:var(--eui-sh-1)}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}@media screen and (max-width: 767px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}.eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-expand-content__body{display:flex;padding-top:var(--eui-s-m);width:100%}.eui-page-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:var(--eui-s-m);position:relative;width:100%}.eui-page--with-columns .eui-page-content{display:flex;flex-direction:column;flex-grow:1;margin:0;min-height:0;padding:0}.eui-page-columns{display:flex;flex-direction:row;flex-grow:1;min-height:0;padding-top:var(--eui-s-s)}.eui-page-columns-content{display:flex;flex:1 1 auto;height:100%;overflow:hidden;position:relative}@media screen and (max-width: 767px){.eui-page-columns{display:block;overflow-y:auto}.eui-page-columns::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-columns::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-columns::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-columns::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}}.eui-page-column{border-right:1px solid var(--eui-c-neutral-lightest);display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;height:auto;min-height:0;overflow:hidden;padding-left:var(--eui-s-m);padding-right:var(--eui-s-2xs);position:relative;transition:all 50ms ease;width:100%}.eui-page-column__header{align-items:center;display:flex;flex:0 0 auto;min-height:calc(var(--eui-s-3xl) + var(--eui-s-s));padding:var(--eui-s-s) var(--eui-s-2xs) var(--eui-s-s) 0}.eui-page-column__header-left-content{display:flex;flex-direction:column;font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-label{font:var(--eui-f-l-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-sub-label{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header-left-content-body{height:auto;margin-bottom:var(--eui-s-xs);padding-right:var(--eui-s-s);transform:scaleY(1);transform-origin:top;transition:all .3s ease-out}.eui-page-column__header-left-content-body--shrinked{height:0;transform:scaleY(0)}.eui-page-column__header-left-content>eui-page-column-header-left-content{display:flex;flex-direction:column;width:100%}.eui-page-column__header-left-content>eui-page-column-header-left-content *:not(.eui-icon-svg){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__header .eui-page-column__header-right-content{align-items:center;display:flex;flex-shrink:1;margin-left:auto}.eui-page-column__header .eui-page-column__header-right-content-body{display:flex;flex-shrink:1}.eui-page-column__header .eui-page-column__header-right-content eui-page-column-header-right-content{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end}.eui-page-column__header-toggle{cursor:pointer;margin-left:calc(-1 * var(--eui-s-2xs))}.eui-page-column__body{display:flex;flex:1 1 auto;flex-direction:column;overflow-x:hidden;width:100%;padding-left:.15rem;padding-right:var(--eui-s-xs)}.eui-page-column__body.eui-page-column--collapsed-with-icons{margin-top:calc(3 * var(--eui-s-m));padding-right:0}.eui-page-column__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;margin-left:calc(-1 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m)}.eui-page-column__footer--highlighted{z-index:var(--eui-zi-highlighted)}.eui-page-column__scrollbar{--scrollbar-thickness: 10 !important;--scrollbar-hover-thickness: var(--scrollbar-thickness) !important;--scrollbar-border-radius: 5rem !important}eui-page-column-footer{display:flex;width:100%}@media screen and (max-width: 767px){.eui-page-column{border-bottom:1px solid var(--eui-c-info-lighter);display:block;height:auto;padding-right:var(--eui-s-m);width:100%}}.eui-page-column--size-full{flex:1 1 auto}.eui-page-column--collapsed,.eui-page-column--size-s{flex:0 0 3.5rem!important;max-width:3.5rem;min-width:3.5rem}.eui-page-column--collapsed.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--collapsed.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column--has-sidebar-menu.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column__header--with-icons{flex:0 0 5.5rem;max-width:5.5rem;min-width:5.5rem}.eui-page-column--size-s .eui-page-column__header-left-content{display:none}.eui-page-column--size-m{flex:0 0 150px;max-width:150px;min-width:150px}.eui-page-column--size-l{flex:0 0 200px;max-width:200px;min-width:200px}.eui-page-column--size-xl{flex:0 0 250px;max-width:250px;min-width:250px}.eui-page-column--size-xxl,.eui-page-column--size-2xl{flex:0 0 300px;max-width:300px;min-width:300px}.eui-page-column--size-xxxl,.eui-page-column--size-3xl{flex:0 0 350px;max-width:350px;min-width:350px}.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 400px;max-width:400px;min-width:400px}@media screen and (max-width: 767px){.eui-page-column--size-full,.eui-page-column--collapsed,.eui-page-column--size-s,.eui-page-column--size-m,.eui-page-column--size-l,.eui-page-column--size-xl,.eui-page-column--size-xxl,.eui-page-column--size-2xl,.eui-page-column--size-xxxl,.eui-page-column--size-3xl,.eui-page-column--size-xxxxl,.eui-page-column--size-4xl{flex:0 0 100%;width:100%;min-width:100%;max-width:100%}}.eui-page-column--active .eui-page-column__body--interactive-scrollbars{opacity:1;transition:background-color .2s linear 0s,width .2s ease-in-out 0s;z-index:var(--eui-zi-highlighted)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column--collapsed .eui-page-column__header{overflow:visible;position:absolute}.eui-page-column--collapsed .eui-page-column__header--with-icons{left:50%}.eui-page-column--collapsed .eui-page-column__header-left-content-label{display:flex;height:50vh;justify-content:flex-end;position:absolute;top:calc(4 * var(--eui-s-m));left:calc(-1 * var(--eui-s-2xs));transform:rotate(-90deg);width:50vh;font:var(--eui-f-l)}.eui-t-compact .eui-page-column--collapsed .eui-page-column__header-left-content-label{width:50vh}.eui-page-column--collapsed .eui-page-column__header-left-content-label eui-page-column-header-collapsed-content{margin:-.5rem var(--eui-s-m)}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}.eui-page-column--collapsed .eui-page-column__header-left-content-body,.eui-page-column--collapsed .eui-page-column__header-right-content-body,.eui-page-column--collapsed .eui-page-column__body:not(.eui-page-column--collapsed-with-icons),.eui-page-column--collapsed .eui-page-column__footer{display:none}.eui-page-column--collapsed .eui-page-column__header-right-content{padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-page-column__header-right-content{align-items:center;display:flex;justify-content:center;margin-left:calc(-1 * var(--eui-s-s));padding:0}.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__category-label,.eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-right-content{display:none}.eui-page-column--collapsed .eui-sidebar-menu__container--collapsed{position:relative;top:var(--eui-s-m)}.eui-page-column--highlighted{background-color:transparent;z-index:var(--eui-zi-highlighted)}.eui-page-column .eui-resizable .eui-resizable-bar{right:calc(var(--eui-s-s) + 2px)}.eui-page-column .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-m) + 2px))}@media screen and (max-width: 767px){.eui-page-column--collapsed .eui-page-column__header{position:relative}.eui-page-column--collapsed .eui-page-column__header-right-content{margin-left:auto}.eui-page-column--collapsed .eui-page-column__header-left-content-label{font-weight:700;justify-content:flex-start;top:var(--eui-s-m);transform:none;width:100%}.eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}}.eui-page-hero-header{background-color:var(--eui-c-primary);color:var(--eui-c-white);flex-direction:column;padding:1.5rem;align-items:center;display:flex;width:100%}.eui-page-hero-header__logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:4rem;width:9rem}.eui-page-hero-header__label{padding-top:2rem;font:var(--eui-f-xl)}.eui-page-hero-header__sub-label{padding-top:.5rem;font:var(--eui-f-l)}.eui-page-footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-page-footer--highlighted{z-index:var(--eui-zi-footer-action-bar)}body.modal-open .eui-page-footer--highlighted{z-index:inherit}\n"] }]
60
61
  }], propDecorators: { cssClasses: [{
61
62
  type: HostBinding,
62
63
  args: ['class']
@@ -104,29 +105,10 @@ class EuiPageColumnComponent {
104
105
  this.destroy$ = new Subject();
105
106
  this.pageColumnsParent = pageColumnsParentInjected;
106
107
  }
107
- onBodyScoll(event) {
108
- if (this.hasHeaderBodyShrinkable && event.target) {
109
- this.currentOffset = event.target.scrollTop;
110
- // Scroll DOWN
111
- if (this.currentOffset > this.previousOffset && this.currentOffset > this.treshHold) {
112
- this.isHeaderBodyShrinked = true;
113
- this.headerCollapse.emit(true);
114
- }
115
- // Scroll UP
116
- if (this.currentOffset <= this.previousOffset) {
117
- if (this.currentOffset <= this.treshHold) {
118
- this.isHeaderBodyShrinked = false;
119
- this.headerCollapse.emit(false);
120
- }
121
- }
122
- this.previousOffset = this.currentOffset;
123
- }
124
- }
125
108
  ngOnInit() {
126
109
  this.baseStatesDirective.euiSizeS = false; // Bypass size default
127
110
  if (this.pageColumnsParent && this.isAutocloseOnContainerResize && this.autocloseContainerWidth) {
128
111
  this.pageColumnsParent.width.pipe(debounceTime(100), takeUntil(this.destroy$)).subscribe((parentWidth) => {
129
- // console.log(parentWidth);
130
112
  if (parentWidth <= this.autocloseContainerWidth) {
131
113
  this.isCollapsed = true;
132
114
  this.collapse.emit(this.isCollapsed);
@@ -143,11 +125,17 @@ class EuiPageColumnComponent {
143
125
  this.collapse.emit(this.isCollapsed);
144
126
  }
145
127
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnComponent, deps: [{ token: forwardRef(() => EuiPageColumnsComponent), host: true, optional: true }, { token: i1.EuiAppShellService }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
146
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiPageColumnComponent, selector: "eui-page-column", inputs: { size: "size", label: "label", subLabel: "subLabel", autocloseContainerWidth: "autocloseContainerWidth", expandAriaLabel: "expandAriaLabel", collapseAriaLabel: "collapseAriaLabel", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isRightCollapsible: ["isRightCollapsible", "isRightCollapsible", booleanAttribute], isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute], isCollapsedWithIcons: ["isCollapsedWithIcons", "isCollapsedWithIcons", booleanAttribute], hasSidebarMenu: ["hasSidebarMenu", "hasSidebarMenu", booleanAttribute], hasHeaderBodyShrinkable: ["hasHeaderBodyShrinkable", "hasHeaderBodyShrinkable", booleanAttribute], isAutocloseOnContainerResize: ["isAutocloseOnContainerResize", "isAutocloseOnContainerResize", booleanAttribute] }, outputs: { collapse: "collapse", headerCollapse: "headerCollapse" }, host: { listeners: { "window:scroll": "onBodyScoll($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customHeaderBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderBodyContentDirective), descendants: true }, { propertyName: "customHeaderLeftContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderLeftContentDirective), descendants: true }, { propertyName: "customHeaderRightContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderRightContentDirective), descendants: true }, { propertyName: "customHeaderCollapsedContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective), descendants: true }, { propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnFooterContentDirective), descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSize3XL", "euiSize3XL", "euiSize4XL", "euiSize4XL", "euiSizeVariant", "euiSizeVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "<div\n *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n class=\"eui-page-column__header\"\n [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n <ng-container *ngIf=\"!isCollapsedWithIcons\">\n {{ label }}\n </ng-container>\n </div>\n <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n {{ subLabel }}\n </div>\n </div>\n <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n </div>\n\n <div class=\"eui-page-column__header-right-content\">\n <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n </span>\n <button\n *ngIf=\"isCollapsible\"\n euiButton\n euiBasicButton\n euiSecondary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\n (click)=\"onToggle()\"\n [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n class=\"eui-page-column__header-toggle\">\n @if (isCollapsed) {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-down:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n }\n }\n } @else {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-up:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n }\n }\n }\n </button>\n </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n *ngIf=\"customHeaderBodyContent\"\n class=\"eui-page-column__header-left-content-body\"\n [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n class=\"eui-page-column__body\"\n cdkScrollable\n tabindex=\"0\"\n [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i6.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
128
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiPageColumnComponent, isStandalone: true, selector: "eui-page-column", inputs: { size: "size", label: "label", subLabel: "subLabel", autocloseContainerWidth: "autocloseContainerWidth", expandAriaLabel: "expandAriaLabel", collapseAriaLabel: "collapseAriaLabel", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isRightCollapsible: ["isRightCollapsible", "isRightCollapsible", booleanAttribute], isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute], isCollapsedWithIcons: ["isCollapsedWithIcons", "isCollapsedWithIcons", booleanAttribute], hasSidebarMenu: ["hasSidebarMenu", "hasSidebarMenu", booleanAttribute], hasHeaderBodyShrinkable: ["hasHeaderBodyShrinkable", "hasHeaderBodyShrinkable", booleanAttribute], isAutocloseOnContainerResize: ["isAutocloseOnContainerResize", "isAutocloseOnContainerResize", booleanAttribute] }, outputs: { collapse: "collapse", headerCollapse: "headerCollapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customHeaderBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderBodyContentDirective), descendants: true }, { propertyName: "customHeaderLeftContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderLeftContentDirective), descendants: true }, { propertyName: "customHeaderRightContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderRightContentDirective), descendants: true }, { propertyName: "customHeaderCollapsedContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective), descendants: true }, { propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(() => EuiPageColumnFooterContentDirective), descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSize3XL", "euiSize3XL", "euiSize4XL", "euiSize4XL", "euiSizeVariant", "euiSizeVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "@if (label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible) {\n\n <div class=\"eui-page-column__header\" [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n @if (!customHeaderLeftContent) {\n <div class=\"eui-page-column__header-left-content\">\n @if (label) {\n <div class=\"eui-page-column__header-left-content-label\">\n @if (customHeaderCollapsedContent) {\n <ng-content select=\"eui-page-column-header-collapsed-content\"></ng-content>\n }\n @if (!isCollapsedWithIcons) {\n {{ label }}\n }\n </div>\n }\n @if (subLabel) {\n <div class=\"eui-page-column__header-left-content-sub-label\">\n {{ subLabel }}\n </div>\n }\n </div>\n\n } @else {\n <div class=\"eui-page-column__header-left-content\">\n <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n </div>\n }\n\n <div class=\"eui-page-column__header-right-content\">\n @if (customHeaderRightContent) {\n <span class=\"eui-page-column__header-right-content-body\">\n <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n </span>\n }\n\n @if (isCollapsible) {\n <button euiButton euiBasicButton euiSecondary euiRounded euiIconButton euiSizeS type=\"button\"\n (click)=\"onToggle()\"\n [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n class=\"eui-page-column__header-toggle\">\n\n @if (isCollapsed) {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-down:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n }\n }\n } @else {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-up:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n }\n }\n }\n </button>\n }\n </div>\n </div>\n}\n\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n@if (customHeaderBodyContent) {\n <div class=\"eui-page-column__header-left-content-body\">\n <ng-content select=\"eui-page-column-header-body\"></ng-content>\n </div>\n}\n\n<div class=\"eui-page-column__body\"\n [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\">\n @if (isCollapsed) {\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n } @else {\n <ng-scrollbar orientation=\"vertical\" [visibility]=\"'hover'\" class=\"eui-page-column__scrollbar\" [sensorThrottleTime]=\"300\">\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n </ng-scrollbar>\n }\n</div>\n\n@if (customFooterContent) {\n <div class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n <ng-content select=\"eui-page-column-footer\"></ng-content>\n </div>\n}\n\n<ng-template #body>\n <ng-content select=\"eui-page-column-body\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "ngmodule", type: EuiButtonModule }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: NgScrollbarModule }, { kind: "component", type: i5.NgScrollbar, selector: "ng-scrollbar:not([externalViewport])", exportAs: ["ngScrollbar"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
147
129
  }
148
130
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnComponent, decorators: [{
149
131
  type: Component,
150
- args: [{ selector: 'eui-page-column', encapsulation: ViewEncapsulation.None, hostDirectives: [
132
+ args: [{ selector: 'eui-page-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
133
+ EuiIconModule,
134
+ EuiButtonModule,
135
+ NgScrollbarModule,
136
+ NgTemplateOutlet,
137
+ AsyncPipe,
138
+ ], hostDirectives: [
151
139
  {
152
140
  directive: BaseStatesDirective,
153
141
  inputs: [
@@ -162,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
162
150
  'euiHighlighted',
163
151
  ],
164
152
  },
165
- ], template: "<div\n *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n class=\"eui-page-column__header\"\n [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n <ng-container *ngIf=\"!isCollapsedWithIcons\">\n {{ label }}\n </ng-container>\n </div>\n <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n {{ subLabel }}\n </div>\n </div>\n <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n </div>\n\n <div class=\"eui-page-column__header-right-content\">\n <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n </span>\n <button\n *ngIf=\"isCollapsible\"\n euiButton\n euiBasicButton\n euiSecondary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\n (click)=\"onToggle()\"\n [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n class=\"eui-page-column__header-toggle\">\n @if (isCollapsed) {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-down:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n }\n }\n } @else {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-up:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n }\n }\n }\n </button>\n </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n *ngIf=\"customHeaderBodyContent\"\n class=\"eui-page-column__header-left-content-body\"\n [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n class=\"eui-page-column__body\"\n cdkScrollable\n tabindex=\"0\"\n [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n" }]
153
+ ], template: "@if (label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible) {\n\n <div class=\"eui-page-column__header\" [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n @if (!customHeaderLeftContent) {\n <div class=\"eui-page-column__header-left-content\">\n @if (label) {\n <div class=\"eui-page-column__header-left-content-label\">\n @if (customHeaderCollapsedContent) {\n <ng-content select=\"eui-page-column-header-collapsed-content\"></ng-content>\n }\n @if (!isCollapsedWithIcons) {\n {{ label }}\n }\n </div>\n }\n @if (subLabel) {\n <div class=\"eui-page-column__header-left-content-sub-label\">\n {{ subLabel }}\n </div>\n }\n </div>\n\n } @else {\n <div class=\"eui-page-column__header-left-content\">\n <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n </div>\n }\n\n <div class=\"eui-page-column__header-right-content\">\n @if (customHeaderRightContent) {\n <span class=\"eui-page-column__header-right-content-body\">\n <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n </span>\n }\n\n @if (isCollapsible) {\n <button euiButton euiBasicButton euiSecondary euiRounded euiIconButton euiSizeS type=\"button\"\n (click)=\"onToggle()\"\n [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n class=\"eui-page-column__header-toggle\">\n\n @if (isCollapsed) {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-down:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n }\n }\n } @else {\n @if ((asService.state$ | async).breakpoints.isMobile) {\n <eui-icon-svg icon=\"chevron-up:sharp\"></eui-icon-svg>\n } @else {\n @if (isRightCollapsible) {\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n }\n }\n }\n </button>\n }\n </div>\n </div>\n}\n\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n@if (customHeaderBodyContent) {\n <div class=\"eui-page-column__header-left-content-body\">\n <ng-content select=\"eui-page-column-header-body\"></ng-content>\n </div>\n}\n\n<div class=\"eui-page-column__body\"\n [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\">\n @if (isCollapsed) {\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n } @else {\n <ng-scrollbar orientation=\"vertical\" [visibility]=\"'hover'\" class=\"eui-page-column__scrollbar\" [sensorThrottleTime]=\"300\">\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n </ng-scrollbar>\n }\n</div>\n\n@if (customFooterContent) {\n <div class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n <ng-content select=\"eui-page-column-footer\"></ng-content>\n </div>\n}\n\n<ng-template #body>\n <ng-content select=\"eui-page-column-body\"></ng-content>\n</ng-template>\n" }]
166
154
  }], ctorParameters: () => [{ type: undefined, decorators: [{
167
155
  type: Host
168
156
  }, {
@@ -228,58 +216,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
228
216
  }], customFooterContent: [{
229
217
  type: ContentChild,
230
218
  args: [forwardRef(() => EuiPageColumnFooterContentDirective)]
231
- }], onBodyScoll: [{
232
- type: HostListener,
233
- args: ['window:scroll', ['$event']]
234
219
  }] } });
235
220
  /* eslint-disable */
236
221
  class EuiPageColumnHeaderBodyContentDirective {
237
222
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
238
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderBodyContentDirective, selector: "eui-page-column-header-body", ngImport: i0 }); }
223
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderBodyContentDirective, isStandalone: true, selector: "eui-page-column-header-body", ngImport: i0 }); }
239
224
  }
240
225
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, decorators: [{
241
226
  type: Directive,
242
- args: [{ selector: 'eui-page-column-header-body' }]
227
+ args: [{ selector: 'eui-page-column-header-body', standalone: true }]
243
228
  }] });
244
229
  class EuiPageColumnHeaderLeftContentDirective {
245
230
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
246
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderLeftContentDirective, selector: "eui-page-column-header-left-content", ngImport: i0 }); }
231
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderLeftContentDirective, isStandalone: true, selector: "eui-page-column-header-left-content", ngImport: i0 }); }
247
232
  }
248
233
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, decorators: [{
249
234
  type: Directive,
250
- args: [{ selector: 'eui-page-column-header-left-content' }]
235
+ args: [{ selector: 'eui-page-column-header-left-content', standalone: true }]
251
236
  }] });
252
237
  class EuiPageColumnHeaderRightContentDirective {
253
238
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
254
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderRightContentDirective, selector: "eui-page-column-header-right-content", ngImport: i0 }); }
239
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderRightContentDirective, isStandalone: true, selector: "eui-page-column-header-right-content", ngImport: i0 }); }
255
240
  }
256
241
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, decorators: [{
257
242
  type: Directive,
258
- args: [{ selector: 'eui-page-column-header-right-content' }]
243
+ args: [{ selector: 'eui-page-column-header-right-content', standalone: true }]
259
244
  }] });
260
245
  class EuiPageColumnHeaderCollapsedContentDirective {
261
246
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
262
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderCollapsedContentDirective, selector: "eui-page-column-header-collapsed-content", ngImport: i0 }); }
247
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnHeaderCollapsedContentDirective, isStandalone: true, selector: "eui-page-column-header-collapsed-content", ngImport: i0 }); }
263
248
  }
264
249
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, decorators: [{
265
250
  type: Directive,
266
- args: [{ selector: 'eui-page-column-header-collapsed-content' }]
251
+ args: [{ selector: 'eui-page-column-header-collapsed-content', standalone: true }]
267
252
  }] });
268
253
  class EuiPageColumnBodyContentDirective {
269
254
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
270
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnBodyContentDirective, selector: "eui-page-column-body", ngImport: i0 }); }
255
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnBodyContentDirective, isStandalone: true, selector: "eui-page-column-body", ngImport: i0 }); }
271
256
  }
272
257
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnBodyContentDirective, decorators: [{
273
258
  type: Directive,
274
- args: [{ selector: 'eui-page-column-body' }]
259
+ args: [{ selector: 'eui-page-column-body', standalone: true }]
275
260
  }] });
276
261
  class EuiPageColumnFooterContentDirective {
277
262
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
278
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnFooterContentDirective, selector: "eui-page-column-footer", ngImport: i0 }); }
263
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageColumnFooterContentDirective, isStandalone: true, selector: "eui-page-column-footer", ngImport: i0 }); }
279
264
  }
280
265
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnFooterContentDirective, decorators: [{
281
266
  type: Directive,
282
- args: [{ selector: 'eui-page-column-footer' }]
267
+ args: [{ selector: 'eui-page-column-footer', standalone: true }]
283
268
  }] });
284
269
 
285
270
  class EuiPageContentComponent {
@@ -287,14 +272,16 @@ class EuiPageContentComponent {
287
272
  this.class = 'eui-page-content';
288
273
  }
289
274
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
290
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageContentComponent, selector: "eui-page-content", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
275
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageContentComponent, isStandalone: true, selector: "eui-page-content", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
291
276
  }
292
277
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageContentComponent, decorators: [{
293
278
  type: Component,
294
279
  args: [{
295
280
  selector: 'eui-page-content',
296
281
  template: '<ng-content></ng-content>',
282
+ changeDetection: ChangeDetectionStrategy.OnPush,
297
283
  encapsulation: ViewEncapsulation.None,
284
+ standalone: true,
298
285
  }]
299
286
  }], propDecorators: { class: [{
300
287
  type: HostBinding
@@ -326,11 +313,16 @@ class EuiPageHeaderComponent {
326
313
  this.collapse.emit(this.isCollapsed);
327
314
  }
328
315
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
329
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiPageHeaderComponent, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "headerBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageHeaderComponent), descendants: true }], ngImport: i0, template: "<div class=\"eui-common-header__label\">\n <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n <div class=\"eui-common-header__actions\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</div>\n@if (subLabel) {\n <div\n class=\"eui-common-header__sub-label\"\n role=\"heading\"\n aria-level=\"2\"\n [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n attr.aria-label=\"{{ subLabel }}\"\n [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n </div>\n} @else {\n <ng-content select=\"eui-page-header-sub-label\"></ng-content>\n}\n\n\n@if (isCollapsible) {\n <ng-container *ngIf=\"!isCollapsed\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </ng-container>\n <div\n class=\"eui-button__expand-trigger\"\n [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n role=\"document\"\n (click)=\"onToggle()\"\n aria-label=\"Expand / Collapse trigger\">\n <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n <span *ngIf=\"expandedLabel\" class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n <span *ngIf=\"collapsedLabel\" class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n <eui-icon-svg icon=\"chevron-up:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n </div>\n}\n\n@if (!isCollapsible && headerBodyContent) {\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n <ng-content select=\"eui-page-header-body\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i3$1.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
316
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiPageHeaderComponent, isStandalone: true, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "headerBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageHeaderComponent), descendants: true }], ngImport: i0, template: "<div class=\"eui-common-header__label\">\n <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n <div class=\"eui-common-header__actions\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</div>\n@if (subLabel) {\n <div\n class=\"eui-common-header__sub-label\"\n role=\"heading\"\n aria-level=\"2\"\n [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n attr.aria-label=\"{{ subLabel }}\"\n [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n </div>\n} @else {\n <ng-content select=\"eui-page-header-sub-label\"></ng-content>\n}\n\n\n@if (isCollapsible) {\n @if (!isCollapsed) {\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n }\n <div\n class=\"eui-button__expand-trigger\"\n [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n role=\"document\"\n (click)=\"onToggle()\"\n aria-label=\"Expand / Collapse trigger\">\n @if (isCollapsed) {\n <!-- TODO v18 refactor using eui-icon-button-expander -->\n <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n @if (expandedLabel) {\n <span class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n }\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n } @else {\n <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n @if (collapsedLabel) {\n <span class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n }\n <eui-icon-svg icon=\"chevron-up:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n }\n </div>\n}\n\n@if (!isCollapsible && headerBodyContent) {\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n <ng-content select=\"eui-page-header-body\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "ngmodule", type: EuiButtonModule }, { kind: "ngmodule", type: EuiTooltipDirectiveModule }, { kind: "directive", type: i2$1.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
330
317
  }
331
318
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderComponent, decorators: [{
332
319
  type: Component,
333
- args: [{ selector: 'eui-page-header', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-common-header__label\">\n <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n <div class=\"eui-common-header__actions\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</div>\n@if (subLabel) {\n <div\n class=\"eui-common-header__sub-label\"\n role=\"heading\"\n aria-level=\"2\"\n [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n attr.aria-label=\"{{ subLabel }}\"\n [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n </div>\n} @else {\n <ng-content select=\"eui-page-header-sub-label\"></ng-content>\n}\n\n\n@if (isCollapsible) {\n <ng-container *ngIf=\"!isCollapsed\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </ng-container>\n <div\n class=\"eui-button__expand-trigger\"\n [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n role=\"document\"\n (click)=\"onToggle()\"\n aria-label=\"Expand / Collapse trigger\">\n <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n <span *ngIf=\"expandedLabel\" class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n <span *ngIf=\"collapsedLabel\" class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n <eui-icon-svg icon=\"chevron-up:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n </div>\n}\n\n@if (!isCollapsible && headerBodyContent) {\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n <ng-content select=\"eui-page-header-body\"></ng-content>\n</ng-template>\n" }]
320
+ args: [{ selector: 'eui-page-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
321
+ EuiIconModule,
322
+ EuiButtonModule,
323
+ EuiTooltipDirectiveModule,
324
+ NgTemplateOutlet,
325
+ ], template: "<div class=\"eui-common-header__label\">\n <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n <div class=\"eui-common-header__actions\">\n <ng-content select=\"eui-page-header-action-items\"></ng-content>\n </div>\n</div>\n@if (subLabel) {\n <div\n class=\"eui-common-header__sub-label\"\n role=\"heading\"\n aria-level=\"2\"\n [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n attr.aria-label=\"{{ subLabel }}\"\n [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n </div>\n} @else {\n <ng-content select=\"eui-page-header-sub-label\"></ng-content>\n}\n\n\n@if (isCollapsible) {\n @if (!isCollapsed) {\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n }\n <div\n class=\"eui-button__expand-trigger\"\n [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n role=\"document\"\n (click)=\"onToggle()\"\n aria-label=\"Expand / Collapse trigger\">\n @if (isCollapsed) {\n <!-- TODO v18 refactor using eui-icon-button-expander -->\n <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n @if (expandedLabel) {\n <span class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n }\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n } @else {\n <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n @if (collapsedLabel) {\n <span class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n }\n <eui-icon-svg icon=\"chevron-up:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n }\n </div>\n}\n\n@if (!isCollapsible && headerBodyContent) {\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n <ng-content select=\"eui-page-header-body\"></ng-content>\n</ng-template>\n" }]
334
326
  }], propDecorators: { cssClasses: [{
335
327
  type: HostBinding,
336
328
  args: ['class']
@@ -367,11 +359,11 @@ class EuiPageHeroHeaderComponent {
367
359
  return ['eui-page-hero-header'].join(' ').trim();
368
360
  }
369
361
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeroHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
370
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeroHeaderComponent, selector: "eui-page-hero-header", inputs: { label: "label", subLabel: "subLabel" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n", encapsulation: i0.ViewEncapsulation.None }); }
362
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeroHeaderComponent, isStandalone: true, selector: "eui-page-hero-header", inputs: { label: "label", subLabel: "subLabel" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
371
363
  }
372
364
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeroHeaderComponent, decorators: [{
373
365
  type: Component,
374
- args: [{ selector: 'eui-page-hero-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n" }]
366
+ args: [{ selector: 'eui-page-hero-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n" }]
375
367
  }], propDecorators: { label: [{
376
368
  type: Input
377
369
  }], subLabel: [{
@@ -390,14 +382,16 @@ class EuiPageFooterComponent {
390
382
  this.e2eAttr = 'eui-page-footer';
391
383
  }
392
384
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageFooterComponent, deps: [{ token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
393
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageFooterComponent, selector: "eui-page-footer", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
385
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageFooterComponent, isStandalone: true, selector: "eui-page-footer", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
394
386
  }
395
387
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageFooterComponent, decorators: [{
396
388
  type: Component,
397
389
  args: [{
398
390
  selector: 'eui-page-footer',
399
391
  template: '<ng-content></ng-content>',
392
+ changeDetection: ChangeDetectionStrategy.OnPush,
400
393
  encapsulation: ViewEncapsulation.None,
394
+ standalone: true,
401
395
  hostDirectives: [
402
396
  {
403
397
  directive: BaseStatesDirective,
@@ -422,14 +416,16 @@ class EuiPageBreadcrumbComponent {
422
416
  this.class = 'eui-page-breadcrumb';
423
417
  }
424
418
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
425
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageBreadcrumbComponent, selector: "eui-page-breadcrumb", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
419
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageBreadcrumbComponent, isStandalone: true, selector: "eui-page-breadcrumb", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
426
420
  }
427
421
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageBreadcrumbComponent, decorators: [{
428
422
  type: Component,
429
423
  args: [{
430
424
  selector: 'eui-page-breadcrumb',
431
425
  template: '<ng-content></ng-content>',
426
+ changeDetection: ChangeDetectionStrategy.OnPush,
432
427
  encapsulation: ViewEncapsulation.None,
428
+ standalone: true,
433
429
  }]
434
430
  }], propDecorators: { class: [{
435
431
  type: HostBinding
@@ -443,14 +439,16 @@ class EuiPageTopContentComponent {
443
439
  return 'eui-page-top-content';
444
440
  }
445
441
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageTopContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
446
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageTopContentComponent, selector: "eui-page-top-content", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
442
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageTopContentComponent, isStandalone: true, selector: "eui-page-top-content", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
447
443
  }
448
444
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageTopContentComponent, decorators: [{
449
445
  type: Component,
450
446
  args: [{
451
447
  selector: 'eui-page-top-content',
452
448
  template: '<ng-content></ng-content>',
449
+ changeDetection: ChangeDetectionStrategy.OnPush,
453
450
  encapsulation: ViewEncapsulation.None,
451
+ standalone: true,
454
452
  }]
455
453
  }], propDecorators: { cssClasses: [{
456
454
  type: HostBinding,
@@ -467,14 +465,16 @@ class EuiPageHeaderSubLabelComponent {
467
465
  return 'eui-page-header-sub-label';
468
466
  }
469
467
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderSubLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
470
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeaderSubLabelComponent, selector: "eui-page-header-sub-label", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
468
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeaderSubLabelComponent, isStandalone: true, selector: "eui-page-header-sub-label", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
471
469
  }
472
470
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderSubLabelComponent, decorators: [{
473
471
  type: Component,
474
472
  args: [{
475
473
  selector: 'eui-page-header-sub-label',
476
474
  template: '<ng-content></ng-content>',
475
+ changeDetection: ChangeDetectionStrategy.OnPush,
477
476
  encapsulation: ViewEncapsulation.None,
477
+ standalone: true,
478
478
  }]
479
479
  }], propDecorators: { cssClasses: [{
480
480
  type: HostBinding,
@@ -486,14 +486,16 @@ class EuiPageHeaderBodyComponent {
486
486
  return 'eui-page-header-body';
487
487
  }
488
488
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
489
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeaderBodyComponent, selector: "eui-page-header-body", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
489
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeaderBodyComponent, isStandalone: true, selector: "eui-page-header-body", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
490
490
  }
491
491
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderBodyComponent, decorators: [{
492
492
  type: Component,
493
493
  args: [{
494
494
  selector: 'eui-page-header-body',
495
495
  template: '<ng-content></ng-content>',
496
+ changeDetection: ChangeDetectionStrategy.OnPush,
496
497
  encapsulation: ViewEncapsulation.None,
498
+ standalone: true,
497
499
  }]
498
500
  }], propDecorators: { cssClasses: [{
499
501
  type: HostBinding,
@@ -505,21 +507,23 @@ class EuiPageHeaderActionItemsComponent {
505
507
  return 'eui-page-header-action-items';
506
508
  }
507
509
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
508
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeaderActionItemsComponent, selector: "eui-page-header-action-items", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
510
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiPageHeaderActionItemsComponent, isStandalone: true, selector: "eui-page-header-action-items", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
509
511
  }
510
512
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageHeaderActionItemsComponent, decorators: [{
511
513
  type: Component,
512
514
  args: [{
513
515
  selector: 'eui-page-header-action-items',
514
516
  template: '<ng-content></ng-content>',
517
+ changeDetection: ChangeDetectionStrategy.OnPush,
515
518
  encapsulation: ViewEncapsulation.None,
519
+ standalone: true,
516
520
  }]
517
521
  }], propDecorators: { cssClasses: [{
518
522
  type: HostBinding,
519
523
  args: ['class']
520
524
  }] } });
521
525
 
522
- const COMPONENTS = [
526
+ const STA_COMPONENTS = [
523
527
  EuiPageComponent,
524
528
  EuiPageColumnComponent,
525
529
  EuiPageColumnHeaderBodyContentDirective,
@@ -541,7 +545,7 @@ const COMPONENTS = [
541
545
  ];
542
546
  class EuiPageModule {
543
547
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
544
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: EuiPageModule, declarations: [EuiPageComponent,
548
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: EuiPageModule, imports: [EuiPageComponent,
545
549
  EuiPageColumnComponent,
546
550
  EuiPageColumnHeaderBodyContentDirective,
547
551
  EuiPageColumnHeaderLeftContentDirective,
@@ -558,12 +562,7 @@ class EuiPageModule {
558
562
  EuiPageHeroHeaderComponent,
559
563
  EuiPageFooterComponent,
560
564
  EuiPageBreadcrumbComponent,
561
- EuiPageTopContentComponent], imports: [CommonModule,
562
- EuiButtonModule,
563
- EuiIconModule,
564
- CdkScrollableModule,
565
- EuiResizableDirectiveModule,
566
- EuiTooltipDirectiveModule], exports: [EuiPageComponent,
565
+ EuiPageTopContentComponent], exports: [EuiPageComponent,
567
566
  EuiPageColumnComponent,
568
567
  EuiPageColumnHeaderBodyContentDirective,
569
568
  EuiPageColumnHeaderLeftContentDirective,
@@ -581,26 +580,17 @@ class EuiPageModule {
581
580
  EuiPageFooterComponent,
582
581
  EuiPageBreadcrumbComponent,
583
582
  EuiPageTopContentComponent] }); }
584
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageModule, imports: [CommonModule,
585
- EuiButtonModule,
586
- EuiIconModule,
587
- CdkScrollableModule,
588
- EuiResizableDirectiveModule,
589
- EuiTooltipDirectiveModule] }); }
583
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageModule, imports: [EuiPageColumnComponent,
584
+ EuiPageHeaderComponent] }); }
590
585
  }
591
586
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageModule, decorators: [{
592
587
  type: NgModule,
593
588
  args: [{
594
589
  imports: [
595
- CommonModule,
596
- EuiButtonModule,
597
- EuiIconModule,
598
- CdkScrollableModule,
599
- EuiResizableDirectiveModule,
600
- EuiTooltipDirectiveModule,
590
+ ...STA_COMPONENTS,
601
591
  ],
602
- declarations: [...COMPONENTS],
603
- exports: [...COMPONENTS],
592
+ declarations: [],
593
+ exports: [...STA_COMPONENTS],
604
594
  }]
605
595
  }] });
606
596