import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
const _c0 = function (a0) { return [a0]; };
function AlDetailPanelComponent_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 6);
    i0.ɵɵelementStart(1, "i", 7);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0, ctx_r0.iconClass ? ctx_r0.iconClass : "material-icons"));
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", ctx_r0.icon, " ");
} }
function AlDetailPanelComponent_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 8);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(ctx_r1.header);
} }
const _c1 = ["*"];
export class AlDetailPanelComponent {
    constructor() {
        this.iconClass = 'material-icons';
    }
}
/** @nocollapse */ AlDetailPanelComponent.ɵfac = function AlDetailPanelComponent_Factory(t) { return new (t || AlDetailPanelComponent)(); };
/** @nocollapse */ AlDetailPanelComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlDetailPanelComponent, selectors: [["al-detail-panel"]], inputs: { icon: "icon", iconClass: "iconClass", header: "header" }, ngContentSelectors: _c1, decls: 7, vars: 5, consts: [[1, "u-border-l", "u-border-solid", "u-border-primary", "u-flex", "u-flex-col", "u-h-100%"], [1, "ald-detail-pane"], [1, "ald-detail-pane__header", 3, "ngClass"], ["class", "ald-detail-pane__icon", 4, "ngIf"], ["class", "ald-detail-pane__title", 4, "ngIf"], [1, "ald-detail-pane__content"], [1, "ald-detail-pane__icon"], [3, "ngClass"], [1, "ald-detail-pane__title"]], template: function AlDetailPanelComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef();
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "section", 1);
        i0.ɵɵelementStart(2, "div", 2);
        i0.ɵɵtemplate(3, AlDetailPanelComponent_div_3_Template, 3, 4, "div", 3);
        i0.ɵɵtemplate(4, AlDetailPanelComponent_div_4_Template, 2, 1, "div", 4);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(5, "div", 5);
        i0.ɵɵprojection(6);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx.icon ? "ald-detail-pane__header--has-icon" : ""));
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", ctx.icon);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", ctx.header);
    } }, directives: [i1.NgClass, i1.NgIf], styles: [".ald-detail-pane[_ngcontent-%COMP%]{position:sticky;top:-12px;padding:12px;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;width:320px;background-color:#fff;overflow:hidden}.ald-detail-pane__header[_ngcontent-%COMP%]{background-color:#fff;flex-grow:0;flex-shrink:0}.ald-detail-pane__header--has-icon[_ngcontent-%COMP%]{display:flex}.ald-detail-pane__title[_ngcontent-%COMP%]{font-size:16px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ald-detail-pane__icon[_ngcontent-%COMP%]{display:flex;align-items:center;margin-right:8px;font-size:18px}.ald-detail-pane__content[_ngcontent-%COMP%]{display:flex;flex-direction:column;overflow:auto}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AlDetailPanelComponent, [{
        type: Component,
        args: [{
                selector: 'al-detail-panel',
                templateUrl: './al-detail-panel.component.html',
                styleUrls: ['./al-detail-panel.component.scss']
            }]
    }], function () { return []; }, { icon: [{
            type: Input
        }], iconClass: [{
            type: Input
        }], header: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWwtZGV0YWlsLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbC9uZy1nZW5lcmljLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJhbC1kZXRhaWwtcGFuZWwvYWwtZGV0YWlsLXBhbmVsLmNvbXBvbmVudC50cyIsImFsLWRldGFpbC1wYW5lbC9hbC1kZXRhaWwtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0lDS2pDLDhCQUNJO0lBQUEsNEJBQ0k7SUFBQSxZQUNKO0lBQUEsaUJBQUk7SUFDUixpQkFBTTs7O0lBSEMsZUFBc0Q7SUFBdEQsNEdBQXNEO0lBQ3JELGVBQ0o7SUFESSw0Q0FDSjs7O0lBRVIsOEJBQW1EO0lBQUEsWUFBWTtJQUFBLGlCQUFNOzs7SUFBbEIsZUFBWTtJQUFaLG1DQUFZOzs7QURKM0UsTUFBTSxPQUFPLHNCQUFzQjtJQUsvQjtRQUhTLGNBQVMsR0FBWSxnQkFBZ0IsQ0FBQztJQUdoQyxDQUFDOzsrR0FMUCxzQkFBc0I7OEVBQXRCLHNCQUFzQjs7UUNObkMsOEJBRUk7UUFBQSxrQ0FFSTtRQUFBLDhCQUNRO1FBQUEsdUVBQ0k7UUFJUix1RUFBbUQ7UUFDdkQsaUJBQU07UUFFTiw4QkFDSTtRQUFBLGtCQUFZO1FBQ2hCLGlCQUFNO1FBRVYsaUJBQVU7UUFFZCxpQkFBTTs7UUFmdUMsZUFBOEQ7UUFBOUQseUdBQThEO1FBQ3hELGVBQVk7UUFBWiwrQkFBWTtRQUtmLGVBQWM7UUFBZCxpQ0FBYzs7a0RESmpELHNCQUFzQjtjQUxsQyxTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsV0FBVyxFQUFFLGtDQUFrQztnQkFDL0MsU0FBUyxFQUFFLENBQUMsa0NBQWtDLENBQUM7YUFDbEQ7O2tCQUVJLEtBQUs7O2tCQUNMLEtBQUs7O2tCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYWwtZGV0YWlsLXBhbmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWwtZGV0YWlsLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hbC1kZXRhaWwtcGFuZWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBbERldGFpbFBhbmVsQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWNvbkNsYXNzPzogc3RyaW5nID0gJ21hdGVyaWFsLWljb25zJztcbiAgICBASW5wdXQoKSBoZWFkZXI6IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxufVxuIiwiPGRpdiBjbGFzcz1cInUtYm9yZGVyLWwgdS1ib3JkZXItc29saWQgdS1ib3JkZXItcHJpbWFyeSB1LWZsZXggdS1mbGV4LWNvbCB1LWgtMTAwJVwiPlxuXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJhbGQtZGV0YWlsLXBhbmVcIj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWxkLWRldGFpbC1wYW5lX19oZWFkZXJcIiBbbmdDbGFzc109XCJbIGljb24gPyAnYWxkLWRldGFpbC1wYW5lX19oZWFkZXItLWhhcy1pY29uJyA6ICcnXVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhbGQtZGV0YWlsLXBhbmVfX2ljb25cIiAqbmdJZj1cImljb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPGkgW25nQ2xhc3NdPVwiW2ljb25DbGFzcyA/IGljb25DbGFzcyA6ICdtYXRlcmlhbC1pY29ucyddXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBpY29uIH19XG4gICAgICAgICAgICAgICAgICAgIDwvaT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhbGQtZGV0YWlsLXBhbmVfX3RpdGxlXCIgKm5nSWY9XCJoZWFkZXJcIj57eyBoZWFkZXIgfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFsZC1kZXRhaWwtcGFuZV9fY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgIDwvc2VjdGlvbj5cblxuPC9kaXY+Il19