import * as i0 from '@angular/core';
import { HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ElementRef, NgZone, booleanAttribute, Input, EventEmitter, forwardRef, ContentChild, Output, Directive, NgModule } from '@angular/core';
import { Subject, debounceTime, takeUntil } from 'rxjs';
import { EuiAppShellService } from '@eui/core';
import * as i1 from '@eui/components/shared';
import { BaseStatesDirective } from '@eui/components/shared';
import * as i2 from '@eui/components/eui-icon';
import { EUI_ICON } from '@eui/components/eui-icon';
import * as i3 from '@eui/components/eui-button';
import { EUI_BUTTON } from '@eui/components/eui-button';
import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
import { CdkScrollable } from '@angular/cdk/scrolling';
import { EuiTooltipDirective } from '@eui/components/directives';

class EuiPageBreadcrumbComponent {
    constructor() {
        this.class = 'eui-page-breadcrumb';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageBreadcrumbComponent, isStandalone: true, selector: "eui-page-breadcrumb", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageBreadcrumbComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-breadcrumb',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                }]
        }], propDecorators: { class: [{
                type: HostBinding
            }] } });

class EuiPageColumnsComponent {
    constructor() {
        this.hasPreventMobileRendering = false;
        this.width = new Subject;
        this.host = inject(ElementRef);
        this.zone = inject(NgZone);
    }
    get cssClasses() {
        return [
            'eui-page-columns',
            this.hasPreventMobileRendering ? 'eui-page-columns--prevent-mobile-rendering' : '',
        ].join(' ').trim();
    }
    ngOnInit() {
        this.observer = new ResizeObserver(entries => {
            this.zone.run(() => {
                this.width.next(entries[0].contentRect.width);
            });
        });
        this.observer.observe(this.host.nativeElement);
    }
    ngOnDestroy() {
        this.observer.unobserve(this.host.nativeElement);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: EuiPageColumnsComponent, isStandalone: true, selector: "eui-page-columns", inputs: { hasPreventMobileRendering: ["hasPreventMobileRendering", "hasPreventMobileRendering", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnsComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-columns',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.Default,
                    encapsulation: ViewEncapsulation.None,
                }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], hasPreventMobileRendering: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }] } });

class EuiPageColumnComponent {
    constructor() {
        this.autocloseContainerWidth = null;
        this.isCollapsible = false;
        this.isCollapsed = false;
        this.isRightCollapsible = false;
        this.isHighlighted = false;
        this.isCollapsedWithIcons = false;
        this.hasSidebarMenu = false;
        this.hasHeaderBodyShrinkable = false;
        this.isAutocloseOnContainerResize = false;
        this.isAutocloseOnMobile = false;
        this.collapse = new EventEmitter();
        this.headerCollapse = new EventEmitter();
        this.isActive = false;
        this.isHeaderBodyShrinked = false;
        this.hasPreventMobileRendering = false;
        this.currentOffset = 0;
        this.previousOffset = 0;
        this.treshHold = 50;
        this.asService = inject(EuiAppShellService);
        this.baseStatesDirective = inject(BaseStatesDirective);
        this.pageColumnsParent = inject(EuiPageColumnsComponent, { host: true, optional: true });
        this.destroy$ = new Subject();
    }
    get cssClasses() {
        return [
            this.isCollapsed ? 'eui-page-column eui-page-column--collapsed' : this.baseStatesDirective.getCssClasses('eui-page-column'),
            this.isCollapsedWithIcons ? 'eui-page-column__header--with-icons' : '',
            this.isHighlighted ? 'eui-page-column--highlighted' : '',
            this.isActive ? 'eui-page-column--active' : '',
            this.hasSidebarMenu ? 'eui-page-column--has-sidebar-menu' : '',
            this.isHeaderBodyShrinked ? 'eui-page-column__header--shrinked' : '',
            this.hasPreventMobileRendering ? 'eui-page-column--prevent-mobile-rendering' : '',
        ]
            .join(' ')
            .trim();
    }
    ngOnInit() {
        // this.baseStatesDirective.euiSizeS = false; // Bypass size default
        if (this.pageColumnsParent && this.isAutocloseOnContainerResize && this.autocloseContainerWidth) {
            this.pageColumnsParent.width.pipe(debounceTime(100), takeUntil(this.destroy$)).subscribe((parentWidth) => {
                if (parentWidth <= this.autocloseContainerWidth) {
                    this.isCollapsed = true;
                    this.collapse.emit(this.isCollapsed);
                }
            });
        }
        if (this.pageColumnsParent && this.pageColumnsParent.hasPreventMobileRendering) {
            this.hasPreventMobileRendering = this.pageColumnsParent.hasPreventMobileRendering;
        }
        if (this.isAutocloseOnMobile) {
            this.asService.breakpoints$.pipe(takeUntil(this.destroy$)).subscribe((bkps) => {
                if (bkps.isMobile) {
                    this.isCollapsed = true;
                }
            });
        }
        this.expandAriaLabel = `Expand ${this.label}`;
        this.collapseAriaLabel = `Collapse ${this.label}`;
    }
    ngOnDestroy() {
        this.destroy$.next(true);
        this.destroy$.unsubscribe();
    }
    onToggle() {
        this.isCollapsed = !this.isCollapsed;
        this.collapse.emit(this.isCollapsed);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuiPageColumnComponent, isStandalone: true, selector: "eui-page-column", inputs: { 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], isAutocloseOnMobile: ["isAutocloseOnMobile", "isAutocloseOnMobile", 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: i1.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 && !hasPreventMobileRendering) {\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 && !hasPreventMobileRendering) {\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    tabindex=\"0\"\n    [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\" cdkScrollable>\n    <ng-content *ngTemplateOutlet=\"body\"></ng-content>\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\" />\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: i2.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: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiCTAButton", "euiBlockButton", "euiIconButton", "euiAvatarButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-page-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                        NgTemplateOutlet,
                        CdkScrollable,
                        AsyncPipe,
                        ...EUI_ICON,
                        ...EUI_BUTTON,
                    ], hostDirectives: [
                        {
                            directive: BaseStatesDirective,
                            inputs: [
                                'euiSizeS',
                                'euiSizeM',
                                'euiSizeL',
                                'euiSizeXL',
                                'euiSize2XL',
                                'euiSize3XL',
                                'euiSize4XL',
                                'euiSizeVariant',
                                'euiHighlighted',
                            ],
                        },
                    ], 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 && !hasPreventMobileRendering) {\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 && !hasPreventMobileRendering) {\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    tabindex=\"0\"\n    [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\" cdkScrollable>\n    <ng-content *ngTemplateOutlet=\"body\"></ng-content>\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\" />\n</ng-template>\n" }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], label: [{
                type: Input
            }], subLabel: [{
                type: Input
            }], autocloseContainerWidth: [{
                type: Input
            }], expandAriaLabel: [{
                type: Input
            }], collapseAriaLabel: [{
                type: Input
            }], isCollapsible: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isCollapsed: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isRightCollapsible: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isHighlighted: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isCollapsedWithIcons: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], hasSidebarMenu: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], hasHeaderBodyShrinkable: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isAutocloseOnContainerResize: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isAutocloseOnMobile: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], collapse: [{
                type: Output
            }], headerCollapse: [{
                type: Output
            }], customHeaderBodyContent: [{
                type: ContentChild,
                args: [forwardRef(() => EuiPageColumnHeaderBodyContentDirective)]
            }], customHeaderLeftContent: [{
                type: ContentChild,
                args: [forwardRef(() => EuiPageColumnHeaderLeftContentDirective)]
            }], customHeaderRightContent: [{
                type: ContentChild,
                args: [forwardRef(() => EuiPageColumnHeaderRightContentDirective)]
            }], customHeaderCollapsedContent: [{
                type: ContentChild,
                args: [forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective)]
            }], customFooterContent: [{
                type: ContentChild,
                args: [forwardRef(() => EuiPageColumnFooterContentDirective)]
            }] } });
