import { CommonModule } from '@angular/common';
import { NgModule, Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Input } from '@angular/core';
import { BaseDirective } from '../../base.directive';
import { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';
import { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';
import { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function EuiOverlayComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 1);
    i0.ɵɵprojection(1);
    i0.ɵɵprojection(2, 1);
    i0.ɵɵprojection(3, 2);
    i0.ɵɵelementEnd();
} }
const _c0 = [[["eui-overlay-header"]], [["eui-overlay-body"]], [["eui-overlay-footer"]]];
const _c1 = ["eui-overlay-header", "eui-overlay-body", "eui-overlay-footer"];
export class EuiOverlayComponent extends BaseDirective {
    constructor() {
        super();
        this.isActive = false;
        this.position = 'right';
        this.width = '25';
    }
    get cssClasses() {
        return [
            super.getCssClasses(`eui-overlay`),
            this.isActive ? 'eui-overlay--is-active' : '',
            this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',
            this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',
        ].join(' ').trim();
    }
}
/** @nocollapse */ EuiOverlayComponent.ɵfac = function EuiOverlayComponent_Factory(t) { return new (t || EuiOverlayComponent)(); };
/** @nocollapse */ EuiOverlayComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EuiOverlayComponent, selectors: [["eui-overlay"]], hostVars: 2, hostBindings: function EuiOverlayComponent_HostBindings(rf, ctx) { if (rf & 2) {
        i0.ɵɵclassMap(ctx.cssClasses);
    } }, inputs: { isActive: "isActive", position: "position", width: "width" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 1, vars: 1, consts: [["class", "eui-overlay-wrapper", 4, "ngIf"], [1, "eui-overlay-wrapper"]], template: function EuiOverlayComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef(_c0);
        i0.ɵɵtemplate(0, EuiOverlayComponent_div_0_Template, 4, 0, "div", 0);
    } if (rf & 2) {
        i0.ɵɵproperty("ngIf", ctx.isActive);
    } }, directives: [i1.NgIf], styles: [".eui-overlay{background:#fff;border-left:1px solid var(--eui-color-grey);border-right:1px solid var(--eui-color-grey);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;transition:var(--eui-animation-transition-base);width:35%;z-index:var(--eui-z-index-overlay)}.eui-overlay-wrapper{color:var(--eui-color-font);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;display:flex;flex:0 0 auto;padding:1rem 1rem 1rem .75rem}.eui-overlay-header-toolbar{align-items:center;display:flex;font-style:normal;font-weight:700;margin-left:auto}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-color-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-color-danger)}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{background-color:var(--eui-color-grey-lightest);display:inherit;height:8px;width:8px}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-color-grey-light);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-color-grey)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-color-grey-lightest);border-radius:0}.eui-overlay-footer{background-color:var(--eui-color-grey-lightest);border-top:1px solid var(--eui-color-grey-lighter);flex:0 0 auto;padding:1rem;text-align:center}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--primary .eui-overlay-header{background-color:var(--eui-color-primary);color:#fff}.eui-overlay--is-active{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);right:0!important}.eui-overlay--highlighted{z-index:var(--eui-z-index-highlighted)}.eui-overlay-offset--width-25{right:-25%;width:25%}.eui-overlay-offset--width-30{right:-30%;width:30%}.eui-overlay-offset--width-40{right:-40%;width:40%}.eui-overlay-offset--width-50{right:-50%;width:50%}.eui-overlay-offset--width-75{right:-75%;width:75%}.eui-overlay-offset--position-right{position:fixed}.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.eui-overlay{right:-75%;width:75%}}@media screen and (min-width:768px) and (max-width:991px){.eui-overlay{right:-45%;width:45%}}@media screen and (min-width:1400px){.eui-overlay{right:-30%;width:30%}}"], encapsulation: 2 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EuiOverlayComponent, [{
        type: Component,
        args: [{
                selector: 'eui-overlay',
                templateUrl: './eui-overlay.component.html',
                styleUrls: ['./styles/_index.scss'],
                changeDetection: ChangeDetectionStrategy.Default,
                encapsulation: ViewEncapsulation.None,
            }]
    }], function () { return []; }, { cssClasses: [{
            type: HostBinding,
            args: ['class']
        }], isActive: [{
            type: Input
        }], position: [{
            type: Input
        }], width: [{
            type: Input
        }] }); })();
/* ***************************************** */
/* MODULE EXPORT */
/* ***************************************** */
export class EuiOverlayModule {
}
/** @nocollapse */ EuiOverlayModule.ɵmod = i0.ɵɵdefineNgModule({ type: EuiOverlayModule });
/** @nocollapse */ EuiOverlayModule.ɵinj = i0.ɵɵdefineInjector({ factory: function EuiOverlayModule_Factory(t) { return new (t || EuiOverlayModule)(); }, imports: [[
            CommonModule,
        ]] });
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuiOverlayModule, { declarations: [EuiOverlayHeaderComponent,
        EuiOverlayBodyComponent,
        EuiOverlayFooterComponent, EuiOverlayComponent], imports: [CommonModule], exports: [EuiOverlayHeaderComponent,
        EuiOverlayBodyComponent,
        EuiOverlayFooterComponent, EuiOverlayComponent] }); })();
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EuiOverlayModule, [{
        type: NgModule,
        args: [{
                imports: [
                    CommonModule,
                ],
                declarations: [
                    EuiOverlayHeaderComponent,
                    EuiOverlayBodyComponent,
                    EuiOverlayFooterComponent,
                    EuiOverlayComponent,
                ],
                exports: [
                    EuiOverlayHeaderComponent,
                    EuiOverlayBodyComponent,
                    EuiOverlayFooterComponent,
                    EuiOverlayComponent,
                ],
            }]
    }], null, null); })();
//# sourceMappingURL=data:application/json;base64, 