import { CommonModule } from '@angular/common';
import { NgModule, Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function EuiCommonHeaderComponent_div_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 4);
    i0.ɵɵelementStart(1, "div", 5);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("eui-common-header__sub-label--collapsed", ctx_r0.isCollapsed);
    i0.ɵɵattribute("aria-label", ctx_r0.subLabel);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r0.subLabel);
} }
const _c0 = ["*"];
export class EuiCommonHeaderComponent {
    constructor() {
        this.isHighlighted = false;
        this.isCollapsed = false;
    }
    get cssClasses() {
        return [
            `eui-common-header`,
            this.isCollapsed ? 'eui-common-header--collapsed' : '',
        ].join(' ').trim();
    }
}
/** @nocollapse */ EuiCommonHeaderComponent.ɵfac = function EuiCommonHeaderComponent_Factory(t) { return new (t || EuiCommonHeaderComponent)(); };
/** @nocollapse */ EuiCommonHeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EuiCommonHeaderComponent, selectors: [["eui-common-header"]], hostVars: 2, hostBindings: function EuiCommonHeaderComponent_HostBindings(rf, ctx) { if (rf & 2) {
        i0.ɵɵclassMap(ctx.cssClasses);
    } }, inputs: { label: "label", subLabel: "subLabel", isHighlighted: "isHighlighted", isCollapsed: "isCollapsed" }, ngContentSelectors: _c0, decls: 6, vars: 3, consts: [[1, "eui-common-header__label"], [1, "eui-common-header__label-text"], [1, "eui-common-header__actions"], ["class", "eui-common-header__sub-label", 3, "eui-common-header__sub-label--collapsed", 4, "ngIf"], [1, "eui-common-header__sub-label"], [1, "eui-common-header__sub-label-text"]], template: function EuiCommonHeaderComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef();
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "div", 1);
        i0.ɵɵtext(2);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(3, "div", 2);
        i0.ɵɵprojection(4);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵtemplate(5, EuiCommonHeaderComponent_div_5_Template, 3, 4, "div", 3);
    } if (rf & 2) {
        i0.ɵɵadvance(1);
        i0.ɵɵattribute("aria-label", ctx.label);
        i0.ɵɵadvance(1);
        i0.ɵɵtextInterpolate(ctx.label);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("ngIf", ctx.subLabel);
    } }, directives: [i1.NgIf], styles: [".eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;font-size:var(--eui-font-size-3xl);justify-content:space-between;width:100%}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-color-grey-darker);display:flex;font-size:var(--eui-font-size-xl);justify-content:space-between;padding-top:var(--eui-spacing-s);width:100%}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-spacing-s)}.eui-common-header__body{display:flex;padding:var(--eui-spacing);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(var(--eui-spacing-xs)*-1);left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-color-white);border-bottom:2px solid #9a9a9a;border-radius:50%;cursor:pointer;font-size:1.25rem;padding:.125rem .5rem}.eui-common-header__expand-trigger-toggle:focus,.eui-common-header__expand-trigger-toggle:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:var(--eui-color-primary)}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}"], encapsulation: 2, changeDetection: 0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EuiCommonHeaderComponent, [{
        type: Component,
        args: [{
                selector: 'eui-common-header',
                templateUrl: './common-header.component.html',
                styleUrls: ['./styles/_index.scss'],
                changeDetection: ChangeDetectionStrategy.OnPush,
                encapsulation: ViewEncapsulation.None,
            }]
    }], function () { return []; }, { cssClasses: [{
            type: HostBinding,
            args: ['class']
        }], label: [{
            type: Input
        }], subLabel: [{
            type: Input
        }], isHighlighted: [{
            type: Input
        }], isCollapsed: [{
            type: Input
        }] }); })();
/* ***************************************** */
/* MODULE EXPORT */
/* ***************************************** */
export class EuiCommonHeaderModule {
}
/** @nocollapse */ EuiCommonHeaderModule.ɵmod = i0.ɵɵdefineNgModule({ type: EuiCommonHeaderModule });
/** @nocollapse */ EuiCommonHeaderModule.ɵinj = i0.ɵɵdefineInjector({ factory: function EuiCommonHeaderModule_Factory(t) { return new (t || EuiCommonHeaderModule)(); }, imports: [[
            CommonModule,
        ]] });
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuiCommonHeaderModule, { declarations: [EuiCommonHeaderComponent], imports: [CommonModule], exports: [EuiCommonHeaderComponent] }); })();
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EuiCommonHeaderModule, [{
        type: NgModule,
        args: [{
                imports: [
                    CommonModule,
                ],
                declarations: [
                    EuiCommonHeaderComponent,
                ],
                exports: [
                    EuiCommonHeaderComponent,
                ],
            }]
    }], null, null); })();
//# sourceMappingURL=data:application/json;base64, 