import { Component, Input } from '@angular/core';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import * as i0 from "@angular/core";
import * as i1 from "./../../../services/translation-registry.service";
import * as i2 from "@angular/common";
export class QmsReportContentPortraitComponent {
    constructor(translate) {
        this.translate = translate;
        this.ngUnsubscribe = new Subject();
    }
    ngOnInit() {
        this.translate.getLanguageSubject$.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
            if (res) {
                this.LANG = this.translate.getObjectLang(res);
            }
        });
    }
    ngOnDestroy() {
        this.ngUnsubscribe.next();
        this.ngUnsubscribe.complete();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsReportContentPortraitComponent, deps: [{ token: i1.TranslateLibraryService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsReportContentPortraitComponent, selector: "qms-report-content-portrait", inputs: { currPage: "currPage", totalPage: "totalPage", infoReport: "infoReport", logo: "logo" }, ngImport: i0, template: "<div class=\"qms-report-content-portrait-container\">\n  <div class=\"content-header\">\n    <div class=\"robin-container\">\n      <img [src]=\"logo\" />\n    </div>\n  </div>\n  <div class=\"content-body\"></div>\n  <div class=\"content-footer\">\n    <div class=\"info-item\" *ngFor=\"let item of infoReport\">\n      <span class=\"title\">{{item.title}}: </span><span class=\"content\">{{item.content}}</span>\n      <div class=\"dot\"></div>\n    </div>\n    <div class=\"current-page\">{{ LANG.PAGE }} {{currPage}} {{LANG.OF}} {{totalPage}}</div>\n  </div>\n</div>\n", styles: [".qms-report-content-portrait-container{background-color:#fff;border:1px solid rgba(0,0,0,.24)}.qms-report-content-portrait-container .content-header{height:75px;display:flex;justify-content:flex-end;padding:25px 30px}.qms-report-content-portrait-container .content-header .robin-container{display:flex}.qms-report-content-portrait-container .content-body{height:calc(100% - 150px)}.qms-report-content-portrait-container .content-footer{position:relative;height:75px;border-top:1px solid rgba(0,0,0,.6);padding:4px 0 50px;margin-left:50px;margin-right:50px;display:flex;flex-wrap:wrap}.qms-report-content-portrait-container .content-footer .info-item{font-family:Open Sans;font-size:8px;line-height:16px}.qms-report-content-portrait-container .content-footer .info-item .title{font-weight:600}.qms-report-content-portrait-container .content-footer .info-item .content{font-weight:400}.qms-report-content-portrait-container .content-footer .info-item .dot{display:inline-block;width:3px;height:3px;border-radius:50%;margin-left:5px;margin-right:5px;background-color:#0000003d}.qms-report-content-portrait-container .content-footer .info-item:last-child .dot{display:none}.qms-report-content-portrait-container .content-footer .current-page{font-size:10px;font-weight:400;position:absolute;bottom:10px;right:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsReportContentPortraitComponent, decorators: [{
            type: Component,
            args: [{ selector: 'qms-report-content-portrait', template: "<div class=\"qms-report-content-portrait-container\">\n  <div class=\"content-header\">\n    <div class=\"robin-container\">\n      <img [src]=\"logo\" />\n    </div>\n  </div>\n  <div class=\"content-body\"></div>\n  <div class=\"content-footer\">\n    <div class=\"info-item\" *ngFor=\"let item of infoReport\">\n      <span class=\"title\">{{item.title}}: </span><span class=\"content\">{{item.content}}</span>\n      <div class=\"dot\"></div>\n    </div>\n    <div class=\"current-page\">{{ LANG.PAGE }} {{currPage}} {{LANG.OF}} {{totalPage}}</div>\n  </div>\n</div>\n", styles: [".qms-report-content-portrait-container{background-color:#fff;border:1px solid rgba(0,0,0,.24)}.qms-report-content-portrait-container .content-header{height:75px;display:flex;justify-content:flex-end;padding:25px 30px}.qms-report-content-portrait-container .content-header .robin-container{display:flex}.qms-report-content-portrait-container .content-body{height:calc(100% - 150px)}.qms-report-content-portrait-container .content-footer{position:relative;height:75px;border-top:1px solid rgba(0,0,0,.6);padding:4px 0 50px;margin-left:50px;margin-right:50px;display:flex;flex-wrap:wrap}.qms-report-content-portrait-container .content-footer .info-item{font-family:Open Sans;font-size:8px;line-height:16px}.qms-report-content-portrait-container .content-footer .info-item .title{font-weight:600}.qms-report-content-portrait-container .content-footer .info-item .content{font-weight:400}.qms-report-content-portrait-container .content-footer .info-item .dot{display:inline-block;width:3px;height:3px;border-radius:50%;margin-left:5px;margin-right:5px;background-color:#0000003d}.qms-report-content-portrait-container .content-footer .info-item:last-child .dot{display:none}.qms-report-content-portrait-container .content-footer .current-page{font-size:10px;font-weight:400;position:absolute;bottom:10px;right:0}\n"] }]
        }], ctorParameters: () => [{ type: i1.TranslateLibraryService }], propDecorators: { currPage: [{
                type: Input
            }], totalPage: [{
                type: Input
            }], infoReport: [{
                type: Input
            }], logo: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLXJlcG9ydC1jb250ZW50LXBvcnRyYWl0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9yZXBvcnRzL3Ftcy1yZXBvcnQtY29udGVudC1wb3J0cmFpdC9xbXMtcmVwb3J0LWNvbnRlbnQtcG9ydHJhaXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3JlcG9ydHMvcW1zLXJlcG9ydC1jb250ZW50LXBvcnRyYWl0L3Ftcy1yZXBvcnQtY29udGVudC1wb3J0cmFpdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVMzQyxNQUFNLE9BQU8saUNBQWlDO0lBUTVDLFlBQW1CLFNBQWtDO1FBQWxDLGNBQVMsR0FBVCxTQUFTLENBQXlCO1FBRnJELGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUVxQixDQUFDO0lBRTFELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDdkYsSUFBSSxHQUFHLEVBQUUsQ0FBQztnQkFDUixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ2hELENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7K0dBckJVLGlDQUFpQzttR0FBakMsaUNBQWlDLHFLQ1g5Qyw4akJBZUE7OzRGREphLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDRSw2QkFBNkI7NEZBSzlCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgSW5mb3JtYXRpb25Db3Zlckl0ZW0gfSBmcm9tICcuLi9tb2RlbHMvaW5mb3JtYXRpb24tY292ZXItaXRlbS1tb2RlbCc7XG5pbXBvcnQgeyBUcmFuc2xhdGVMaWJyYXJ5U2VydmljZSB9IGZyb20gJy4vLi4vLi4vLi4vc2VydmljZXMvdHJhbnNsYXRpb24tcmVnaXN0cnkuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Ftcy1yZXBvcnQtY29udGVudC1wb3J0cmFpdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9xbXMtcmVwb3J0LWNvbnRlbnQtcG9ydHJhaXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9xbXMtcmVwb3J0LWNvbnRlbnQtcG9ydHJhaXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBRbXNSZXBvcnRDb250ZW50UG9ydHJhaXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjdXJyUGFnZTogbnVtYmVyO1xuICBASW5wdXQoKSB0b3RhbFBhZ2U6IG51bWJlcjtcbiAgQElucHV0KCkgaW5mb1JlcG9ydDogSW5mb3JtYXRpb25Db3Zlckl0ZW1bXTtcbiAgQElucHV0KCkgbG9nbzogc3RyaW5nO1xuICBMQU5HOiBhbnk7XG4gIG5nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0cmFuc2xhdGU6IFRyYW5zbGF0ZUxpYnJhcnlTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRyYW5zbGF0ZS5nZXRMYW5ndWFnZVN1YmplY3QkLnBpcGUodGFrZVVudGlsKHRoaXMubmdVbnN1YnNjcmliZSkpLnN1YnNjcmliZSgocmVzKSA9PiB7XG4gICAgICBpZiAocmVzKSB7XG4gICAgICAgIHRoaXMuTEFORyA9IHRoaXMudHJhbnNsYXRlLmdldE9iamVjdExhbmcocmVzKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMubmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy5uZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInFtcy1yZXBvcnQtY29udGVudC1wb3J0cmFpdC1jb250YWluZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnQtaGVhZGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvYmluLWNvbnRhaW5lclwiPlxuICAgICAgPGltZyBbc3JjXT1cImxvZ29cIiAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnQtYm9keVwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29udGVudC1mb290ZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mby1pdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaW5mb1JlcG9ydFwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPnt7aXRlbS50aXRsZX19OiA8L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+e3tpdGVtLmNvbnRlbnR9fTwvc3Bhbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY3VycmVudC1wYWdlXCI+e3sgTEFORy5QQUdFIH19IHt7Y3VyclBhZ2V9fSB7e0xBTkcuT0Z9fSB7e3RvdGFsUGFnZX19PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=