import { Component, HostBinding, ViewEncapsulation, QueryList, ContentChild } from '@angular/core';
import { EuiPageColumnsComponent } from './components/eui-page-columns/eui-page-columns.component';
import * as i0 from "@angular/core";
const _c0 = [[["eui-page-hero-header"]], [["eui-page-header"]], [["eui-page-content"]], [["eui-page-footer"]], [["eui-page-columns"]]];
const _c1 = ["eui-page-hero-header", "eui-page-header", "eui-page-content", "eui-page-footer", "eui-page-columns"];
export class EuiPageComponent {
    get cssClasses() {
        return [
            'eui-page',
            this.columns ? 'eui-page--with-columns' : '',
        ].join(' ').trim();
    }
}
/** @nocollapse */ EuiPageComponent.ɵfac = function EuiPageComponent_Factory(t) { return new (t || EuiPageComponent)(); };
/** @nocollapse */ EuiPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EuiPageComponent, selectors: [["eui-page"]], contentQueries: function EuiPageComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
        i0.ɵɵstaticContentQuery(dirIndex, EuiPageColumnsComponent, true);
    } if (rf & 2) {
        var _t;
        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columns = _t.first);
    } }, hostVars: 2, hostBindings: function EuiPageComponent_HostBindings(rf, ctx) { if (rf & 2) {
        i0.ɵɵclassMap(ctx.cssClasses);
    } }, ngContentSelectors: _c1, decls: 5, vars: 0, template: function EuiPageComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef(_c0);
        i0.ɵɵprojection(0);
        i0.ɵɵprojection(1, 1);
        i0.ɵɵprojection(2, 2);
        i0.ɵɵprojection(3, 3);
        i0.ɵɵprojection(4, 4);
    } }, styles: [".eui-page{display:flex;flex:1 1 auto;flex-direction:column;min-height:100%;width:100%}@media screen and (min-width:992px){.eui-app.ff.sidebar--close .eui-page{margin-left:var(--eui-spacing);padding-right:var(--eui-spacing)}}.eui-page--with-columns{bottom:0;left:0;overflow:auto;position:absolute;top:0}.eui-page--with-columns,.eui-page-header{display:flex;flex-direction:column;flex-shrink:0;width:100%}.eui-page-header{align-items:center}.eui-page-header,.eui-page-header.eui-page-header--collapsible{padding:var(--eui-spacing)}.eui-page-header.eui-page-header--collapsible+.eui-page-content{margin-top:calc(var(--eui-spacing)*-2.25)}.eui-page-header.eui-page-header--collapsible+.eui-page-content .eui-page-column__header{left:40%;padding:0 var(--eui-spacing-xs) var(--eui-spacing) 0}.eui-page-header__action_items{display:flex;margin-left:var(--eui-spacing)}.eui-page-header__body{display:flex;width:100%}eui-page-header-action-items{display:flex}eui-page-header-action-items .eui-button{margin-left:var(--eui-spacing-s)}eui-page-header-body{flex:1 1 100%;width:100%}.eui-page-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:var(--eui-spacing);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}.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{background-color:var(--eui-color-grey-lightest);display:inherit;height:8px;width:8px}.eui-page-columns::-webkit-scrollbar-thumb{background-color:var(--eui-color-grey-light);border-radius:5rem}.eui-page-columns::-webkit-scrollbar-thumb:hover{background-color:var(--eui-color-grey)}.eui-page-columns::-webkit-scrollbar-track{background-color:var(--eui-color-grey-lightest);border-radius:0}}.eui-page-column{border-right:1px solid var(--eui-color-grey-lighter);display:flex;flex-direction:column;flex-grow:1;height:auto;min-height:0;overflow:hidden;padding-left:var(--eui-spacing);padding-right:var(--eui-spacing-2xs);position:relative;width:100%}.eui-page-column__header{display:flex;flex:0 0 auto;padding:var(--eui-spacing-s) var(--eui-spacing-xs) var(--eui-spacing) 0}.eui-page-column__header-left-content{display:flex;flex-direction:column;font-size:var(--eui-font-size-xl)}.eui-page-column__header-left-content-label{font-size:var(--eui-font-size-xl);font-style:normal;font-weight:700}.eui-page-column__header-left-content-body{height:auto;margin-bottom:var(--eui-spacing-xs);padding-right:var(--eui-spacing-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-right-content{display:flex;flex:0 0 auto;margin-left:auto;padding-left:var(--eui-spacing-s)}.eui-page-column__header-right-content-body{align-items:center;display:flex;flex:1 1 auto}.eui-page-column__header-toggle{color:var(--eui-color-grey-dark);cursor:pointer;font-size:var(--eui-font-size-xl);margin-left:-3px}.eui-page-column__header-toggle:hover{color:var(--eui-color-primary)}.eui-page-column eui-page-column-header-right-content{display:flex;justify-content:flex-end}.eui-page-column__body{display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-right:var(--eui-spacing-2xs)}.eui-page-column__body::-webkit-scrollbar{background-color:var(--eui-color-grey-lightest);display:inherit;height:8px;width:8px}.eui-page-column__body::-webkit-scrollbar-thumb{background-color:var(--eui-color-grey-light);border-radius:5rem}.eui-page-column__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-color-grey)}.eui-page-column__body::-webkit-scrollbar-track{background-color:var(--eui-color-grey-lightest);border-radius:0}.eui-page-column__body.eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{background-color:initial;display:inherit;height:8px;width:8px}.eui-page-column__body.eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb,.eui-page-column__body.eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:initial}.eui-page-column__body.eui-page-column--collapsed-with-icons{margin-top:calc(var(--eui-spacing)*3);padding-right:0}.eui-page-column__footer{align-items:center;background-color:var(--eui-color-grey-lightester);border-top:1px solid var(--eui-color-grey-lighter);display:flex;flex:0 0 auto;margin-left:-1rem;padding:var(--eui-spacing-s) var(--eui-spacing)}.eui-page-column__footer--highlighted{z-index:var(--eui-z-index-highlighted)}eui-page-column-footer{display:flex;width:100%}@media screen and (max-width:767px){.eui-page-column{border-bottom:1px solid var(--eui-color-primary-lighter);display:block;height:auto;padding-right:var(--eui-spacing);width:100%}.eui-page-column__header-right-content{flex-wrap:wrap}.eui-page-column eui-page-column-header-right-content>div{flex:0 1 0;flex-direction:column;flex-wrap:wrap}}.eui-page-column--size-full{flex:1 1 auto}.eui-page-column--collapsed,.eui-page-column--size-s{flex:0 0 50px;max-width:50px;min-width:50px}.eui-page-column--collapsed.eui-page-column__header--with-icons,.eui-page-column--size-s.eui-page-column__header--with-icons{flex:0 0 4rem;max-width:4rem;min-width:4rem}.eui-page-column--collapsed.eui-page-column--has-sidebar-menu,.eui-page-column--size-s.eui-page-column--has-sidebar-menu{flex:0 0 5.5rem;max-width:5.5rem;min-width:5.5rem}.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-2xl,.eui-page-column--size-xxl{flex:0 0 300px;max-width:300px;min-width:300px}.eui-page-column--size-3xl,.eui-page-column--size-xxxl{flex:0 0 350px;max-width:350px;min-width:350px}.eui-page-column--size-4xl,.eui-page-column--size-xxxxl{flex:0 0 400px;max-width:400px;min-width:400px}@media screen and (max-width:767px){.eui-page-column--collapsed,.eui-page-column--size-2xl,.eui-page-column--size-3xl,.eui-page-column--size-4xl,.eui-page-column--size-full,.eui-page-column--size-l,.eui-page-column--size-m,.eui-page-column--size-s,.eui-page-column--size-xl,.eui-page-column--size-xxl,.eui-page-column--size-xxxl,.eui-page-column--size-xxxxl{flex:0 0 100%;max-width:100%;min-width:100%;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-z-index-highlighted)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar{background-color:var(--eui-color-grey-lightest);display:inherit;height:8px;width:8px}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb{background-color:var(--eui-color-grey-light);border-radius:5rem}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-thumb:hover{background-color:var(--eui-color-grey)}.eui-page-column--active .eui-page-column__body--interactive-scrollbars::-webkit-scrollbar-track{background-color:var(--eui-color-grey-lightest);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;font-size:var(--eui-base-font-size-xl);height:50vh;justify-content:flex-end;position:absolute;top:calc(var(--eui-spacing)*4);transform:rotate(-90deg);width:49vh}.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-spacing)}.eui-page-column--collapsed .eui-page-column__body:not(.eui-page-column--collapsed-with-icons),.eui-page-column--collapsed .eui-page-column__footer,.eui-page-column--collapsed .eui-page-column__header-left-content-body,.eui-page-column--collapsed .eui-page-column__header-right-content-body{display:none}.eui-page-column--collapsed .eui-page-column__header-right-content{margin-left:calc(var(--eui-spacing-1xs)*-1);padding-left:0}.eui-page-column--highlighted{background-color:var(--eui-app-main-bg-color);z-index:var(--eui-z-index-highlighted)}@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{justify-content:flex-start;top:auto;transform:none;width:100%}}.eui-page-hero-header{align-items:center;background-color:var(--eui-color-primary);color:var(--eui-color-white);display:flex;flex-direction:column;padding:1.5rem;width:100%}.eui-page-hero-header__logo{background-image:url(data:image/png;base64, );background-size:cover;cursor:pointer;height:4rem;width:9rem}.eui-page-hero-header__label{font-size:var(--eui-font-size-xl);padding-top:2rem}.eui-page-hero-header__sub-label{font-size:var(--eui-font-size-l);padding-top:.5rem}.eui-page-footer{align-items:center;background-color:var(--eui-color-grey-lightest);border-top:1px solid var(--eui-color-grey-lighter);display:flex;flex:0 0 auto;padding:var(--eui-spacing)}.eui-page-footer--highlighted{z-index:var(--eui-z-index-footer-action-bar)}body.modal-open .eui-page-footer--highlighted{z-index:inherit}"], encapsulation: 2 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EuiPageComponent, [{
        type: Component,
        args: [{
                selector: 'eui-page',
                templateUrl: './eui-page.component.html',
                styleUrls: ['./styles/_index.scss'],
                encapsulation: ViewEncapsulation.None,
            }]
    }], null, { cssClasses: [{
            type: HostBinding,
            args: ['class']
        }], columns: [{
            type: ContentChild,
            args: [EuiPageColumnsComponent, { static: true }]
        }] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9idWlsZHMvZXVpL2NjLWNzZHItcm9vdC9wYWNrYWdlcy9ldWkvcGFja2FnZXMvY29tcG9uZW50cy1uZXh0L3NyYy8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvZXVpLXBhZ2UvZXVpLXBhZ2UuY29tcG9uZW50LnRzIiwibGliL2xheW91dC9ldWktcGFnZS9ldWktcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOzs7O0FBUW5HLE1BQU0sT0FBTyxnQkFBZ0I7SUFDekIsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILFVBQVU7WUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMvQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOzttR0FQUSxnQkFBZ0I7d0VBQWhCLGdCQUFnQjswQ0FTWCx1QkFBdUI7Ozs7Ozs7O1FDbEJ6QyxrQkFBMEM7UUFDMUMscUJBQXFDO1FBQ3JDLHFCQUFzQztRQUN0QyxxQkFBcUM7UUFDckMscUJBQXNDOztrRERLekIsZ0JBQWdCO2NBTjVCLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsV0FBVyxFQUFFLDJCQUEyQjtnQkFDeEMsU0FBUyxFQUFFLENBQUMsc0JBQXNCLENBQUM7Z0JBQ25DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3hDO2dCQUdPLFVBQVU7a0JBRGIsV0FBVzttQkFBQyxPQUFPO1lBUXFDLE9BQU87a0JBQS9ELFlBQVk7bUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgVmlld0VuY2Fwc3VsYXRpb24sIFF1ZXJ5TGlzdCwgQ29udGVudENoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdWlQYWdlQ29sdW1uc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ldWktcGFnZS1jb2x1bW5zL2V1aS1wYWdlLWNvbHVtbnMuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktcGFnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlQYWdlQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktcGFnZScsXG4gICAgICAgICAgICB0aGlzLmNvbHVtbnMgPyAnZXVpLXBhZ2UtLXdpdGgtY29sdW1ucycgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBDb250ZW50Q2hpbGQoRXVpUGFnZUNvbHVtbnNDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIGNvbHVtbnM6IFF1ZXJ5TGlzdDxFdWlQYWdlQ29sdW1uc0NvbXBvbmVudD47XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJldWktcGFnZS1oZXJvLWhlYWRlclwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1wYWdlLWhlYWRlclwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1wYWdlLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJldWktcGFnZS1mb290ZXJcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJldWktcGFnZS1jb2x1bW5zXCI+PC9uZy1jb250ZW50PlxuIl19