@eui/components 18.0.0-rc.26 → 18.0.0-rc.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiPageColumnComponent.html +2 -2
- package/docs/dependencies.html +1 -3
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
- package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
- package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +9 -6
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-tree/eui-tree.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
- package/eui-page/components/eui-page-column/eui-page-column.component.d.ts +1 -1
- package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
- package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +2 -2
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +9 -7
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +2 -2
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +2 -2
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +3 -3
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-components-eui-fieldset.mjs","sources":["../../eui-fieldset/eui-fieldset.component.ts","../../eui-fieldset/eui-fieldset.component.html","../../eui-fieldset/eui-fieldset.module.ts","../../eui-fieldset/eui-components-eui-fieldset.ts"],"sourcesContent":["import {\n AfterContentInit,\n Component,\n ContentChildren,\n Directive,\n EventEmitter,\n HostBinding,\n Input,\n OnChanges,\n Output,\n QueryList,\n TemplateRef,\n ViewEncapsulation,\n booleanAttribute,\n} from '@angular/core';\nimport { EuiTemplateDirective } from '@eui/components/directives';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-fieldset',\n templateUrl: './eui-fieldset.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiHighlighted',\n ],\n },\n ],\n})\nexport class EuiFieldsetComponent implements AfterContentInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-fieldset'),\n this.isFirst ? 'eui-fieldset--first' : '',\n this.isExpandable ? 'eui-fieldset--expandable' : '',\n this.iconSvgFillColor ? 'eui-fieldset--has-icon-color': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input() iconSvgName: string;\n @Input() iconSvgFillColor: string;\n\n @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n @Input({ transform: booleanAttribute }) isExpandable = false;\n @Input({ transform: booleanAttribute }) isExpanded = true;\n @Input({ transform: booleanAttribute }) isLarge = false;\n @Input({ transform: booleanAttribute }) isFirst = false;\n\n @Output() expand: EventEmitter<string> = new EventEmitter();\n\n public expandMenuLabel = 'Expand ';\n public collapseMenuLabel = 'Collapse ';\n public iconSvgType = 'eui-info';\n\n protected lazyContent: TemplateRef<HTMLElement>;\n @ContentChildren(EuiTemplateDirective) templates: QueryList<EuiTemplateDirective>;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngAfterContentInit(): void {\n const lazyTemplate = this.templates.filter(t => t.name === 'eui-fieldset-content')[0];\n if (lazyTemplate) {\n this.lazyContent = lazyTemplate.template;\n }\n }\n\n onToggle(): void {\n if (this.isExpandable) {\n this.isExpanded = !this.isExpanded;\n this.expand.emit(this.id);\n }\n }\n}\n\n/* eslint-disable */\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/* eslint-enable */\n","<div class=\"eui-fieldset__container\">\n <button *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n @if (iconSvgName) {\n <div class=\"eui-fieldset__header-icon\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"/>\n </div>\n }\n @if (hasDefaultIcon) {\n <div class=\"eui-fieldset__header-icon\">\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n </div>\n }\n <span euiLabel>{{ label }}</span>\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n <eui-icon-button-expander *ngIf=\"isExpandable\"\n [isExpanded]=\"isExpanded\"\n isDirectionForward\n fillColor=\"neutral\">\n </eui-icon-button-expander>\n </div>\n </button>\n <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n @if (lazyContent) {\n <ng-template [ngTemplateOutlet]=\"lazyContent\"></ng-template>\n } @else {\n <ng-content></ng-content>\n }\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonExpanderModule } from '@eui/components/eui-icon-button-expander';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n EuiFieldsetComponent,\n EuiFieldsetLabelExtraContentTagDirective,\n EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule, EuiIconButtonExpanderModule, EuiIconStateModule, BaseStatesDirective],\n exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"eui-components-eui-fieldset.mjs","sources":["../../eui-fieldset/eui-fieldset.component.ts","../../eui-fieldset/eui-fieldset.component.html","../../eui-fieldset/eui-fieldset.module.ts","../../eui-fieldset/eui-components-eui-fieldset.ts"],"sourcesContent":["import {\n AfterContentInit,\n Component,\n ContentChildren,\n Directive,\n EventEmitter,\n HostBinding,\n Input,\n OnChanges,\n Output,\n QueryList,\n TemplateRef,\n ViewEncapsulation,\n booleanAttribute,\n} from '@angular/core';\nimport { EuiTemplateDirective } from '@eui/components/directives';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-fieldset',\n templateUrl: './eui-fieldset.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiHighlighted',\n ],\n },\n ],\n})\nexport class EuiFieldsetComponent implements AfterContentInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-fieldset'),\n this.isFirst ? 'eui-fieldset--first' : '',\n this.isExpandable ? 'eui-fieldset--expandable' : '',\n this.iconSvgFillColor ? 'eui-fieldset--has-icon-color': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input() iconSvgName: string;\n @Input() iconSvgFillColor: string;\n\n @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n @Input({ transform: booleanAttribute }) isExpandable = false;\n @Input({ transform: booleanAttribute }) isExpanded = true;\n @Input({ transform: booleanAttribute }) isLarge = false;\n @Input({ transform: booleanAttribute }) isFirst = false;\n\n @Output() expand: EventEmitter<string> = new EventEmitter();\n\n public expandMenuLabel = 'Expand ';\n public collapseMenuLabel = 'Collapse ';\n public iconSvgType = 'eui-info';\n\n protected lazyContent: TemplateRef<HTMLElement>;\n @ContentChildren(EuiTemplateDirective) templates: QueryList<EuiTemplateDirective>;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngAfterContentInit(): void {\n const lazyTemplate = this.templates.filter(t => t.name === 'eui-fieldset-content')[0];\n if (lazyTemplate) {\n this.lazyContent = lazyTemplate.template;\n }\n }\n\n onToggle(): void {\n if (this.isExpandable) {\n this.isExpanded = !this.isExpanded;\n this.expand.emit(this.id);\n }\n }\n}\n\n/* eslint-disable */\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/* eslint-enable */\n","<div class=\"eui-fieldset__container\">\n <button *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n @if (iconSvgName) {\n <div class=\"eui-fieldset__header-icon\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"/>\n </div>\n }\n @if (hasDefaultIcon) {\n <div class=\"eui-fieldset__header-icon\">\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\"/>\n </div>\n }\n <span euiLabel>{{ label }}</span>\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n <eui-icon-button-expander *ngIf=\"isExpandable\"\n [isExpanded]=\"isExpanded\"\n isDirectionForward\n fillColor=\"neutral\">\n </eui-icon-button-expander>\n </div>\n </button>\n <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n @if (lazyContent) {\n <ng-template [ngTemplateOutlet]=\"lazyContent\"></ng-template>\n } @else {\n <ng-content></ng-content>\n }\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonExpanderModule } from '@eui/components/eui-icon-button-expander';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n EuiFieldsetComponent,\n EuiFieldsetLabelExtraContentTagDirective,\n EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule, EuiIconButtonExpanderModule, EuiIconStateModule, BaseStatesDirective],\n exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -56,11 +56,11 @@ class EuiOverlayComponent {
|
|
56
56
|
}
|
57
57
|
}
|
58
58
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: ["isActive", "isActive", booleanAttribute], euiHighlighted: ["euiHighlighted", "euiHighlighted", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, ngImport: i0, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-zi-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-m) var(--eui-s-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-m-bold)}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;align-items:center;flex-direction:row}.eui-overlay-header-title__label{display:flex;align-items:center;font:var(--eui-f-l-bold)}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: ["isActive", "isActive", booleanAttribute], euiHighlighted: ["euiHighlighted", "euiHighlighted", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, ngImport: i0, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-zi-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-m) var(--eui-s-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-m-bold)}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;align-items:center;flex-direction:row}.eui-overlay-header-title__label{display:flex;align-items:center;font:var(--eui-f-l-bold)}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-overlay-footer{background-color:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);flex:0 0 auto;padding:var(--eui-s-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-sh-8)}.eui-overlay--highlighted{z-index:var(--eui-zi-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-c-primary);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
60
60
|
}
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiOverlayComponent, decorators: [{
|
62
62
|
type: Component,
|
63
|
-
args: [{ selector: 'eui-overlay', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-zi-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-m) var(--eui-s-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-m-bold)}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;align-items:center;flex-direction:row}.eui-overlay-header-title__label{display:flex;align-items:center;font:var(--eui-f-l-bold)}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:
|
63
|
+
args: [{ selector: 'eui-overlay', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-zi-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-m) var(--eui-s-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-m-bold)}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;align-items:center;flex-direction:row}.eui-overlay-header-title__label{display:flex;align-items:center;font:var(--eui-f-l-bold)}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-overlay-footer{background-color:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);flex:0 0 auto;padding:var(--eui-s-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-sh-8)}.eui-overlay--highlighted{z-index:var(--eui-zi-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-c-primary);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: 1400px){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
|
64
64
|
}], propDecorators: { cssClasses: [{
|
65
65
|
type: HostBinding,
|
66
66
|
args: ['class']
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-components-eui-overlay.mjs","sources":["../../eui-overlay/eui-overlay.component.ts","../../eui-overlay/eui-overlay.component.html","../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.ts","../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.html","../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.ts","../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.html","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.html","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.html","../../eui-overlay/eui-overlay.module.ts","../../eui-overlay/eui-components-eui-overlay.ts"],"sourcesContent":["import { Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay',\n templateUrl: './eui-overlay.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-overlay',\n this.isActive ? 'eui-overlay--is-active' : '',\n this.euiHighlighted ? 'eui-overlay--highlighted' : '',\n this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'dialog';\n @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n @Input({ transform: booleanAttribute }) isActive = false;\n @Input({ transform: booleanAttribute }) euiHighlighted = false;\n @Input({ transform: booleanAttribute }) hasClosedOnClickOutside = false;\n @Input() position = 'right';\n @Input() width: string;\n @Input() fixedWidth: string;\n\n @Output() activeState = new EventEmitter<boolean>();\n\n @HostListener('keydown', ['$event'])\n onKeydown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.activeState.emit(false);\n }\n }\n\n @HostListener('document:click', ['$event'])\n onClick(event: MouseEvent): void {\n if (this.hasClosedOnClickOutside) {\n let targetElement = event.target as HTMLElement;\n let isInsideOverlay = false;\n\n while (targetElement) {\n if (targetElement.classList.contains('eui-overlay')) {\n isInsideOverlay = true;\n break;\n }\n targetElement = targetElement.parentElement;\n }\n\n if (!isInsideOverlay && this.isActive) {\n this.activeState.emit(false);\n }\n }\n }\n}\n","<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n","import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-header-title',\n templateUrl: './eui-overlay-header-title.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-header-title';\n }\n\n @Input() headerTitleLabel: string = null;\n @Input() headerTitleHideLabel: string = null;\n @Input() headerTitleCount: string = null;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n onHide(): void {\n this.hide.emit();\n }\n}\n","<div class=\"eui-overlay-header-title\">\n <div class=\"eui-overlay-header-title__label-wrapper\">\n <div class=\"eui-overlay-header-title__label\">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class=\"eui-overlay-header-title__actions\">\n <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n <button\n (click)=\"onHide()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n\n <!-- <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon=\"chevron-forward:sharp\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </a> -->\n </div>\n </div>\n </div>\n\n <div class=\"eui-overlay-header-title__subactions-bar\">\n <ng-content></ng-content>\n </div>\n</div>\n","import { Component, ContentChild, HostBinding, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';\n\nimport { EuiOverlayHeaderTitleComponent } from '../eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n selector: 'eui-overlay-header',\n templateUrl: './eui-overlay-header.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent {\n\n @ContentChild(forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }) hasHeaderTitle: QueryList<EuiOverlayHeaderTitleComponent>;\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-overlay-header',\n this.hasHeaderTitle ? 'eui-overlay-header--with-title' : '',\n ].join(' ').trim();\n }\n}\n","<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-body',\n templateUrl: './eui-overlay-body.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-body';\n }\n}\n","<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-footer',\n templateUrl: './eui-overlay-footer.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-footer';\n }\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\nimport { EuiOverlayComponent } from './eui-overlay.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\n@NgModule({\n imports: [CommonModule, EuiBadgeModule, A11yModule, EuiButtonModule, EuiIconModule],\n declarations: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n exports: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n})\nexport class EuiOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"eui-components-eui-overlay.mjs","sources":["../../eui-overlay/eui-overlay.component.ts","../../eui-overlay/eui-overlay.component.html","../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.ts","../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.html","../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.ts","../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.html","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts","../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.html","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts","../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.html","../../eui-overlay/eui-overlay.module.ts","../../eui-overlay/eui-components-eui-overlay.ts"],"sourcesContent":["import { Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay',\n templateUrl: './eui-overlay.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-overlay',\n this.isActive ? 'eui-overlay--is-active' : '',\n this.euiHighlighted ? 'eui-overlay--highlighted' : '',\n this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'dialog';\n @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n @Input({ transform: booleanAttribute }) isActive = false;\n @Input({ transform: booleanAttribute }) euiHighlighted = false;\n @Input({ transform: booleanAttribute }) hasClosedOnClickOutside = false;\n @Input() position = 'right';\n @Input() width: string;\n @Input() fixedWidth: string;\n\n @Output() activeState = new EventEmitter<boolean>();\n\n @HostListener('keydown', ['$event'])\n onKeydown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.activeState.emit(false);\n }\n }\n\n @HostListener('document:click', ['$event'])\n onClick(event: MouseEvent): void {\n if (this.hasClosedOnClickOutside) {\n let targetElement = event.target as HTMLElement;\n let isInsideOverlay = false;\n\n while (targetElement) {\n if (targetElement.classList.contains('eui-overlay')) {\n isInsideOverlay = true;\n break;\n }\n targetElement = targetElement.parentElement;\n }\n\n if (!isInsideOverlay && this.isActive) {\n this.activeState.emit(false);\n }\n }\n }\n}\n","<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n","import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-header-title',\n templateUrl: './eui-overlay-header-title.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-header-title';\n }\n\n @Input() headerTitleLabel: string = null;\n @Input() headerTitleHideLabel: string = null;\n @Input() headerTitleCount: string = null;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n onHide(): void {\n this.hide.emit();\n }\n}\n","<div class=\"eui-overlay-header-title\">\n <div class=\"eui-overlay-header-title__label-wrapper\">\n <div class=\"eui-overlay-header-title__label\">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class=\"eui-overlay-header-title__actions\">\n <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n <button\n (click)=\"onHide()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n\n <!-- <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon=\"chevron-forward:sharp\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </a> -->\n </div>\n </div>\n </div>\n\n <div class=\"eui-overlay-header-title__subactions-bar\">\n <ng-content></ng-content>\n </div>\n</div>\n","import { Component, ContentChild, HostBinding, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';\n\nimport { EuiOverlayHeaderTitleComponent } from '../eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n selector: 'eui-overlay-header',\n templateUrl: './eui-overlay-header.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent {\n\n @ContentChild(forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }) hasHeaderTitle: QueryList<EuiOverlayHeaderTitleComponent>;\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-overlay-header',\n this.hasHeaderTitle ? 'eui-overlay-header--with-title' : '',\n ].join(' ').trim();\n }\n}\n","<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-body',\n templateUrl: './eui-overlay-body.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-body';\n }\n}\n","<ng-content></ng-content>\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-footer',\n templateUrl: './eui-overlay-footer.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-footer';\n }\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\nimport { EuiOverlayComponent } from './eui-overlay.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\n@NgModule({\n imports: [CommonModule, EuiBadgeModule, A11yModule, EuiButtonModule, EuiIconModule],\n declarations: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n exports: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n})\nexport class EuiOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
|
@@ -7,9 +7,8 @@ import * as i3 from '@eui/components/eui-icon';
|
|
7
7
|
import { EuiIconModule } from '@eui/components/eui-icon';
|
8
8
|
import * as i4 from '@eui/components/eui-button';
|
9
9
|
import { EuiButtonModule } from '@eui/components/eui-button';
|
10
|
-
import * as i5 from 'ngx-scrollbar';
|
11
|
-
import { NgScrollbarModule } from 'ngx-scrollbar';
|
12
10
|
import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
|
11
|
+
import { CdkScrollable } from '@angular/cdk/scrolling';
|
13
12
|
import * as i1 from '@eui/core';
|
14
13
|
import * as i2$1 from '@eui/components/directives';
|
15
14
|
import { EuiTooltipDirectiveModule } from '@eui/components/directives';
|
@@ -53,11 +52,11 @@ class EuiPageComponent {
|
|
53
52
|
return ['eui-page', this.columns ? 'eui-page--with-columns' : ''].join(' ').trim();
|
54
53
|
}
|
55
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
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 }); }
|
55
|
+
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:8px;width:8px;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;overflow-y:scroll;width:100%;padding-left:.15rem;padding-right:var(--eui-s-xs)}.eui-page-column__body::-webkit-scrollbar{display:inherit;height:8px;width:8px;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:8px;width:8px;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:var(--eui-c-bg);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 }); }
|
57
56
|
}
|
58
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageComponent, decorators: [{
|
59
58
|
type: Component,
|
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"] }]
|
59
|
+
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:8px;width:8px;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;overflow-y:scroll;width:100%;padding-left:.15rem;padding-right:var(--eui-s-xs)}.eui-page-column__body::-webkit-scrollbar{display:inherit;height:8px;width:8px;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:8px;width:8px;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:var(--eui-c-bg);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"] }]
|
61
60
|
}], propDecorators: { cssClasses: [{
|
62
61
|
type: HostBinding,
|
63
62
|
args: ['class']
|
@@ -125,15 +124,18 @@ class EuiPageColumnComponent {
|
|
125
124
|
this.collapse.emit(this.isCollapsed);
|
126
125
|
}
|
127
126
|
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 }); }
|
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 }
|
127
|
+
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\" cdkScrollable>\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\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: "directive", type:
|
128
|
+
// NgScrollbarModule,
|
129
|
+
NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
129
130
|
}
|
130
131
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiPageColumnComponent, decorators: [{
|
131
132
|
type: Component,
|
132
133
|
args: [{ selector: 'eui-page-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
133
134
|
EuiIconModule,
|
134
135
|
EuiButtonModule,
|
135
|
-
NgScrollbarModule,
|
136
|
+
// NgScrollbarModule,
|
136
137
|
NgTemplateOutlet,
|
138
|
+
CdkScrollable,
|
137
139
|
AsyncPipe,
|
138
140
|
], hostDirectives: [
|
139
141
|
{
|
@@ -150,7 +152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
150
152
|
'euiHighlighted',
|
151
153
|
],
|
152
154
|
},
|
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 }
|
155
|
+
], 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\" cdkScrollable>\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\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" }]
|
154
156
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
155
157
|
type: Host
|
156
158
|
}, {
|