/* eslint-disable */
class EuiPageColumnHeaderBodyContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageColumnHeaderBodyContentDirective, isStandalone: true, selector: "eui-page-column-header-body", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderBodyContentDirective, decorators: [{
            type: Directive,
            args: [{ selector: 'eui-page-column-header-body' }]
        }] });
class EuiPageColumnHeaderLeftContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageColumnHeaderLeftContentDirective, isStandalone: true, selector: "eui-page-column-header-left-content", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderLeftContentDirective, decorators: [{
            type: Directive,
            args: [{ selector: 'eui-page-column-header-left-content' }]
        }] });
class EuiPageColumnHeaderRightContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageColumnHeaderRightContentDirective, isStandalone: true, selector: "eui-page-column-header-right-content", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderRightContentDirective, decorators: [{
            type: Directive,
            args: [{ selector: 'eui-page-column-header-right-content' }]
        }] });
class EuiPageColumnHeaderCollapsedContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageColumnHeaderCollapsedContentDirective, isStandalone: true, selector: "eui-page-column-header-collapsed-content", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnHeaderCollapsedContentDirective, decorators: [{
            type: Directive,
            args: [{ selector: 'eui-page-column-header-collapsed-content' }]
        }] });
class EuiPageColumnBodyContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnBodyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageColumnBodyContentDirective, isStandalone: true, selector: "eui-page-column-body", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnBodyContentDirective, decorators: [{
            type: Directive,
            args: [{ selector: 'eui-page-column-body' }]
        }] });
class EuiPageColumnFooterContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageColumnFooterContentDirective, isStandalone: true, selector: "eui-page-column-footer", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageColumnFooterContentDirective, decorators: [{
            type: Directive,
            args: [{ selector: 'eui-page-column-footer' }]
        }] });

class EuiPageContentComponent {
    constructor() {
        this.class = 'eui-page-content';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageContentComponent, isStandalone: true, selector: "eui-page-content", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageContentComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-content',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                }]
        }], propDecorators: { class: [{
                type: HostBinding
            }] } });

class EuiPageFooterComponent {
    constructor() {
        this.e2eAttr = 'eui-page-footer';
        this.baseStatesDirective = inject(BaseStatesDirective);
    }
    get cssClasses() {
        return this.baseStatesDirective.getCssClasses('eui-page-footer');
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageFooterComponent, isStandalone: true, selector: "eui-page-footer", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageFooterComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-footer',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                    hostDirectives: [
                        {
                            directive: BaseStatesDirective,
                            inputs: [
                                'euiHighlighted',
                            ],
                        },
                    ],
                }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], e2eAttr: [{
                type: HostBinding,
                args: ['attr.data-e2e']
            }, {
                type: Input
            }] } });

