import { Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "primeng-lts/tooltip";
const _c0 = function (a0) { return { "hide": a0 }; };
function AlCollapsibleLayoutComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 6);
    i0.ɵɵprojection(1, 1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0, !ctx_r0.showLeft));
} }
function AlCollapsibleLayoutComponent_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 10);
    i0.ɵɵelementStart(1, "i", 11);
    i0.ɵɵtext(2, "skip_previous");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} }
function AlCollapsibleLayoutComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 10);
    i0.ɵɵelementStart(1, "i", 11);
    i0.ɵɵtext(2, "skip_next");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} }
function AlCollapsibleLayoutComponent_div_2_Template(rf, ctx) { if (rf & 1) {
    const _r7 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 7);
    i0.ɵɵelementStart(1, "button", 8);
    i0.ɵɵlistener("click", function AlCollapsibleLayoutComponent_div_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.toogleLeft(); });
    i0.ɵɵtemplate(2, AlCollapsibleLayoutComponent_div_2_div_2_Template, 3, 0, "div", 9);
    i0.ɵɵtemplate(3, AlCollapsibleLayoutComponent_div_2_div_3_Template, 3, 0, "div", 9);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("pTooltip", ctx_r1.leftTooltip);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r1.showLeft);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r1.showLeft);
} }
function AlCollapsibleLayoutComponent_div_5_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 15);
    i0.ɵɵelementStart(1, "i", 11);
    i0.ɵɵtext(2, "skip_next");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} }
function AlCollapsibleLayoutComponent_div_5_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 15);
    i0.ɵɵelementStart(1, "i", 11);
    i0.ɵɵtext(2, "skip_previous");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} }
