import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
export class PageAssessmentHeaderComponent {
    constructor() {
        this.isExpand = false;
    }
    ngOnInit() { }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageAssessmentHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageAssessmentHeaderComponent, selector: "app-page-header", inputs: { pageDetail: "pageDetail", pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"page-header vx-pb-2 vx-mb-5\">\n  <div class=\"page-heading vx-d-flex\">\n    <div\n      *ngIf=\"!pageTitle\"\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\n    >\n      PAGE {{ pageDetail?.pageNumber }}\n    </div>\n    <div\n      *ngIf=\"pageTitle\"\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\n    >\n      {{ pageTitle }}\n    </div>\n    <div\n      *ngIf=\"pageDetail?.pageName?.trim()?.length\"\n      class=\"page-name vx-fs-13 vx-label-txt\"\n      [innerHTML]=\"pageDetail?.pageName\"\n      [appTooltip]=\"pageDetail?.pageName\"\n      placement=\"bottom-left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"false\"\n    ></div>\n  </div>\n  <div\n    *ngIf=\"pageDetail?.pageDescription?.trim()?.length\"\n    class=\"page-details vx-fs-11 vx-paragraph-txt vx-mt-2\"\n    [innerHTML]=\"pageDetail?.pageDescription\"\n    [class.expand]=\"false\"\n  ></div>\n  <div class=\"page-details-btn vx-d-flex vx-justify-end\">\n    <button class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">\n      Read More\n    </button>\n  </div>\n\n  <!-- <div  *ngIf=\"!pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">PAGE {{pageDetail?.pageNumber}} </div>\n    <div  *ngIf=\"pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">{{pageTitle}} </div>\n    <div *ngIf=\"pageDetail?.pageName?.trim()?.length\" class=\"page-name vx-fs-12 vx-label-txt vx-mb-3\" [innerHTML]=\"pageDetail?.pageName\"> </div>\n    <div *ngIf=\"pageDetail?.pageDescription?.trim()?.length\" class=\"page-details vx-fs-12 vx-label-txt vx-p-4\" [innerHTML]=\"pageDetail?.pageDescription\"></div> -->\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-header{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .page-header .page-heading{width:calc(100% - 4rem)}::ng-deep .page-header .page-heading .label{background:#161b2f;border-radius:.125rem;height:1rem}::ng-deep .page-header .page-heading .page-name{width:calc(100% - 3rem);position:relative;top:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .page-header .page-details{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:2.5rem;position:relative}::ng-deep .page-header .page-details.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .page-header .page-details-btn button{background:transparent;border-radius:0;border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageAssessmentHeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-page-header', template: "<div class=\"page-header vx-pb-2 vx-mb-5\">\n  <div class=\"page-heading vx-d-flex\">\n    <div\n      *ngIf=\"!pageTitle\"\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\n    >\n      PAGE {{ pageDetail?.pageNumber }}\n    </div>\n    <div\n      *ngIf=\"pageTitle\"\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\n    >\n      {{ pageTitle }}\n    </div>\n    <div\n      *ngIf=\"pageDetail?.pageName?.trim()?.length\"\n      class=\"page-name vx-fs-13 vx-label-txt\"\n      [innerHTML]=\"pageDetail?.pageName\"\n      [appTooltip]=\"pageDetail?.pageName\"\n      placement=\"bottom-left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"false\"\n    ></div>\n  </div>\n  <div\n    *ngIf=\"pageDetail?.pageDescription?.trim()?.length\"\n    class=\"page-details vx-fs-11 vx-paragraph-txt vx-mt-2\"\n    [innerHTML]=\"pageDetail?.pageDescription\"\n    [class.expand]=\"false\"\n  ></div>\n  <div class=\"page-details-btn vx-d-flex vx-justify-end\">\n    <button class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">\n      Read More\n    </button>\n  </div>\n\n  <!-- <div  *ngIf=\"!pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">PAGE {{pageDetail?.pageNumber}} </div>\n    <div  *ngIf=\"pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">{{pageTitle}} </div>\n    <div *ngIf=\"pageDetail?.pageName?.trim()?.length\" class=\"page-name vx-fs-12 vx-label-txt vx-mb-3\" [innerHTML]=\"pageDetail?.pageName\"> </div>\n    <div *ngIf=\"pageDetail?.pageDescription?.trim()?.length\" class=\"page-details vx-fs-12 vx-label-txt vx-p-4\" [innerHTML]=\"pageDetail?.pageDescription\"></div> -->\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-header{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .page-header .page-heading{width:calc(100% - 4rem)}::ng-deep .page-header .page-heading .label{background:#161b2f;border-radius:.125rem;height:1rem}::ng-deep .page-header .page-heading .page-name{width:calc(100% - 3rem);position:relative;top:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .page-header .page-details{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:2.5rem;position:relative}::ng-deep .page-header .page-details.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .page-header .page-details-btn button{background:transparent;border-radius:0;border:none}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { pageDetail: [{
                type: Input
            }], pageTitle: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLDZCQUE2QjtJQUl4QztRQURBLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFDWCxDQUFDO0lBQ2hCLFFBQVEsS0FBVSxDQUFDOytHQUxSLDZCQUE2QjttR0FBN0IsNkJBQTZCLHFIQ1AxQywweURBMENBOzs0RkRuQ2EsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLGlCQUFpQjswRUFLbEIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wYWdlLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5sZXNzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VBc3Nlc3NtZW50SGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGFnZURldGFpbCE6IGFueTtcbiAgQElucHV0KCkgcGFnZVRpdGxlITogYW55O1xuICBpc0V4cGFuZDogYm9vbGVhbiA9IGZhbHNlO1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlciB2eC1wYi0yIHZ4LW1iLTVcIj5cbiAgPGRpdiBjbGFzcz1cInBhZ2UtaGVhZGluZyB2eC1kLWZsZXhcIj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIiFwYWdlVGl0bGVcIlxuICAgICAgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXBsLTEgdngtcHItMSB2eC1saC00IHZ4LW1yLTFcIlxuICAgID5cbiAgICAgIFBBR0Uge3sgcGFnZURldGFpbD8ucGFnZU51bWJlciB9fVxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwicGFnZVRpdGxlXCJcbiAgICAgIGNsYXNzPVwibGFiZWwgdngtZnMtMTEgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1wbC0xIHZ4LXByLTEgdngtbGgtNCB2eC1tci0xXCJcbiAgICA+XG4gICAgICB7eyBwYWdlVGl0bGUgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInBhZ2VEZXRhaWw/LnBhZ2VOYW1lPy50cmltKCk/Lmxlbmd0aFwiXG4gICAgICBjbGFzcz1cInBhZ2UtbmFtZSB2eC1mcy0xMyB2eC1sYWJlbC10eHRcIlxuICAgICAgW2lubmVySFRNTF09XCJwYWdlRGV0YWlsPy5wYWdlTmFtZVwiXG4gICAgICBbYXBwVG9vbHRpcF09XCJwYWdlRGV0YWlsPy5wYWdlTmFtZVwiXG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXG4gICAgICBkZWxheT1cIjBcIlxuICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcbiAgICA+PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgKm5nSWY9XCJwYWdlRGV0YWlsPy5wYWdlRGVzY3JpcHRpb24/LnRyaW0oKT8ubGVuZ3RoXCJcbiAgICBjbGFzcz1cInBhZ2UtZGV0YWlscyB2eC1mcy0xMSB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW10LTJcIlxuICAgIFtpbm5lckhUTUxdPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uXCJcbiAgICBbY2xhc3MuZXhwYW5kXT1cImZhbHNlXCJcbiAgPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicGFnZS1kZXRhaWxzLWJ0biB2eC1kLWZsZXggdngtanVzdGlmeS1lbmRcIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidngtZnMtOCB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1tLTBcIj5cbiAgICAgIFJlYWQgTW9yZVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cblxuICA8IS0tIDxkaXYgICpuZ0lmPVwiIXBhZ2VUaXRsZVwiIGNsYXNzPVwibGFiZWwgdngtZnMtMTAgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1wbC0xIHZ4LXByLTEgdngtbGgtNCB2eC1tYi0yIHZ4LWQtaW5saW5lLWZsZXhcIj5QQUdFIHt7cGFnZURldGFpbD8ucGFnZU51bWJlcn19IDwvZGl2PlxuICAgIDxkaXYgICpuZ0lmPVwicGFnZVRpdGxlXCIgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMCB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXBsLTEgdngtcHItMSB2eC1saC00IHZ4LW1iLTIgdngtZC1pbmxpbmUtZmxleFwiPnt7cGFnZVRpdGxlfX0gPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cInBhZ2VEZXRhaWw/LnBhZ2VOYW1lPy50cmltKCk/Lmxlbmd0aFwiIGNsYXNzPVwicGFnZS1uYW1lIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1tYi0zXCIgW2lubmVySFRNTF09XCJwYWdlRGV0YWlsPy5wYWdlTmFtZVwiPiA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uPy50cmltKCk/Lmxlbmd0aFwiIGNsYXNzPVwicGFnZS1kZXRhaWxzIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1wLTRcIiBbaW5uZXJIVE1MXT1cInBhZ2VEZXRhaWw/LnBhZ2VEZXNjcmlwdGlvblwiPjwvZGl2PiAtLT5cbjwvZGl2PlxuIl19