class EuiPageHeaderActionItemsComponent {
    get cssClasses() {
        return 'eui-page-header-action-items';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageHeaderActionItemsComponent, isStandalone: true, selector: "eui-page-header-action-items", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderActionItemsComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-header-action-items',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

class EuiPageHeaderBodyComponent {
    get cssClasses() {
        return 'eui-page-header-body';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageHeaderBodyComponent, isStandalone: true, selector: "eui-page-header-body", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderBodyComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-header-body',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

class EuiPageHeaderSubLabelComponent {
    get cssClasses() {
        return 'eui-page-header-sub-label';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderSubLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageHeaderSubLabelComponent, isStandalone: true, selector: "eui-page-header-sub-label", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderSubLabelComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-header-sub-label',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

class EuiPageHeaderComponent {
    constructor() {
        // conventions if boolean : is / has prefix
        // new v17 usage of transform / act like coerce and included in Angular natively now
        this.isCollapsible = false;
        this.isCollapsed = false;
        this.isHeaderMultilines = false;
        this.collapsedLabel = ''; // Expand
        this.expandedLabel = ''; // Collapse
        this.collapse = new EventEmitter();
    }
    get cssClasses() {
        return [
            'eui-page-header',
            this.isCollapsible ? 'eui-page-header--collapsible' : '',
            this.isCollapsed ? 'eui-page-header--collapsed' : '',
            this.isHeaderMultilines ? 'eui-page-header--multilines' : '',
        ]
            .join(' ')
            .trim();
    }
    onToggle() {
        this.isCollapsed = !this.isCollapsed;
        this.collapse.emit(this.isCollapsed);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuiPageHeaderComponent, isStandalone: true, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "headerBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageHeaderComponent), descendants: true }, { propertyName: "pageHeaderBodyContent", first: true, predicate: i0.forwardRef(() => EuiPageHeaderBodyComponent), descendants: true }], ngImport: i0, template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content select=\"eui-page-header-action-items\"></ng-content>\n    </div>\n</div>\n@if (subLabel) {\n    <div\n        class=\"eui-common-header__sub-label\"\n        role=\"heading\"\n        aria-level=\"2\"\n        [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n        attr.aria-label=\"{{ subLabel }}\"\n        [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n        <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n    </div>\n} @else {\n    <ng-content select=\"eui-page-header-sub-label\" />\n}\n\n\n@if (isCollapsible) {\n    @if (!isCollapsed) {\n        <ng-container *ngTemplateOutlet=\"body\" />\n    }\n    <div\n        class=\"eui-button__expand-trigger\"\n        [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n        role=\"document\"\n        (click)=\"onToggle()\"\n        aria-label=\"Expand / Collapse trigger\">\n        @if (isCollapsed) {\n            <!-- TODO v21 refactor using eui-icon-button-expander -->\n            <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n                @if (expandedLabel) {\n                    <span class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n                }\n                <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n            </button>\n        } @else {\n            <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n                @if (collapsedLabel) {\n                    <span class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n                }\n                <eui-icon-svg icon=\"chevron-up:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n            </button>\n        }\n    </div>\n}\n\n@if (!isCollapsible && pageHeaderBodyContent) {\n    <ng-container *ngTemplateOutlet=\"body\" />\n}\n\n<ng-template #body>\n    <ng-content select=\"eui-page-header-body\" />\n</ng-template>\n", dependencies: [{ kind: "directive", type: EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-page-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                        EuiTooltipDirective,
                        NgTemplateOutlet,
                        ...EUI_ICON,
                        ...EUI_BUTTON,
                    ], template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content select=\"eui-page-header-action-items\"></ng-content>\n    </div>\n</div>\n@if (subLabel) {\n    <div\n        class=\"eui-common-header__sub-label\"\n        role=\"heading\"\n        aria-level=\"2\"\n        [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n        attr.aria-label=\"{{ subLabel }}\"\n        [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n        <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n    </div>\n} @else {\n    <ng-content select=\"eui-page-header-sub-label\" />\n}\n\n\n@if (isCollapsible) {\n    @if (!isCollapsed) {\n        <ng-container *ngTemplateOutlet=\"body\" />\n    }\n    <div\n        class=\"eui-button__expand-trigger\"\n        [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n        role=\"document\"\n        (click)=\"onToggle()\"\n        aria-label=\"Expand / Collapse trigger\">\n        @if (isCollapsed) {\n            <!-- TODO v21 refactor using eui-icon-button-expander -->\n            <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n                @if (expandedLabel) {\n                    <span class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n                }\n                <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n            </button>\n        } @else {\n            <button type=\"button\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n                @if (collapsedLabel) {\n                    <span class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n                }\n                <eui-icon-svg icon=\"chevron-up:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n            </button>\n        }\n    </div>\n}\n\n@if (!isCollapsible && pageHeaderBodyContent) {\n    <ng-container *ngTemplateOutlet=\"body\" />\n}\n\n<ng-template #body>\n    <ng-content select=\"eui-page-header-body\" />\n</ng-template>\n" }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], label: [{
                type: Input
            }], subLabel: [{
                type: Input
            }], labelTooltip: [{
                type: Input
            }], subLabelTooltip: [{
                type: Input
            }], isCollapsible: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isCollapsed: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isHeaderMultilines: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], headerBodyContent: [{
                type: ContentChild,
                args: [forwardRef(() => EuiPageHeaderComponent)]
            }], pageHeaderBodyContent: [{
                type: ContentChild,
                args: [forwardRef(() => EuiPageHeaderBodyComponent)]
            }], collapsedLabel: [{
                type: Input
            }], expandedLabel: [{
                type: Input
            }], collapse: [{
                type: Output
            }] } });

class EuiPageHeroHeaderComponent {
    get cssClasses() {
        return ['eui-page-hero-header'].join(' ').trim();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeroHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageHeroHeaderComponent, isStandalone: true, selector: "eui-page-hero-header", inputs: { label: "label", subLabel: "subLabel" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n    <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageHeroHeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-page-hero-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n    <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n" }]
        }], propDecorators: { label: [{
                type: Input
            }], subLabel: [{
                type: Input
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

class EuiPageTopContentComponent {
    constructor() {
        this.e2eAttr = 'eui-page-top-content';
    }
    get cssClasses() {
        return 'eui-page-top-content';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageTopContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiPageTopContentComponent, isStandalone: true, selector: "eui-page-top-content", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageTopContentComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'eui-page-top-content',
                    template: '<ng-content/>',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], e2eAttr: [{
                type: HostBinding,
                args: ['attr.data-e2e']
            }, {
                type: Input
            }] } });

class EuiPageComponent {
    get cssClasses() {
        return ['eui-page', this.columns ? 'eui-page--with-columns' : ''].join(' ').trim();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", 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\" />\n<ng-content select=\"eui-page-top-content\" />\n<ng-content select=\"eui-page-hero-header\" />\n<ng-content select=\"eui-page-header\" />\n<ng-content select=\"eui-page-content\" />\n<ng-content select=\"eui-page-footer\" />\n<ng-content select=\"eui-page-columns\" />\n", styles: [".eui-19 .eui-page{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%}.eui-19 .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-19 .eui-page-breadcrumb{display:flex;position:relative;width:100%}.eui-19 .eui-page-breadcrumb+.eui-page-header{padding:0 var(--eui-s-m) var(--eui-s-m) var(--eui-s-m)!important}.eui-19 .eui-page-header{flex-direction:column;flex-shrink:0;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-19 .eui-page-header.eui-page-header--collapsible{padding:var(--eui-s-m)}.eui-19 .eui-page-header.eui-page-header--collapsible+.eui-page-content{margin-top:calc(-2.25 * var(--eui-s-m))}.eui-19 .eui-page-header.eui-page-header--multilines .eui-common-header__label-text,.eui-19 .eui-page-header.eui-page-header--multilines .eui-common-header__sub-label-text{overflow:visible;text-overflow:unset;white-space:unset}.eui-19 .eui-page-header.eui-page-header--multilines .eui-common-header__actions{align-self:flex-start}.eui-19 .eui-page-header-action-items{gap:var(--eui-s-s);display:flex;align-items:flex-end}.eui-19 .eui-page-header-body{flex:1 1 100%;width:100%}.eui-19 .eui-page-header-sub-label{display:flex;flex-direction:column;width:100%}@media screen and (max-width: 767px){.eui-19 .eui-page-header-action-items{flex-direction:column-reverse}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-page-header-action-items{flex-direction:column-reverse}}.eui-19 .eui-common-header{display:flex;flex-direction:column;width:100%}.eui-19 .eui-common-header__label{align-items:center;display:flex;justify-content:space-between;width:100%;font:var(--eui-f-xl-bold)}.eui-19 .eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-common-header__sub-label{align-items:center;color:var(--eui-c-text);display:flex;justify-content:space-between;width:100%;opacity:.85;font:var(--eui-f-l)}.eui-19 .eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-s-s)}.eui-19 .eui-common-header__body{display:flex;padding:var(--eui-s-m);width:100%}.eui-19 .eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-s-xs));left:0;position:absolute;text-align:center;width:100%}.eui-19 .eui-common-header__expand-trigger-toggle{background:var(--eui-c-surface-container);border-bottom:2px solid var(eui-c-divider);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-s)}.eui-19 .eui-common-header__expand-trigger-toggle:hover,.eui-19 .eui-common-header__expand-trigger-toggle:active{color:var(--eui-c-active);box-shadow:var(--eui-sh-1)}.eui-19 .eui-common-header--collapsed .eui-common-header__body{transition:all .5s}@media screen and (max-width: 767px){.eui-19 .eui-common-header__label-text,.eui-19 .eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-common-header__label-text,.eui-19 .eui-common-header__sub-label-text{white-space:normal!important}}.eui-19 .eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-expand-content__body{display:flex;padding-top:var(--eui-s-m);width:100%}.eui-19 .eui-page-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-m) var(--eui-s-m);position:relative;width:100%}.eui-19 .eui-page--with-columns .eui-page-content{display:flex;flex-direction:column;flex-grow:1;margin:0;min-height:0;padding:0}.eui-19 .eui-page-columns{display:flex;flex-direction:row;flex-grow:1;min-height:0;padding-top:var(--eui-s-s)}.eui-19 .eui-page-columns-content{display:flex;flex:1 1 auto;height:100%;overflow:hidden;position:relative}@media screen and (max-width: 767px){.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering){display:block;overflow-y:auto}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-s-secondary-surface-light)}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem;background-clip:padding-box;border:2px solid transparent}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-s-secondary-surface);border:0;cursor:grab}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar-track{background-color:var(--eui-c-s-secondary-surface-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering){scrollbar-color:var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus,.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}}.eui-19 .eui-page-column{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;width:100%}.eui-19 .eui-page-column:not(:last-child){border-right:1px solid var(--eui-c-divider)}.eui-19 .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:0 var(--eui-s-s) var(--eui-s-s) 0}.eui-19 .eui-page-column__header-left-content{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-page-column__header-left-content-label{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-page-column__header-left-content-sub-label{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .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}.eui-19 .eui-page-column__header-left-content-body--shrinked{height:0;transform:scaleY(0)}.eui-19 .eui-page-column__header-left-content>eui-page-column-header-left-content{display:flex;flex-direction:column;width:100%}.eui-19 .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-19 .eui-page-column__header .eui-page-column__header-right-content{align-items:center;display:flex;flex-shrink:1;margin-left:auto}.eui-19 .eui-page-column__header .eui-page-column__header-right-content-body{display:flex;flex-shrink:1}.eui-19 .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-19 .eui-page-column__header-toggle{cursor:pointer;margin-left:calc(-1 * var(--eui-s-2xs))}.eui-19 .eui-page-column__body{display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow:auto;overflow-x:hidden;padding-right:var(--eui-s-s);padding-left:var(--eui-s-2xs);position:relative;width:100%}.eui-19 .eui-page-column__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-s-secondary-surface-light)}.eui-19 .eui-page-column__body::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem;background-clip:padding-box;border:2px solid transparent}.eui-19 .eui-page-column__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-s-secondary-surface);border:0;cursor:grab}.eui-19 .eui-page-column__body:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column__body:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column__body::-webkit-scrollbar-track{background-color:var(--eui-c-s-secondary-surface-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-page-column__body{scrollbar-color:var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){.eui-19 .eui-page-column__body:focus,.eui-19 .eui-page-column__body:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}.eui-19 .eui-page-column__body.eui-page-column--collapsed-with-icons{margin-top:calc(3 * var(--eui-s-m));padding-right:0}.eui-19 .eui-page-column__footer{align-items:center;border-top:1px solid var(--eui-c-divider);display:flex;flex:0 0 auto;margin-left:calc(-1 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-page-column__footer--highlighted{z-index:var(--eui-zi-highlighted)}.eui-19 eui-page-column-footer{display:flex;width:100%}@media screen and (max-width: 767px){.eui-19 .eui-page-column:not(.eui-page-column--prevent-mobile-rendering){display:block;height:auto;padding-right:var(--eui-s-m);width:100%}}.eui-19 .eui-page-column--size-full{flex:1 1 auto}.eui-19 .eui-page-column.eui-page-column--collapsed{flex:0 0 3.5rem!important;max-width:3.5rem;min-width:3.5rem}.eui-19 .eui-page-column.eui-page-column--collapsed.eui-page-column__header--with-icons{flex:0 0 5.5rem;max-width:5.5rem;min-width:5.5rem}.eui-19 .eui-page-column--size-s{flex:0 0 3.5rem;max-width:3.5rem;min-width:3.5rem}.eui-19 .eui-page-column--size-s .eui-page-column__header-left-content{display:none}.eui-19 .eui-page-column--size-m{flex:0 0 150px;max-width:150px;min-width:150px}.eui-19 .eui-page-column--size-l{flex:0 0 200px;max-width:200px;min-width:200px}.eui-19 .eui-page-column--size-xl{flex:0 0 250px;max-width:250px;min-width:250px}.eui-19 .eui-page-column--size-xxl,.eui-19 .eui-page-column--size-2xl{flex:0 0 300px;max-width:300px;min-width:300px}.eui-19 .eui-page-column--size-xxxl,.eui-19 .eui-page-column--size-3xl{flex:0 0 350px;max-width:350px;min-width:350px}.eui-19 .eui-page-column--size-xxxxl,.eui-19 .eui-page-column--size-4xl{flex:0 0 400px;max-width:400px;min-width:400px}@media screen and (max-width: 767px){.eui-19 .eui-page-column--size-full:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-s:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-m:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-l:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-2xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xxl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-3xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xxxl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-4xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xxxxl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars{opacity:1;z-index:var(--eui-zi-highlighted)}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-s-secondary-surface-light)}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem;background-clip:padding-box;border:2px solid transparent}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-s-secondary-surface);border:0;cursor:grab}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:var(--eui-c-s-secondary-surface-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars{scrollbar-color:var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus,.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}.eui-19 .eui-page-column--collapsed .eui-page-column__header{overflow:visible;position:absolute}.eui-19 .eui-page-column--collapsed .eui-page-column__header--with-icons{left:50%}.eui-19 .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(-.5 * var(--eui-s-2xs));transform:rotate(-90deg);width:50vh;font:var(--eui-f-l)}.eui-19 .eui-page-column--collapsed .eui-page-column__header-left-content-label eui-page-column-header-collapsed-content{margin:-.5rem var(--eui-s-m)}.eui-19 .eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}.eui-19 .eui-page-column--collapsed .eui-page-column__header-left-content-body,.eui-19 .eui-page-column--collapsed .eui-page-column__header-right-content-body,.eui-19 .eui-page-column--collapsed .eui-page-column__body:not(.eui-page-column--collapsed-with-icons),.eui-19 .eui-page-column--collapsed .eui-page-column__footer{display:none}.eui-19 .eui-page-column--collapsed .eui-page-column__header-right-content{padding:0}.eui-19 .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-19 .eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-label,.eui-19 .eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__category-label,.eui-19 .eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-right-content{display:none}.eui-19 .eui-page-column--collapsed .eui-sidebar-menu__container--collapsed{position:relative;top:var(--eui-s-m)}.eui-19 .eui-page-column--highlighted{background-color:var(--eui-c-surface-page);z-index:var(--eui-zi-highlighted)}.eui-19 .eui-page-column[euiresizable] .eui-resizable .eui-resizable-bar{margin-right:calc(-1 * var(--eui-s-xs))}.eui-19 .eui-page-column[euiresizable] .eui-resizable .eui-resizable-icon__container{transform:translate(calc(-1 * var(--eui-s-m)),var(--eui-s-s))}@media screen and (max-width: 767px){.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header{position:relative}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header-right-content{margin-left:auto}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header-left-content-label{font-weight:700;justify-content:flex-start;top:var(--eui-s-m);transform:none;width:100%}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header-left-content-sub-label{display:none}}.eui-19 .eui-page-hero-header{background-color:var(--eui-c-branding);color:var(--eui-c-white);flex-direction:column;padding:1.5rem;align-items:center;display:flex;width:100%}.eui-19 .eui-page-hero-header__logo{background-image:url(data:image/png;base64, );background-size:cover;cursor:pointer;height:4rem;width:9rem}.eui-19 .eui-page-hero-header__label{padding-top:2rem;font:var(--eui-f-xl)}.eui-19 .eui-page-hero-header__sub-label{padding-top:.5rem;font:var(--eui-f-l)}.eui-19 .eui-page-footer{align-items:center;border-top:1px solid var(--eui-c-divider);display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-19 .eui-page-footer--highlighted{z-index:var(--eui-zi-footer-action-bar)}body.modal-open .eui-19 .eui-page-footer--highlighted{z-index:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"eui-page-breadcrumb\" />\n<ng-content select=\"eui-page-top-content\" />\n<ng-content select=\"eui-page-hero-header\" />\n<ng-content select=\"eui-page-header\" />\n<ng-content select=\"eui-page-content\" />\n<ng-content select=\"eui-page-footer\" />\n<ng-content select=\"eui-page-columns\" />\n", styles: [".eui-19 .eui-page{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%}.eui-19 .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-19 .eui-page-breadcrumb{display:flex;position:relative;width:100%}.eui-19 .eui-page-breadcrumb+.eui-page-header{padding:0 var(--eui-s-m) var(--eui-s-m) var(--eui-s-m)!important}.eui-19 .eui-page-header{flex-direction:column;flex-shrink:0;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-19 .eui-page-header.eui-page-header--collapsible{padding:var(--eui-s-m)}.eui-19 .eui-page-header.eui-page-header--collapsible+.eui-page-content{margin-top:calc(-2.25 * var(--eui-s-m))}.eui-19 .eui-page-header.eui-page-header--multilines .eui-common-header__label-text,.eui-19 .eui-page-header.eui-page-header--multilines .eui-common-header__sub-label-text{overflow:visible;text-overflow:unset;white-space:unset}.eui-19 .eui-page-header.eui-page-header--multilines .eui-common-header__actions{align-self:flex-start}.eui-19 .eui-page-header-action-items{gap:var(--eui-s-s);display:flex;align-items:flex-end}.eui-19 .eui-page-header-body{flex:1 1 100%;width:100%}.eui-19 .eui-page-header-sub-label{display:flex;flex-direction:column;width:100%}@media screen and (max-width: 767px){.eui-19 .eui-page-header-action-items{flex-direction:column-reverse}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-page-header-action-items{flex-direction:column-reverse}}.eui-19 .eui-common-header{display:flex;flex-direction:column;width:100%}.eui-19 .eui-common-header__label{align-items:center;display:flex;justify-content:space-between;width:100%;font:var(--eui-f-xl-bold)}.eui-19 .eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-common-header__sub-label{align-items:center;color:var(--eui-c-text);display:flex;justify-content:space-between;width:100%;opacity:.85;font:var(--eui-f-l)}.eui-19 .eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-s-s)}.eui-19 .eui-common-header__body{display:flex;padding:var(--eui-s-m);width:100%}.eui-19 .eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-s-xs));left:0;position:absolute;text-align:center;width:100%}.eui-19 .eui-common-header__expand-trigger-toggle{background:var(--eui-c-surface-container);border-bottom:2px solid var(eui-c-divider);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-s)}.eui-19 .eui-common-header__expand-trigger-toggle:hover,.eui-19 .eui-common-header__expand-trigger-toggle:active{color:var(--eui-c-active);box-shadow:var(--eui-sh-1)}.eui-19 .eui-common-header--collapsed .eui-common-header__body{transition:all .5s}@media screen and (max-width: 767px){.eui-19 .eui-common-header__label-text,.eui-19 .eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-common-header__label-text,.eui-19 .eui-common-header__sub-label-text{white-space:normal!important}}.eui-19 .eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-expand-content__body{display:flex;padding-top:var(--eui-s-m);width:100%}.eui-19 .eui-page-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-m) var(--eui-s-m);position:relative;width:100%}.eui-19 .eui-page--with-columns .eui-page-content{display:flex;flex-direction:column;flex-grow:1;margin:0;min-height:0;padding:0}.eui-19 .eui-page-columns{display:flex;flex-direction:row;flex-grow:1;min-height:0;padding-top:var(--eui-s-s)}.eui-19 .eui-page-columns-content{display:flex;flex:1 1 auto;height:100%;overflow:hidden;position:relative}@media screen and (max-width: 767px){.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering){display:block;overflow-y:auto}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-s-secondary-surface-light)}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem;background-clip:padding-box;border:2px solid transparent}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-s-secondary-surface);border:0;cursor:grab}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering)::-webkit-scrollbar-track{background-color:var(--eui-c-s-secondary-surface-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering){scrollbar-color:var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus,.eui-19 .eui-page-columns:not(.eui-page-columns--prevent-mobile-rendering):focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}}.eui-19 .eui-page-column{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;width:100%}.eui-19 .eui-page-column:not(:last-child){border-right:1px solid var(--eui-c-divider)}.eui-19 .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:0 var(--eui-s-s) var(--eui-s-s) 0}.eui-19 .eui-page-column__header-left-content{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-page-column__header-left-content-label{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-page-column__header-left-content-sub-label{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .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}.eui-19 .eui-page-column__header-left-content-body--shrinked{height:0;transform:scaleY(0)}.eui-19 .eui-page-column__header-left-content>eui-page-column-header-left-content{display:flex;flex-direction:column;width:100%}.eui-19 .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-19 .eui-page-column__header .eui-page-column__header-right-content{align-items:center;display:flex;flex-shrink:1;margin-left:auto}.eui-19 .eui-page-column__header .eui-page-column__header-right-content-body{display:flex;flex-shrink:1}.eui-19 .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-19 .eui-page-column__header-toggle{cursor:pointer;margin-left:calc(-1 * var(--eui-s-2xs))}.eui-19 .eui-page-column__body{display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow:auto;overflow-x:hidden;padding-right:var(--eui-s-s);padding-left:var(--eui-s-2xs);position:relative;width:100%}.eui-19 .eui-page-column__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-s-secondary-surface-light)}.eui-19 .eui-page-column__body::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem;background-clip:padding-box;border:2px solid transparent}.eui-19 .eui-page-column__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-s-secondary-surface);border:0;cursor:grab}.eui-19 .eui-page-column__body:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column__body:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column__body::-webkit-scrollbar-track{background-color:var(--eui-c-s-secondary-surface-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-page-column__body{scrollbar-color:var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){.eui-19 .eui-page-column__body:focus,.eui-19 .eui-page-column__body:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}.eui-19 .eui-page-column__body.eui-page-column--collapsed-with-icons{margin-top:calc(3 * var(--eui-s-m));padding-right:0}.eui-19 .eui-page-column__footer{align-items:center;border-top:1px solid var(--eui-c-divider);display:flex;flex:0 0 auto;margin-left:calc(-1 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-page-column__footer--highlighted{z-index:var(--eui-zi-highlighted)}.eui-19 eui-page-column-footer{display:flex;width:100%}@media screen and (max-width: 767px){.eui-19 .eui-page-column:not(.eui-page-column--prevent-mobile-rendering){display:block;height:auto;padding-right:var(--eui-s-m);width:100%}}.eui-19 .eui-page-column--size-full{flex:1 1 auto}.eui-19 .eui-page-column.eui-page-column--collapsed{flex:0 0 3.5rem!important;max-width:3.5rem;min-width:3.5rem}.eui-19 .eui-page-column.eui-page-column--collapsed.eui-page-column__header--with-icons{flex:0 0 5.5rem;max-width:5.5rem;min-width:5.5rem}.eui-19 .eui-page-column--size-s{flex:0 0 3.5rem;max-width:3.5rem;min-width:3.5rem}.eui-19 .eui-page-column--size-s .eui-page-column__header-left-content{display:none}.eui-19 .eui-page-column--size-m{flex:0 0 150px;max-width:150px;min-width:150px}.eui-19 .eui-page-column--size-l{flex:0 0 200px;max-width:200px;min-width:200px}.eui-19 .eui-page-column--size-xl{flex:0 0 250px;max-width:250px;min-width:250px}.eui-19 .eui-page-column--size-xxl,.eui-19 .eui-page-column--size-2xl{flex:0 0 300px;max-width:300px;min-width:300px}.eui-19 .eui-page-column--size-xxxl,.eui-19 .eui-page-column--size-3xl{flex:0 0 350px;max-width:350px;min-width:350px}.eui-19 .eui-page-column--size-xxxxl,.eui-19 .eui-page-column--size-4xl{flex:0 0 400px;max-width:400px;min-width:400px}@media screen and (max-width: 767px){.eui-19 .eui-page-column--size-full:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-s:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-m:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-l:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-2xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xxl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-3xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xxxl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-4xl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}.eui-19 .eui-page-column--size-xxxxl:not(.eui-page-column--prevent-mobile-rendering){flex:0 0 100%;width:100%;min-width:100%;max-width:100%}}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars{opacity:1;z-index:var(--eui-zi-highlighted)}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-s-secondary-surface-light)}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem;background-clip:padding-box;border:2px solid transparent}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-s-secondary-surface);border:0;cursor:grab}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-s-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:var(--eui-c-s-secondary-surface-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars{scrollbar-color:var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus,.eui-19 .eui-page-column--active .eui-page-column__body--interactive-scrollbars:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}.eui-19 .eui-page-column--collapsed .eui-page-column__header{overflow:visible;position:absolute}.eui-19 .eui-page-column--collapsed .eui-page-column__header--with-icons{left:50%}.eui-19 .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(-.5 * var(--eui-s-2xs));transform:rotate(-90deg);width:50vh;font:var(--eui-f-l)}.eui-19 .eui-page-column--collapsed .eui-page-column__header-left-content-label eui-page-column-header-collapsed-content{margin:-.5rem var(--eui-s-m)}.eui-19 .eui-page-column--collapsed .eui-page-column__header-left-content-sub-label{display:none}.eui-19 .eui-page-column--collapsed .eui-page-column__header-left-content-body,.eui-19 .eui-page-column--collapsed .eui-page-column__header-right-content-body,.eui-19 .eui-page-column--collapsed .eui-page-column__body:not(.eui-page-column--collapsed-with-icons),.eui-19 .eui-page-column--collapsed .eui-page-column__footer{display:none}.eui-19 .eui-page-column--collapsed .eui-page-column__header-right-content{padding:0}.eui-19 .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-19 .eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-label,.eui-19 .eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__category-label,.eui-19 .eui-page-column--collapsed.eui-page-column__header--with-icons .eui-menu-item__link-right-content{display:none}.eui-19 .eui-page-column--collapsed .eui-sidebar-menu__container--collapsed{position:relative;top:var(--eui-s-m)}.eui-19 .eui-page-column--highlighted{background-color:var(--eui-c-surface-page);z-index:var(--eui-zi-highlighted)}.eui-19 .eui-page-column[euiresizable] .eui-resizable .eui-resizable-bar{margin-right:calc(-1 * var(--eui-s-xs))}.eui-19 .eui-page-column[euiresizable] .eui-resizable .eui-resizable-icon__container{transform:translate(calc(-1 * var(--eui-s-m)),var(--eui-s-s))}@media screen and (max-width: 767px){.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header{position:relative}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header-right-content{margin-left:auto}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header-left-content-label{font-weight:700;justify-content:flex-start;top:var(--eui-s-m);transform:none;width:100%}.eui-19 .eui-page-column--collapsed:not(.eui-page-column--prevent-mobile-rendering) .eui-page-column__header-left-content-sub-label{display:none}}.eui-19 .eui-page-hero-header{background-color:var(--eui-c-branding);color:var(--eui-c-white);flex-direction:column;padding:1.5rem;align-items:center;display:flex;width:100%}.eui-19 .eui-page-hero-header__logo{background-image:url(data:image/png;base64, );background-size:cover;cursor:pointer;height:4rem;width:9rem}.eui-19 .eui-page-hero-header__label{padding-top:2rem;font:var(--eui-f-xl)}.eui-19 .eui-page-hero-header__sub-label{padding-top:.5rem;font:var(--eui-f-l)}.eui-19 .eui-page-footer{align-items:center;border-top:1px solid var(--eui-c-divider);display:flex;flex:0 0 auto;padding:var(--eui-s-m)}.eui-19 .eui-page-footer--highlighted{z-index:var(--eui-zi-footer-action-bar)}body.modal-open .eui-19 .eui-page-footer--highlighted{z-index:inherit}\n"] }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], columns: [{
                type: ContentChild,
                args: [EuiPageColumnsComponent, { static: true }]
            }] } });

const STA = [
    EuiPageComponent,
    EuiPageColumnComponent,
    EuiPageColumnHeaderBodyContentDirective,
    EuiPageColumnHeaderLeftContentDirective,
    EuiPageColumnHeaderRightContentDirective,
    EuiPageColumnHeaderCollapsedContentDirective,
    EuiPageColumnBodyContentDirective,
    EuiPageColumnFooterContentDirective,
    EuiPageColumnsComponent,
    EuiPageContentComponent,
    EuiPageHeaderComponent,
    EuiPageHeaderSubLabelComponent,
    EuiPageHeaderBodyComponent,
    EuiPageHeaderActionItemsComponent,
    EuiPageHeroHeaderComponent,
    EuiPageFooterComponent,
    EuiPageBreadcrumbComponent,
    EuiPageTopContentComponent,
];
/**
 * @description
 * Module that declares all the components related to the eui-page component.
 *
 * @deprecated Use {@link EUI_PAGE} instead
 */
class EuiPageModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuiPageModule, imports: [EuiPageComponent,
            EuiPageColumnComponent,
            EuiPageColumnHeaderBodyContentDirective,
            EuiPageColumnHeaderLeftContentDirective,
            EuiPageColumnHeaderRightContentDirective,
            EuiPageColumnHeaderCollapsedContentDirective,
            EuiPageColumnBodyContentDirective,
            EuiPageColumnFooterContentDirective,
            EuiPageColumnsComponent,
            EuiPageContentComponent,
            EuiPageHeaderComponent,
            EuiPageHeaderSubLabelComponent,
            EuiPageHeaderBodyComponent,
            EuiPageHeaderActionItemsComponent,
            EuiPageHeroHeaderComponent,
            EuiPageFooterComponent,
            EuiPageBreadcrumbComponent,
            EuiPageTopContentComponent], exports: [EuiPageComponent,
            EuiPageColumnComponent,
            EuiPageColumnHeaderBodyContentDirective,
            EuiPageColumnHeaderLeftContentDirective,
            EuiPageColumnHeaderRightContentDirective,
            EuiPageColumnHeaderCollapsedContentDirective,
            EuiPageColumnBodyContentDirective,
            EuiPageColumnFooterContentDirective,
            EuiPageColumnsComponent,
            EuiPageContentComponent,
            EuiPageHeaderComponent,
            EuiPageHeaderSubLabelComponent,
            EuiPageHeaderBodyComponent,
            EuiPageHeaderActionItemsComponent,
            EuiPageHeroHeaderComponent,
            EuiPageFooterComponent,
            EuiPageBreadcrumbComponent,
            EuiPageTopContentComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageModule, imports: [EuiPageColumnComponent,
            EuiPageHeaderComponent] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiPageModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [
                        ...STA,
                    ],
                    declarations: [],
                    exports: [...STA],
                }]
        }] });

