import { Component, Input, ViewChild } 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 QmsReportCoverPortraitComponent {
    constructor(translate, renderer) {
        this.translate = translate;
        this.renderer = renderer;
        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: QmsReportCoverPortraitComponent, deps: [{ token: i1.TranslateLibraryService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsReportCoverPortraitComponent, selector: "qms-report-cover-portrait", inputs: { infoReport: "infoReport", moduleName: "moduleName", title: "title" }, viewQueries: [{ propertyName: "contentTitle", first: true, predicate: ["contentTitle"], descendants: true }], ngImport: i0, template: "<div class=\"qms-report-cover-portrait-container\">\n  <div class=\"cover-content\">\n    <div class=\"cover-title\">\n      <div class=\"report-module-name\">\n        <span class=\"module-name\">{{LANG.REPORT_FOR}} {{moduleName}}</span>\n      </div>\n      <div class=\"report-title\">\n        <span class=\"title\" #contentTitle>{{title}}</span>\n      </div>\n    </div>\n    <div class=\"cover-information\" *ngIf=\"infoReport && infoReport.length\">\n      <div class=\"content-item\" *ngFor=\"let item of infoReport\" [class.underline]=\"item.underline\">\n        <span class=\"title\">{{item.title}} </span> <span class=\"content\">{{item.content}}</span>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".qms-report-cover-portrait-container{background-color:#fff}.qms-report-cover-portrait-container .cover-content{margin-bottom:50px}.qms-report-cover-portrait-container .cover-content .cover-title{display:flex;height:450px;flex-direction:column;justify-content:flex-end}.qms-report-cover-portrait-container .cover-content .cover-title .report-module-name .module-name{max-width:100%;font-family:Open Sans;font-weight:400;font-size:14pt;line-height:20pt;word-break:break-word}.qms-report-cover-portrait-container .cover-content .cover-title .report-title{margin-bottom:32px}.qms-report-cover-portrait-container .cover-content .cover-title .report-title .title{max-width:100%;font-weight:600;font-size:33pt;line-height:39pt;font-family:Open Sans;word-break:break-word}.qms-report-cover-portrait-container .cover-content .cover-information{padding:24px;border:1px solid rgba(0,0,0,.24);border-radius:4px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item{font-family:Open Sans;font-size:10pt;line-height:16pt;margin-bottom:16px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .title{font-weight:600}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .content{font-weight:400}.qms-report-cover-portrait-container .cover-content .cover-information .content-item:last-child{margin-bottom:0}.qms-report-cover-portrait-container .cover-content .cover-information .underline{padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.6)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsReportCoverPortraitComponent, decorators: [{
            type: Component,
            args: [{ selector: 'qms-report-cover-portrait', template: "<div class=\"qms-report-cover-portrait-container\">\n  <div class=\"cover-content\">\n    <div class=\"cover-title\">\n      <div class=\"report-module-name\">\n        <span class=\"module-name\">{{LANG.REPORT_FOR}} {{moduleName}}</span>\n      </div>\n      <div class=\"report-title\">\n        <span class=\"title\" #contentTitle>{{title}}</span>\n      </div>\n    </div>\n    <div class=\"cover-information\" *ngIf=\"infoReport && infoReport.length\">\n      <div class=\"content-item\" *ngFor=\"let item of infoReport\" [class.underline]=\"item.underline\">\n        <span class=\"title\">{{item.title}} </span> <span class=\"content\">{{item.content}}</span>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".qms-report-cover-portrait-container{background-color:#fff}.qms-report-cover-portrait-container .cover-content{margin-bottom:50px}.qms-report-cover-portrait-container .cover-content .cover-title{display:flex;height:450px;flex-direction:column;justify-content:flex-end}.qms-report-cover-portrait-container .cover-content .cover-title .report-module-name .module-name{max-width:100%;font-family:Open Sans;font-weight:400;font-size:14pt;line-height:20pt;word-break:break-word}.qms-report-cover-portrait-container .cover-content .cover-title .report-title{margin-bottom:32px}.qms-report-cover-portrait-container .cover-content .cover-title .report-title .title{max-width:100%;font-weight:600;font-size:33pt;line-height:39pt;font-family:Open Sans;word-break:break-word}.qms-report-cover-portrait-container .cover-content .cover-information{padding:24px;border:1px solid rgba(0,0,0,.24);border-radius:4px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item{font-family:Open Sans;font-size:10pt;line-height:16pt;margin-bottom:16px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .title{font-weight:600}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .content{font-weight:400}.qms-report-cover-portrait-container .cover-content .cover-information .content-item:last-child{margin-bottom:0}.qms-report-cover-portrait-container .cover-content .cover-information .underline{padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.6)}\n"] }]
        }], ctorParameters: () => [{ type: i1.TranslateLibraryService }, { type: i0.Renderer2 }], propDecorators: { infoReport: [{
                type: Input
            }], moduleName: [{
                type: Input
            }], title: [{
                type: Input
            }], contentTitle: [{
                type: ViewChild,
                args: ['contentTitle']
            }] } });
//# sourceMappingURL=data:application/json;base64, 