function AlCollapsibleLayoutComponent_div_5_Template(rf, ctx) { if (rf & 1) {
    const _r11 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 12);
    i0.ɵɵelementStart(1, "button", 13);
    i0.ɵɵlistener("click", function AlCollapsibleLayoutComponent_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.toogleRight(); });
    i0.ɵɵtemplate(2, AlCollapsibleLayoutComponent_div_5_div_2_Template, 3, 0, "div", 14);
    i0.ɵɵtemplate(3, AlCollapsibleLayoutComponent_div_5_div_3_Template, 3, 0, "div", 14);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("pTooltip", ctx_r2.rightTooltip);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r2.showRight);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r2.showRight);
} }
function AlCollapsibleLayoutComponent_div_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 16);
    i0.ɵɵprojection(1, 2);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0, !ctx_r3.showRight));
} }
const _c1 = [[["", "center", ""]], [["", "left", ""]], [["", "right", ""]]];
const _c2 = ["[center]", "[left]", "[right]"];
export class AlCollapsibleLayoutComponent {
    constructor() {
        // Inputs
        this.leftPanel = true;
        this.rightPanel = true;
        this.leftTooltipLabel = "";
        this.rightTooltipLabel = "";
        // Common variables
        this.showLeft = true;
        this.showRight = true;
        this.leftTooltip = "";
        this.rightTooltip = "";
    }
    ngOnInit() {
        this.leftTooltip = `Hide ${this.leftTooltipLabel}`;
        this.rightTooltip = `Hide ${this.rightTooltipLabel}`;
    }
    toogleLeft() {
        this.showLeft = !this.showLeft;
        this.leftTooltip = this.showLeft ? `Hide ${this.leftTooltipLabel}` : `Show ${this.leftTooltipLabel}`;
    }
    toogleRight() {
        this.showRight = !this.showRight;
        this.rightTooltip = this.showRight ? `Hide ${this.rightTooltipLabel}` : `Show ${this.rightTooltipLabel}`;
    }
}
/** @nocollapse */ AlCollapsibleLayoutComponent.ɵfac = function AlCollapsibleLayoutComponent_Factory(t) { return new (t || AlCollapsibleLayoutComponent)(); };
/** @nocollapse */ AlCollapsibleLayoutComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlCollapsibleLayoutComponent, selectors: [["al-collapsible-layout"]], inputs: { leftPanel: "leftPanel", rightPanel: "rightPanel", leftTooltipLabel: "leftTooltipLabel", rightTooltipLabel: "rightTooltipLabel" }, ngContentSelectors: _c2, decls: 7, vars: 4, consts: [[1, "al-collapsible-layout"], ["class", "layoutLeft", 3, "ngClass", 4, "ngIf"], ["class", "hide-left", 4, "ngIf"], [1, "layoutCenter"], ["class", "hide-right", 4, "ngIf"], ["class", "layoutRight", 3, "ngClass", 4, "ngIf"], [1, "layoutLeft", 3, "ngClass"], [1, "hide-left"], ["type", "button", "tooltipPosition", "right", 1, "left", 3, "pTooltip", "click"], ["class", "hide-left-button", 4, "ngIf"], [1, "hide-left-button"], [1, "material-icons"], [1, "hide-right"], ["type", "button", "tooltipPosition", "left", 1, "right", 3, "pTooltip", "click"], ["class", "hide-right-button", 4, "ngIf"], [1, "hide-right-button"], [1, "layoutRight", 3, "ngClass"]], template: function AlCollapsibleLayoutComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef(_c1);
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵtemplate(1, AlCollapsibleLayoutComponent_div_1_Template, 2, 3, "div", 1);
        i0.ɵɵtemplate(2, AlCollapsibleLayoutComponent_div_2_Template, 4, 3, "div", 2);
        i0.ɵɵelementStart(3, "div", 3);
        i0.ɵɵprojection(4);
        i0.ɵɵelementEnd();
        i0.ɵɵtemplate(5, AlCollapsibleLayoutComponent_div_5_Template, 4, 3, "div", 4);
        i0.ɵɵtemplate(6, AlCollapsibleLayoutComponent_div_6_Template, 2, 3, "div", 5);
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", ctx.leftPanel);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", ctx.leftPanel);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("ngIf", ctx.rightPanel);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", ctx.rightPanel);
    } }, directives: [i1.NgIf, i1.NgClass, i2.Tooltip], styles: [".al-collapsible-layout{display:flex}.al-collapsible-layout .layoutLeft{display:flex;flex:1;max-width:280px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.al-collapsible-layout .layoutCenter{display:flex;flex:1 1 auto;padding-top:50px}.al-collapsible-layout .layoutCenter incident-denser-list-content{width:100%}.al-collapsible-layout .layoutRight{padding-left:10px;padding-right:5px;width:265px;flex:0 0 auto;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.al-collapsible-layout .layoutLeft,.al-collapsible-layout .layoutRight{transition:1s}.al-collapsible-layout .layoutLeft.hide,.al-collapsible-layout .layoutRight.hide{transition:1s;width:0;min-width:0;overflow:hidden;flex:0;padding:0}.al-collapsible-layout .hide-left,.al-collapsible-layout .hide-right{margin-top:2px}.al-collapsible-layout .hide-left :hover,.al-collapsible-layout .hide-right :hover{background-color:#cbcbcb;cursor:pointer}.al-collapsible-layout .hide-left button,.al-collapsible-layout .hide-right button{position:sticky;top:100px;padding:8px 3px;border:1px solid #ededed;color:#868686}.al-collapsible-layout .hide-left button.left,.al-collapsible-layout .hide-right button.left{border-bottom-right-radius:3px}.al-collapsible-layout .hide-left button.right,.al-collapsible-layout .hide-right button.right{border-bottom-left-radius:3px}"], encapsulation: 2 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AlCollapsibleLayoutComponent, [{
        type: Component,
        args: [{
                selector: 'al-collapsible-layout',
                templateUrl: './al-collapsible-layout.component.html',
                styleUrls: ['./al-collapsible-layout.component.scss'],
                encapsulation: ViewEncapsulation.None
            }]
    }], null, { leftPanel: [{
            type: Input
        }], rightPanel: [{
            type: Input
        }], leftTooltipLabel: [{
            type: Input
        }], rightTooltipLabel: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 