const EUI_PAGE = [
    EuiPageComponent,
    EuiPageColumnComponent,
    EuiPageColumnHeaderBodyContentDirective,
    EuiPageColumnHeaderLeftContentDirective,
    EuiPageColumnHeaderRightContentDirective,
    EuiPageColumnHeaderCollapsedContentDirective,
    EuiPageColumnBodyContentDirective,
    EuiPageColumnFooterContentDirective,
    EuiPageColumnsComponent,
    EuiPageContentComponent,
    EuiPageHeaderComponent,
    EuiPageHeaderSubLabelComponent,
    EuiPageHeaderBodyComponent,
    EuiPageHeaderActionItemsComponent,
    EuiPageHeroHeaderComponent,
    EuiPageFooterComponent,
    EuiPageBreadcrumbComponent,
    EuiPageTopContentComponent,
];

/**
 * Generated bundle index. Do not edit.
 */

export { EUI_PAGE, EuiPageBreadcrumbComponent, EuiPageColumnBodyContentDirective, EuiPageColumnComponent, EuiPageColumnFooterContentDirective, EuiPageColumnHeaderBodyContentDirective, EuiPageColumnHeaderCollapsedContentDirective, EuiPageColumnHeaderLeftContentDirective, EuiPageColumnHeaderRightContentDirective, EuiPageColumnsComponent, EuiPageComponent, EuiPageContentComponent, EuiPageFooterComponent, EuiPageHeaderActionItemsComponent, EuiPageHeaderBodyComponent, EuiPageHeaderComponent, EuiPageHeaderSubLabelComponent, EuiPageHeroHeaderComponent, EuiPageModule, EuiPageTopContentComponent };
//# sourceMappingURL=eui-components-eui-page.mjs.map
