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";
import * as i3 from "../../../pipes/is-read-more.pipe";
export class SectionDetailsComponent {
    constructor() {
        this.sectionDetails = {};
        this.isExpand = false;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionDetailsComponent, selector: "app-section-details", inputs: { sectionDetails: "sectionDetails" }, ngImport: i0, template: "<div class=\"section-details-header vx-pb-2 vx-mt-3 vx-mb-5\">\n  <span class=\"section-heading\">\n    <span\n      class=\"section-label vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-lh-3 vx-mr-1 vx-d-inline-block\"\n      >SECTION {{ sectionDetails?.index + 1 }}:</span\n    >\n    <span\n      class=\"heading vx-fs-11 vx-label-txt vx-lh-4 vx-d-inline-block\"\n      [appTooltip]=\"sectionDetails?.sectionDetails?.title\"\n      placement=\"bottom-left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"false\"\n      >{{ sectionDetails?.sectionDetails?.title }}</span\n    >\n  </span>\n  <div\n    class=\"section-details vx-fs-11 vx-paragraph-txt vx-mt-2 vx-pl-5\"\n    [class.expand]=\"isExpand\"\n    [id]=\"sectionDetails?.sectionDetails?.code\"\n    [innerHTML]=\"sectionDetails?.sectionDetails?.description\"\n  ></div>\n  <div class=\"section-details-btn vx-d-flex vx-justify-end\">\n    <button\n      *ngIf=\"\n        (sectionDetails?.sectionDetails?.code | isReadMore : 32) && !isExpand\n      \"\n      (click)=\"isExpand = true\"\n      class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\n    >\n      Read More\n    </button>\n    <button\n      *ngIf=\"\n        isExpand && (sectionDetails?.sectionDetails?.code | isReadMore : 32)\n      \"\n      (click)=\"isExpand = false\"\n      class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\n    >\n      Show Less\n    </button>\n  </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 .section-details-header{background:#fff;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .section-details-header .section-heading{background:#f1f1f1;padding:.125rem .5rem;position:relative;top:1px}::ng-deep .section-details-header .section-heading .section-label{position:relative;top:-.125rem}::ng-deep .section-details-header .section-heading .heading{max-width:calc(100% - 20rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;top:.125rem}::ng-deep .section-details-header .section-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 .section-details-header .section-details.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .section-details-header .section-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"] }, { kind: "pipe", type: i3.IsReadMorePipe, name: "isReadMore" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionDetailsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-section-details', template: "<div class=\"section-details-header vx-pb-2 vx-mt-3 vx-mb-5\">\n  <span class=\"section-heading\">\n    <span\n      class=\"section-label vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-lh-3 vx-mr-1 vx-d-inline-block\"\n      >SECTION {{ sectionDetails?.index + 1 }}:</span\n    >\n    <span\n      class=\"heading vx-fs-11 vx-label-txt vx-lh-4 vx-d-inline-block\"\n      [appTooltip]=\"sectionDetails?.sectionDetails?.title\"\n      placement=\"bottom-left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"false\"\n      >{{ sectionDetails?.sectionDetails?.title }}</span\n    >\n  </span>\n  <div\n    class=\"section-details vx-fs-11 vx-paragraph-txt vx-mt-2 vx-pl-5\"\n    [class.expand]=\"isExpand\"\n    [id]=\"sectionDetails?.sectionDetails?.code\"\n    [innerHTML]=\"sectionDetails?.sectionDetails?.description\"\n  ></div>\n  <div class=\"section-details-btn vx-d-flex vx-justify-end\">\n    <button\n      *ngIf=\"\n        (sectionDetails?.sectionDetails?.code | isReadMore : 32) && !isExpand\n      \"\n      (click)=\"isExpand = true\"\n      class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\n    >\n      Read More\n    </button>\n    <button\n      *ngIf=\"\n        isExpand && (sectionDetails?.sectionDetails?.code | isReadMore : 32)\n      \"\n      (click)=\"isExpand = false\"\n      class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\n    >\n      Show Less\n    </button>\n  </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 .section-details-header{background:#fff;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .section-details-header .section-heading{background:#f1f1f1;padding:.125rem .5rem;position:relative;top:1px}::ng-deep .section-details-header .section-heading .section-label{position:relative;top:-.125rem}::ng-deep .section-details-header .section-heading .heading{max-width:calc(100% - 20rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;top:.125rem}::ng-deep .section-details-header .section-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 .section-details-header .section-details.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .section-details-header .section-details-btn button{background:transparent;border-radius:0;border:none}\n"] }]
        }], propDecorators: { sectionDetails: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L3NlY3Rpb24tZGV0YWlscy9zZWN0aW9uLWRldGFpbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvc2VjdGlvbi1kZXRhaWxzL3NlY3Rpb24tZGV0YWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPakQsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU1XLG1CQUFjLEdBQVEsRUFBRSxDQUFDO1FBQ2xDLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FDM0I7K0dBSFksdUJBQXVCO21HQUF2Qix1QkFBdUIseUdDUHBDLHk4Q0EyQ0E7OzRGRHBDYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUJBQXFCOzhCQUt0QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtc2VjdGlvbi1kZXRhaWxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24tZGV0YWlscy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlY3Rpb24tZGV0YWlscy5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTZWN0aW9uRGV0YWlsc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25EZXRhaWxzOiBhbnkgPSB7fTtcbiAgaXNFeHBhbmQ6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzZWN0aW9uLWRldGFpbHMtaGVhZGVyIHZ4LXBiLTIgdngtbXQtMyB2eC1tYi01XCI+XG4gIDxzcGFuIGNsYXNzPVwic2VjdGlvbi1oZWFkaW5nXCI+XG4gICAgPHNwYW5cbiAgICAgIGNsYXNzPVwic2VjdGlvbi1sYWJlbCB2eC1mcy0xMSB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1saC0zIHZ4LW1yLTEgdngtZC1pbmxpbmUtYmxvY2tcIlxuICAgICAgPlNFQ1RJT04ge3sgc2VjdGlvbkRldGFpbHM/LmluZGV4ICsgMSB9fTo8L3NwYW5cbiAgICA+XG4gICAgPHNwYW5cbiAgICAgIGNsYXNzPVwiaGVhZGluZyB2eC1mcy0xMSB2eC1sYWJlbC10eHQgdngtbGgtNCB2eC1kLWlubGluZS1ibG9ja1wiXG4gICAgICBbYXBwVG9vbHRpcF09XCJzZWN0aW9uRGV0YWlscz8uc2VjdGlvbkRldGFpbHM/LnRpdGxlXCJcbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgIGRlbGF5PVwiMFwiXG4gICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgPnt7IHNlY3Rpb25EZXRhaWxzPy5zZWN0aW9uRGV0YWlscz8udGl0bGUgfX08L3NwYW5cbiAgICA+XG4gIDwvc3Bhbj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2VjdGlvbi1kZXRhaWxzIHZ4LWZzLTExIHZ4LXBhcmFncmFwaC10eHQgdngtbXQtMiB2eC1wbC01XCJcbiAgICBbY2xhc3MuZXhwYW5kXT1cImlzRXhwYW5kXCJcbiAgICBbaWRdPVwic2VjdGlvbkRldGFpbHM/LnNlY3Rpb25EZXRhaWxzPy5jb2RlXCJcbiAgICBbaW5uZXJIVE1MXT1cInNlY3Rpb25EZXRhaWxzPy5zZWN0aW9uRGV0YWlscz8uZGVzY3JpcHRpb25cIlxuICA+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzZWN0aW9uLWRldGFpbHMtYnRuIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWVuZFwiPlxuICAgIDxidXR0b25cbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIChzZWN0aW9uRGV0YWlscz8uc2VjdGlvbkRldGFpbHM/LmNvZGUgfCBpc1JlYWRNb3JlIDogMzIpICYmICFpc0V4cGFuZFxuICAgICAgXCJcbiAgICAgIChjbGljayk9XCJpc0V4cGFuZCA9IHRydWVcIlxuICAgICAgY2xhc3M9XCJ2eC1mcy04IHZ4LWZ3LTUwMCB2eC10eHQtYmx1ZSB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LW0tMFwiXG4gICAgPlxuICAgICAgUmVhZCBNb3JlXG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvblxuICAgICAgKm5nSWY9XCJcbiAgICAgICAgaXNFeHBhbmQgJiYgKHNlY3Rpb25EZXRhaWxzPy5zZWN0aW9uRGV0YWlscz8uY29kZSB8IGlzUmVhZE1vcmUgOiAzMilcbiAgICAgIFwiXG4gICAgICAoY2xpY2spPVwiaXNFeHBhbmQgPSBmYWxzZVwiXG4gICAgICBjbGFzcz1cInZ4LWZzLTggdngtZnctNTAwIHZ4LXR4dC1ibHVlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtbS0wXCJcbiAgICA+XG4gICAgICBTaG93IExlc3NcbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==