import { ReportsContainerService } from './reports-container.service';
import { ReportsContainer } from './reports-container-models/reports-container';
import { Component, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
import { Subject } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "./reports-container.service";
import * as i2 from "@angular/common";
import * as i3 from "./report-group/report-group.component";
function ReportsContainerComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    const _r3 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "div", 1);
    i0.ɵɵelementStart(2, "lib-report-group", 2);
    i0.ɵɵlistener("exportReportEvent", function ReportsContainerComponent_ng_container_1_Template_lib_report_group_exportReportEvent_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.exportReportEvent.emit($event); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const reportGroup_r1 = ctx.$implicit;
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("reportGroup", reportGroup_r1);
} }
export class ReportsContainerComponent {
    constructor(_reportsContainerService) {
        this._reportsContainerService = _reportsContainerService;
        //<--------------------------------------------------------------->
        //<--------------------------< Outputs >-------------------------->
        this.exportReportEvent = new EventEmitter();
        // <-------------------------------------------------------------->
        //<--------------------------< Component Variables >--------------->
        this._unsubscribeAll = new Subject();
    }
    ngOnInit() {
        this.subscriber();
    }
    subscriber() {
        // This code only for builder. we can test reports container on builder just by uncommenting this lines.
        // this._reportsContainerService.getReportsContainer(1).then((data)=>{
        //     this.reportsContainer = new ReportsContainer(data);
        // });
    }
}
ReportsContainerComponent.ɵfac = function ReportsContainerComponent_Factory(t) { return new (t || ReportsContainerComponent)(i0.ɵɵdirectiveInject(i1.ReportsContainerService)); };
ReportsContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportsContainerComponent, selectors: [["lib-reports-container"]], inputs: { reportsContainer: "reportsContainer" }, outputs: { exportReportEvent: "exportReportEvent" }, decls: 2, vars: 1, consts: [[4, "ngFor", "ngForOf"], [1, "report-list-wrapper"], [3, "reportGroup", "exportReportEvent"]], template: function ReportsContainerComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div");
        i0.ɵɵtemplate(1, ReportsContainerComponent_ng_container_1_Template, 3, 1, "ng-container", 0);
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngForOf", ctx.reportsContainer == null ? null : ctx.reportsContainer.reportGroups);
    } }, directives: [i2.NgForOf, i3.ReportGroupComponent], styles: [".report-list-wrapper{width:100%;padding:1rem 0}.report-list-wrapper .report-list-row{margin-top:2rem}.report-list-wrapper .report-list-row:first-child{margin-top:0}.report-list-wrapper .report-list-row .report-list-title{font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:16px;color:#10172b}.report-list-wrapper .report-list-row .reports-container{display:flex;column-gap:2.5rem;background:#FFFFFF;border:.5px solid #A2AAC1;border-radius:5px;box-sizing:border-box;margin-top:1rem;padding:2rem;width:100%;max-width:100%}.report-list-wrapper .report-list-row .reports-container .report-box{display:flex;flex-direction:column;row-gap:.725rem;justify-content:start;align-items:center;width:100px;min-width:100px}.report-list-wrapper .report-list-row .reports-container .report-box .report-name{font-family:Roboto;font-style:normal;font-weight:400;font-size:10px;line-height:12px;text-align:center;color:#10172b;cursor:pointer}.report-list-wrapper .report-list-row .reports-container .report-box .report-icon .mat-icon{height:40px!important;width:40px!important;min-height:40px!important;min-width:40px!important}.report-list-form-label{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:14px;display:flex;align-items:center;color:#404040}.report-list-cancel-btn{border:1px solid #7E828B!important;border-radius:20.8754px!important;height:40px!important;max-height:40px!important;min-height:40px!important;line-height:40px!important;color:#282e3e!important;font-size:14px!important;width:118px}.report-list-send-btn{border-radius:20.8754px!important;height:40px!important;max-height:40px!important;min-height:40px!important;line-height:40px!important;font-size:14px!important;width:118px;display:flex;justify-content:center;align-items:center;column-gap:10px}\n"], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReportsContainerComponent, [{
        type: Component,
        args: [{ selector: 'lib-reports-container', encapsulation: ViewEncapsulation.None, template: "<div>\n    <!---------<Iterated report groups and render groups    > ---------------------------->\n    <ng-container *ngFor=\"let reportGroup of reportsContainer?.reportGroups\">\n        <div class=\"report-list-wrapper\">\n            <lib-report-group  [reportGroup]=\"reportGroup\" (exportReportEvent)=\"exportReportEvent.emit($event)\"></lib-report-group>\n        </div>\n    </ng-container>\n</div>\n", styles: [".report-list-wrapper{width:100%;padding:1rem 0}.report-list-wrapper .report-list-row{margin-top:2rem}.report-list-wrapper .report-list-row:first-child{margin-top:0}.report-list-wrapper .report-list-row .report-list-title{font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:16px;color:#10172b}.report-list-wrapper .report-list-row .reports-container{display:flex;column-gap:2.5rem;background:#FFFFFF;border:.5px solid #A2AAC1;border-radius:5px;box-sizing:border-box;margin-top:1rem;padding:2rem;width:100%;max-width:100%}.report-list-wrapper .report-list-row .reports-container .report-box{display:flex;flex-direction:column;row-gap:.725rem;justify-content:start;align-items:center;width:100px;min-width:100px}.report-list-wrapper .report-list-row .reports-container .report-box .report-name{font-family:Roboto;font-style:normal;font-weight:400;font-size:10px;line-height:12px;text-align:center;color:#10172b;cursor:pointer}.report-list-wrapper .report-list-row .reports-container .report-box .report-icon .mat-icon{height:40px!important;width:40px!important;min-height:40px!important;min-width:40px!important}.report-list-form-label{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:14px;display:flex;align-items:center;color:#404040}.report-list-cancel-btn{border:1px solid #7E828B!important;border-radius:20.8754px!important;height:40px!important;max-height:40px!important;min-height:40px!important;line-height:40px!important;color:#282e3e!important;font-size:14px!important;width:118px}.report-list-send-btn{border-radius:20.8754px!important;height:40px!important;max-height:40px!important;min-height:40px!important;line-height:40px!important;font-size:14px!important;width:118px;display:flex;justify-content:center;align-items:center;column-gap:10px}\n"] }]
    }], function () { return [{ type: i1.ReportsContainerService }]; }, { reportsContainer: [{
            type: Input
        }], exportReportEvent: [{
            type: Output
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 