vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/sharedComponents/assessment-preview/checkbox-question/checkbox-question.component.mjs

@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import { shuffle } from 'lodash';
+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 "../../../formgroup/cs-checkbox/cs-checkbox.component";
+import * as i4 from "../quick-settings/quick-settings.component";
+import * as i5 from "../description-preview/description-preview.component";
+export class CheckboxQuestionComponent {
+    constructor() {
+        this.choicesForPreviewMode = [];
+    }
+    ngOnInit() {
+        this.choicesForPreviewMode = this.question.choices;
+        if (this.question.randomize === true) {
+            this.randomize();
+        }
+    }
+    randomize() {
+        this.choicesForPreviewMode = shuffle(this.choicesForPreviewMode);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n  <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n    <span\r\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n      >{{ questionIndex }}</span\r\n    >\r\n    <span class=\"heading\">\r\n      <span\r\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n      ></span>\r\n      <span\r\n        *ngIf=\"question?.isRequired\"\r\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n        >*</span\r\n      >\r\n    </span>\r\n  </div>\r\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n    <div class=\"question-inner-inside vx-w-100\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n      >\r\n        <app-description-preview\r\n          [questionIndex]=\"questionIndex\"\r\n          [description]=\"question?.description\"\r\n        ></app-description-preview>\r\n      </ng-container>\r\n      <div class=\"question-option\">\r\n        <ul class=\"checkbox-list vx-p-0 vx-m-0\">\r\n          <li\r\n            class=\"vx-mt-1\"\r\n            *ngFor=\"\r\n              let choice of choicesForPreviewMode;\r\n              let choiceIndex = index\r\n            \"\r\n          >\r\n            <app-cs-checkbox>\r\n              <span\r\n                class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n                [appTooltip]=\"choice?.title\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{ choice?.title ? choice?.title : \"Option\" }}</span\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n\r\n          <li class=\"vx-mt-1\" *ngIf=\"question?.hasOther\">\r\n            <app-cs-checkbox>\r\n              <span\r\n                class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n                [appTooltip]=\"question.otherValue\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{ question.otherValue }}</span\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"question-quickSettings\">\r\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n  </div>\r\n</div>\r\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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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 .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option ul.checkbox-list{list-style-type:none}::ng-deep .question-option ul.checkbox-list li{background:#74757610;border-radius:.25rem;height:2.75rem;padding:11px .75rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item{width:100%!important;position:relative;padding-left:1.5rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkmark{background:#fff;position:absolute!important;left:0!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value{width:100%!important;margin:0!important;justify-content:start!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value .checkbox-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i4.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i5.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxQuestionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-checkbox-question', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n  <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n    <span\r\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n      >{{ questionIndex }}</span\r\n    >\r\n    <span class=\"heading\">\r\n      <span\r\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n      ></span>\r\n      <span\r\n        *ngIf=\"question?.isRequired\"\r\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n        >*</span\r\n      >\r\n    </span>\r\n  </div>\r\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n    <div class=\"question-inner-inside vx-w-100\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n      >\r\n        <app-description-preview\r\n          [questionIndex]=\"questionIndex\"\r\n          [description]=\"question?.description\"\r\n        ></app-description-preview>\r\n      </ng-container>\r\n      <div class=\"question-option\">\r\n        <ul class=\"checkbox-list vx-p-0 vx-m-0\">\r\n          <li\r\n            class=\"vx-mt-1\"\r\n            *ngFor=\"\r\n              let choice of choicesForPreviewMode;\r\n              let choiceIndex = index\r\n            \"\r\n          >\r\n            <app-cs-checkbox>\r\n              <span\r\n                class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n                [appTooltip]=\"choice?.title\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{ choice?.title ? choice?.title : \"Option\" }}</span\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n\r\n          <li class=\"vx-mt-1\" *ngIf=\"question?.hasOther\">\r\n            <app-cs-checkbox>\r\n              <span\r\n                class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n                [appTooltip]=\"question.otherValue\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{ question.otherValue }}</span\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"question-quickSettings\">\r\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n  </div>\r\n</div>\r\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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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 .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option ul.checkbox-list{list-style-type:none}::ng-deep .question-option ul.checkbox-list li{background:#74757610;border-radius:.25rem;height:2.75rem;padding:11px .75rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item{width:100%!important;position:relative;padding-left:1.5rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkmark{background:#fff;position:absolute!important;left:0!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value{width:100%!important;margin:0!important;justify-content:start!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value .checkbox-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }], questionIndex: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvY2hlY2tib3gtcXVlc3Rpb24vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvY2hlY2tib3gtcXVlc3Rpb24vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7OztBQU9qQyxNQUFNLE9BQU8seUJBQXlCO0lBS3BDO1FBREEsMEJBQXFCLEdBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQztRQUNuRCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxLQUFLLElBQUksRUFBRTtZQUNwQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQ0QsU0FBUztRQUNQLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFDbkUsQ0FBQzsrR0FmVSx5QkFBeUI7bUdBQXpCLHlCQUF5QiwrSENSdEMscWtGQXlFQTs7NEZEakVhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBTXhCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBzaHVmZmxlIH0gZnJvbSAnbG9kYXNoJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNoZWNrYm94LXF1ZXN0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LXF1ZXN0aW9uLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENoZWNrYm94UXVlc3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBxdWVzdGlvbiAhOmFueTtcclxuICBASW5wdXQoKSBxdWVzdGlvbkluZGV4ICE6bnVtYmVyO1xyXG4gIGNob2ljZXNGb3JQcmV2aWV3TW9kZSA6IGFueSA9IFtdO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUgPSB0aGlzLnF1ZXN0aW9uLmNob2ljZXM7XHJcbiAgICBpZiAodGhpcy5xdWVzdGlvbi5yYW5kb21pemUgPT09IHRydWUpIHtcclxuICAgICAgdGhpcy5yYW5kb21pemUoKTtcclxuICAgIH1cclxuICB9XHJcbiAgcmFuZG9taXplKCkge1xyXG4gICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUgPSBzaHVmZmxlKHRoaXMuY2hvaWNlc0ZvclByZXZpZXdNb2RlKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9jayB2eC1tYi0xIHZ4LXAtNFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1oZWFkaW5nIHZ4LXBiLTMgdngtbWItM1wiPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy0xMyB2eC1mdy00MDAgdngtbGFiZWwtdHh0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+e3sgcXVlc3Rpb25JbmRleCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJoZWFkaW5nXCI+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgY2xhc3M9XCJ2eC1mcy0xNiB2eC1sYWJlbC10eHQgdngtbGgtNlwiXHJcbiAgICAgICAgW2lubmVySFRNTF09XCJxdWVzdGlvbj8udGl0bGUgPT0gJycgPyAnUXVlc3Rpb24nIDogcXVlc3Rpb24/LnRpdGxlXCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcclxuICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTIwIHZ4LWZ3LTMwMCB2eC1tbC0xXCJcclxuICAgICAgICA+Kjwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lci1pbnNpZGUgdngtdy0xMDBcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICBxdWVzdGlvbj8uaGFzRGVzY3JpcHRpb24gJiYgcXVlc3Rpb24/LmRlc2NyaXB0aW9uPy50cmltKCkubGVuZ3RoID4gMFxyXG4gICAgICAgIFwiXHJcbiAgICAgID5cclxuICAgICAgICA8YXBwLWRlc2NyaXB0aW9uLXByZXZpZXdcclxuICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cInF1ZXN0aW9uSW5kZXhcIlxyXG4gICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cInF1ZXN0aW9uPy5kZXNjcmlwdGlvblwiXHJcbiAgICAgICAgPjwvYXBwLWRlc2NyaXB0aW9uLXByZXZpZXc+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tb3B0aW9uXCI+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwiY2hlY2tib3gtbGlzdCB2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgICAgICA8bGlcclxuICAgICAgICAgICAgY2xhc3M9XCJ2eC1tdC0xXCJcclxuICAgICAgICAgICAgKm5nRm9yPVwiXHJcbiAgICAgICAgICAgICAgbGV0IGNob2ljZSBvZiBjaG9pY2VzRm9yUHJldmlld01vZGU7XHJcbiAgICAgICAgICAgICAgbGV0IGNob2ljZUluZGV4ID0gaW5kZXhcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveD5cclxuICAgICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjaGVja2JveC12YWx1ZSB2eC1mcy0xMyB2eC1sYWJlbC10eHQgdngtZnctNDAwXCJcclxuICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cImNob2ljZT8udGl0bGVcIlxyXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICA+e3sgY2hvaWNlPy50aXRsZSA/IGNob2ljZT8udGl0bGUgOiBcIk9wdGlvblwiIH19PC9zcGFuXHJcbiAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L2FwcC1jcy1jaGVja2JveD5cclxuICAgICAgICAgIDwvbGk+XHJcblxyXG4gICAgICAgICAgPGxpIGNsYXNzPVwidngtbXQtMVwiICpuZ0lmPVwicXVlc3Rpb24/Lmhhc090aGVyXCI+XHJcbiAgICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY2hlY2tib3gtdmFsdWUgdngtZnMtMTMgdngtbGFiZWwtdHh0IHZ4LWZ3LTQwMFwiXHJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJxdWVzdGlvbi5vdGhlclZhbHVlXCJcclxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgPnt7IHF1ZXN0aW9uLm90aGVyVmFsdWUgfX08L3NwYW5cclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLXF1aWNrU2V0dGluZ3NcIj5cclxuICAgICAgPGFwcC1xdWljay1zZXR0aW5ncyBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIj48L2FwcC1xdWljay1zZXR0aW5ncz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/sharedComponents/assessment-preview/date-time/date-time.component.mjs

@@ -0,0 +1,53 @@
+import { Component, Input, ViewChild, ElementRef, HostListener, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/common.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../ui-kit/tooltip/tooltip.directive";
+import * as i4 from "ngx-material-timepicker";
+import * as i5 from "ng2-date-picker";
+import * as i6 from "../quick-settings/quick-settings.component";
+import * as i7 from "../description-preview/description-preview.component";
+export class DateTimeComponent {
+    constructor(commonService) {
+        this.commonService = commonService;
+        this.datepickerOverlay = false;
+    }
+    openDatePicker() {
+        this.datePicker?.api?.open();
+        this.datepickerOverlay = true;
+    }
+    closeDatepicker() {
+        this.datePicker?.api?.close();
+        this.datepickerOverlay = false;
+    }
+    documentClick(event) {
+        const datePickerObject = {
+            event: event,
+            class: 'preview-date',
+            popup: this.datePickerPopUp,
+            component: this.datePicker,
+            overlay: this.datepickerOverlay,
+        };
+        this.commonService.handleDocumentClick(datePickerObject);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimeComponent, deps: [{ token: i1.CommonService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateTimeComponent, selector: "app-date-time", inputs: { question: "question", questionIndex: "questionIndex" }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "datePickerPopUp", first: true, predicate: ["datePicker"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n  <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n    <span\r\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n      >{{ questionIndex }}</span\r\n    >\r\n    <span class=\"heading\">\r\n      <span\r\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n      ></span>\r\n      <span\r\n        *ngIf=\"question?.isRequired\"\r\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n        >*</span\r\n      >\r\n    </span>\r\n  </div>\r\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n    <div class=\"question-inner-inside\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n      >\r\n        <app-description-preview\r\n          [questionIndex]=\"questionIndex\"\r\n          [description]=\"question?.description\"\r\n        ></app-description-preview>\r\n      </ng-container>\r\n      <div class=\"question-option\">\r\n        <div class=\"textbox-group vx-mt-5\">\r\n          <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question?.hasDate\">\r\n            <span\r\n              class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n              ><span\r\n                class=\"vx-d-block\"\r\n                [appTooltip]=\"\r\n                  question?.date?.title == ''\r\n                    ? 'Date Label'\r\n                    : question?.date?.title\r\n                \"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{\r\n                  question?.date?.title == \"\"\r\n                    ? \"Date Label\"\r\n                    : question?.date?.title\r\n                }}</span\r\n              ></span\r\n            >\r\n            <div class=\"date-time-area\">\r\n              <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe996;</i>\r\n              <input\r\n                class=\"datePicker\"\r\n                (click)=\"openDatePicker()\"\r\n                placeholder=\"Select Date\"\r\n                id=\"preview-date\"\r\n              />\r\n              <dp-date-picker\r\n                #datePicker\r\n                placeholder=\"Select Date\"\r\n                (click)=\"openDatePicker()\"\r\n                (click)=\"closeDatepicker()\"\r\n              ></dp-date-picker>\r\n              <div\r\n                class=\"overlay\"\r\n                (click)=\"closeDatepicker()\"\r\n                *ngIf=\"datepickerOverlay\"\r\n              ></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question?.hasTime\">\r\n            <span\r\n              class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n              ><span\r\n                class=\"vx-d-block\"\r\n                [appTooltip]=\"\r\n                  question?.time?.title == ''\r\n                    ? 'Time Label'\r\n                    : question?.time?.title\r\n                \"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{\r\n                  question?.time?.title == \"\"\r\n                    ? \"Time Label\"\r\n                    : question?.time?.title\r\n                }}</span\r\n              ></span\r\n            >\r\n            <div class=\"date-time-area\">\r\n              <input\r\n                aria-label=\"12hr format\"\r\n                [ngxTimepicker]=\"timeOnly\"\r\n                readonly\r\n                placeholder=\"Select Time\"\r\n              />\r\n              <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe955;</i>\r\n              <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"question-quickSettings\">\r\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n  </div>\r\n</div>\r\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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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 .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-option .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .question-option .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-option .textbox-group .input-group .label .date-time-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-option .textbox-group .input-group .date-time-area{background:#fff;border-radius:0 .25rem .25rem 0;width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-option .textbox-group .input-group .date-time-area input{font-family:Poppins,sans-serif!important;background:transparent;border:none;border-radius:0;font-size:11px!important;color:#747476!important;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-option .textbox-group .input-group .date-time-area input::placeholder{font-size:11px!important;color:#74757690!important;font-weight:400}::ng-deep .question-option .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-option .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker{width:100%}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper{padding:0}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;position:relative!important;top:-.25rem!important;left:.5rem!important;z-index:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input{color:#747576!important;width:87%!important;padding-left:0!important;font-size:11px!important;top:-.25rem!important;font-family:Poppins,sans-serif!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input::placeholder{font-size:11px!important;color:#747576!important;font-weight:400!important;opacity:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label span{font-size:11px!important;color:#74757690!important;font-family:Poppins,sans-serif!important;position:relative!important;top:-1px!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{position:absolute!important;height:2.5rem!important;top:-1px!important;z-index:2!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button{height:2.5rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button .mat-button-wrapper svg{width:1.125rem!important;position:relative!important;right:.375rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-underline,::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none!important}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}::ng-deep .mat-form-field-suffix{position:absolute;width:100%;height:45px;top:6px}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle{position:absolute;left:0;top:0;width:100%}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle.mat-datepicker-toggle-active{color:#1e5dd3}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button{width:100%;text-align:left;height:70px;border-radius:0}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-focus-overlay{opacity:0;display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-ripple.mat-ripple{display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button svg{width:25px!important;float:right}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i4.NgxMaterialTimepickerComponent, selector: "ngx-material-timepicker", inputs: ["cancelBtnTmpl", "editableHintTmpl", "confirmBtnTmpl", "ESC", "enableKeyboardInput", "preventOverlayClick", "disableAnimation", "appendToInput", "hoursOnly", "defaultTime", "timepickerClass", "theme", "min", "max", "ngxMaterialTimepickerTheme", "format", "minutesGap"], outputs: ["timeSet", "opened", "closed", "hourSelected", "timeChanged"] }, { kind: "directive", type: i4.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "min", "max", "ngxTimepicker", "value", "disabled", "disableClick"] }, { kind: "component", type: i5.DatePickerComponent, selector: "dp-date-picker", inputs: ["config", "mode", "placeholder", "disabled", "displayDate", "theme", "minDate", "maxDate", "minTime", "maxTime"], outputs: ["open", "close", "onChange", "onGoToCurrent", "onLeftNav", "onRightNav", "onSelect"] }, { kind: "component", type: i6.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i7.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-date-time', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n  <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n    <span\r\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n      >{{ questionIndex }}</span\r\n    >\r\n    <span class=\"heading\">\r\n      <span\r\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n      ></span>\r\n      <span\r\n        *ngIf=\"question?.isRequired\"\r\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n        >*</span\r\n      >\r\n    </span>\r\n  </div>\r\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n    <div class=\"question-inner-inside\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n      >\r\n        <app-description-preview\r\n          [questionIndex]=\"questionIndex\"\r\n          [description]=\"question?.description\"\r\n        ></app-description-preview>\r\n      </ng-container>\r\n      <div class=\"question-option\">\r\n        <div class=\"textbox-group vx-mt-5\">\r\n          <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question?.hasDate\">\r\n            <span\r\n              class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n              ><span\r\n                class=\"vx-d-block\"\r\n                [appTooltip]=\"\r\n                  question?.date?.title == ''\r\n                    ? 'Date Label'\r\n                    : question?.date?.title\r\n                \"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{\r\n                  question?.date?.title == \"\"\r\n                    ? \"Date Label\"\r\n                    : question?.date?.title\r\n                }}</span\r\n              ></span\r\n            >\r\n            <div class=\"date-time-area\">\r\n              <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe996;</i>\r\n              <input\r\n                class=\"datePicker\"\r\n                (click)=\"openDatePicker()\"\r\n                placeholder=\"Select Date\"\r\n                id=\"preview-date\"\r\n              />\r\n              <dp-date-picker\r\n                #datePicker\r\n                placeholder=\"Select Date\"\r\n                (click)=\"openDatePicker()\"\r\n                (click)=\"closeDatepicker()\"\r\n              ></dp-date-picker>\r\n              <div\r\n                class=\"overlay\"\r\n                (click)=\"closeDatepicker()\"\r\n                *ngIf=\"datepickerOverlay\"\r\n              ></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question?.hasTime\">\r\n            <span\r\n              class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n              ><span\r\n                class=\"vx-d-block\"\r\n                [appTooltip]=\"\r\n                  question?.time?.title == ''\r\n                    ? 'Time Label'\r\n                    : question?.time?.title\r\n                \"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{\r\n                  question?.time?.title == \"\"\r\n                    ? \"Time Label\"\r\n                    : question?.time?.title\r\n                }}</span\r\n              ></span\r\n            >\r\n            <div class=\"date-time-area\">\r\n              <input\r\n                aria-label=\"12hr format\"\r\n                [ngxTimepicker]=\"timeOnly\"\r\n                readonly\r\n                placeholder=\"Select Time\"\r\n              />\r\n              <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe955;</i>\r\n              <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"question-quickSettings\">\r\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n  </div>\r\n</div>\r\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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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 .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-option .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .question-option .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-option .textbox-group .input-group .label .date-time-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-option .textbox-group .input-group .date-time-area{background:#fff;border-radius:0 .25rem .25rem 0;width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-option .textbox-group .input-group .date-time-area input{font-family:Poppins,sans-serif!important;background:transparent;border:none;border-radius:0;font-size:11px!important;color:#747476!important;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-option .textbox-group .input-group .date-time-area input::placeholder{font-size:11px!important;color:#74757690!important;font-weight:400}::ng-deep .question-option .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-option .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker{width:100%}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper{padding:0}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;position:relative!important;top:-.25rem!important;left:.5rem!important;z-index:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input{color:#747576!important;width:87%!important;padding-left:0!important;font-size:11px!important;top:-.25rem!important;font-family:Poppins,sans-serif!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input::placeholder{font-size:11px!important;color:#747576!important;font-weight:400!important;opacity:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label span{font-size:11px!important;color:#74757690!important;font-family:Poppins,sans-serif!important;position:relative!important;top:-1px!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{position:absolute!important;height:2.5rem!important;top:-1px!important;z-index:2!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button{height:2.5rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button .mat-button-wrapper svg{width:1.125rem!important;position:relative!important;right:.375rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-underline,::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none!important}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}::ng-deep .mat-form-field-suffix{position:absolute;width:100%;height:45px;top:6px}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle{position:absolute;left:0;top:0;width:100%}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle.mat-datepicker-toggle-active{color:#1e5dd3}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button{width:100%;text-align:left;height:70px;border-radius:0}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-focus-overlay{opacity:0;display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-ripple.mat-ripple{display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button svg{width:25px!important;float:right}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CommonService }]; }, propDecorators: { question: [{
+                type: Input
+            }], questionIndex: [{
+                type: Input
+            }], datePicker: [{
+                type: ViewChild,
+                args: ['datePicker']
+            }], datePickerPopUp: [{
+                type: ViewChild,
+                args: ['datePicker', { read: ElementRef, static: false }]
+            }], documentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2RhdGUtdGltZS9kYXRlLXRpbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZGF0ZS10aW1lL2RhdGUtdGltZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxpQkFBaUI7SUFRNUIsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFGaEQsc0JBQWlCLEdBQUcsS0FBSyxDQUFDO0lBRXlCLENBQUM7SUFFcEQsY0FBYztRQUNaLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ2pDLENBQUM7SUFHRCxhQUFhLENBQUMsS0FBVTtRQUN0QixNQUFNLGdCQUFnQixHQUFHO1lBQ3ZCLEtBQUssRUFBRSxLQUFLO1lBQ1osS0FBSyxFQUFFLGNBQWM7WUFDckIsS0FBSyxFQUFFLElBQUksQ0FBQyxlQUFlO1lBQzNCLFNBQVMsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMxQixPQUFPLEVBQUUsSUFBSSxDQUFDLGlCQUFpQjtTQUNoQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzNELENBQUM7K0dBOUJVLGlCQUFpQjttR0FBakIsaUJBQWlCLGdYQUlLLFVBQVUsNkJDbkI3QyxrM0lBa0hBOzs0RkRuR2EsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7b0dBS2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDbUIsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZO2dCQUV2QixlQUFlO3NCQURkLFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQWlCNUQsYUFBYTtzQkFEWixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEYXRlUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnbmcyLWRhdGUtcGlja2VyJztcclxuaW1wb3J0IHsgQ29tbW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2NvbW1vbi5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWRhdGUtdGltZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtdGltZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS10aW1lLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRlVGltZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgcXVlc3Rpb24hOiBhbnk7XHJcbiAgQElucHV0KCkgcXVlc3Rpb25JbmRleCE6IGFueTtcclxuICBAVmlld0NoaWxkKCdkYXRlUGlja2VyJykgZGF0ZVBpY2tlciE6IERhdGVQaWNrZXJDb21wb25lbnQ7XHJcbiAgQFZpZXdDaGlsZCgnZGF0ZVBpY2tlcicsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiBmYWxzZSB9KVxyXG4gIGRhdGVQaWNrZXJQb3BVcCE6IEVsZW1lbnRSZWY7XHJcbiAgZGF0ZXBpY2tlck92ZXJsYXkgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjb21tb25TZXJ2aWNlOiBDb21tb25TZXJ2aWNlKSB7fVxyXG5cclxuICBvcGVuRGF0ZVBpY2tlcigpIHtcclxuICAgIHRoaXMuZGF0ZVBpY2tlcj8uYXBpPy5vcGVuKCk7XHJcbiAgICB0aGlzLmRhdGVwaWNrZXJPdmVybGF5ID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIGNsb3NlRGF0ZXBpY2tlcigpIHtcclxuICAgIHRoaXMuZGF0ZVBpY2tlcj8uYXBpPy5jbG9zZSgpO1xyXG4gICAgdGhpcy5kYXRlcGlja2VyT3ZlcmxheSA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxyXG4gIGRvY3VtZW50Q2xpY2soZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgY29uc3QgZGF0ZVBpY2tlck9iamVjdCA9IHtcclxuICAgICAgZXZlbnQ6IGV2ZW50LFxyXG4gICAgICBjbGFzczogJ3ByZXZpZXctZGF0ZScsXHJcbiAgICAgIHBvcHVwOiB0aGlzLmRhdGVQaWNrZXJQb3BVcCxcclxuICAgICAgY29tcG9uZW50OiB0aGlzLmRhdGVQaWNrZXIsXHJcbiAgICAgIG92ZXJsYXk6IHRoaXMuZGF0ZXBpY2tlck92ZXJsYXksXHJcbiAgICB9O1xyXG4gICAgdGhpcy5jb21tb25TZXJ2aWNlLmhhbmRsZURvY3VtZW50Q2xpY2soZGF0ZVBpY2tlck9iamVjdCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9jayB2eC1tYi0xIHZ4LXAtNFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1oZWFkaW5nIHZ4LXBiLTMgdngtbWItM1wiPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy0xMyB2eC1mdy00MDAgdngtbGFiZWwtdHh0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+e3sgcXVlc3Rpb25JbmRleCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJoZWFkaW5nXCI+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgW2lubmVySFRNTF09XCJxdWVzdGlvbj8udGl0bGUgPT0gJycgPyAnUXVlc3Rpb24nIDogcXVlc3Rpb24/LnRpdGxlXCJcclxuICAgICAgICBjbGFzcz1cInZ4LWZzLTE2IHZ4LWxhYmVsLXR4dCB2eC1saC02XCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcclxuICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTIwIHZ4LWZ3LTMwMCB2eC1tbC0xXCJcclxuICAgICAgICA+Kjwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lci1pbnNpZGVcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICBxdWVzdGlvbj8uaGFzRGVzY3JpcHRpb24gJiYgcXVlc3Rpb24/LmRlc2NyaXB0aW9uPy50cmltKCkubGVuZ3RoID4gMFxyXG4gICAgICAgIFwiXHJcbiAgICAgID5cclxuICAgICAgICA8YXBwLWRlc2NyaXB0aW9uLXByZXZpZXdcclxuICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cInF1ZXN0aW9uSW5kZXhcIlxyXG4gICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cInF1ZXN0aW9uPy5kZXNjcmlwdGlvblwiXHJcbiAgICAgICAgPjwvYXBwLWRlc2NyaXB0aW9uLXByZXZpZXc+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tb3B0aW9uXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHRib3gtZ3JvdXAgdngtbXQtNVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwIHZ4LWQtZmxleCB2eC1tYi0yXCIgKm5nSWY9XCJxdWVzdGlvbj8uaGFzRGF0ZVwiPlxyXG4gICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgIGNsYXNzPVwibGFiZWwgdngtYmctZ3JleSB2eC1sYWJlbC10eHQgdngtbGgtMjQgdngtZC1mbGV4IHZ4LXR0LXVwcGVyY2FzZSB2eC1mcy0xMSB2eC10ZXh0LWNlbnRlciB2eC1wLTIgdngtanVzdGlmeS1jZW50ZXIgdngtYWxpZ24tY2VudGVyXCJcclxuICAgICAgICAgICAgICA+PHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwidngtZC1ibG9ja1wiXHJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJcclxuICAgICAgICAgICAgICAgICAgcXVlc3Rpb24/LmRhdGU/LnRpdGxlID09ICcnXHJcbiAgICAgICAgICAgICAgICAgICAgPyAnRGF0ZSBMYWJlbCdcclxuICAgICAgICAgICAgICAgICAgICA6IHF1ZXN0aW9uPy5kYXRlPy50aXRsZVxyXG4gICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgPnt7XHJcbiAgICAgICAgICAgICAgICAgIHF1ZXN0aW9uPy5kYXRlPy50aXRsZSA9PSBcIlwiXHJcbiAgICAgICAgICAgICAgICAgICAgPyBcIkRhdGUgTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgIDogcXVlc3Rpb24/LmRhdGU/LnRpdGxlXHJcbiAgICAgICAgICAgICAgICB9fTwvc3BhblxyXG4gICAgICAgICAgICAgID48L3NwYW5cclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0ZS10aW1lLWFyZWFcIj5cclxuICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE0IHZ4LXBhcmFncmFwaC10eHRcIj4mI3hlOTk2OzwvaT5cclxuICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZGF0ZVBpY2tlclwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib3BlbkRhdGVQaWNrZXIoKVwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBEYXRlXCJcclxuICAgICAgICAgICAgICAgIGlkPVwicHJldmlldy1kYXRlXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDxkcC1kYXRlLXBpY2tlclxyXG4gICAgICAgICAgICAgICAgI2RhdGVQaWNrZXJcclxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IERhdGVcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5EYXRlUGlja2VyKClcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRGF0ZXBpY2tlcigpXCJcclxuICAgICAgICAgICAgICA+PC9kcC1kYXRlLXBpY2tlcj5cclxuICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm92ZXJsYXlcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRGF0ZXBpY2tlcigpXCJcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0ZXBpY2tlck92ZXJsYXlcIlxyXG4gICAgICAgICAgICAgID48L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cCB2eC1kLWZsZXggdngtbWItMTBcIiAqbmdJZj1cInF1ZXN0aW9uPy5oYXNUaW1lXCI+XHJcbiAgICAgICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJsYWJlbCB2eC1iZy1ncmV5IHZ4LWxhYmVsLXR4dCB2eC1saC0yNCB2eC1kLWZsZXggdngtdHQtdXBwZXJjYXNlIHZ4LWZzLTExIHZ4LXRleHQtY2VudGVyIHZ4LXAtMiB2eC1qdXN0aWZ5LWNlbnRlciB2eC1hbGlnbi1jZW50ZXJcIlxyXG4gICAgICAgICAgICAgID48c3BhblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ2eC1kLWJsb2NrXCJcclxuICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cIlxyXG4gICAgICAgICAgICAgICAgICBxdWVzdGlvbj8udGltZT8udGl0bGUgPT0gJydcclxuICAgICAgICAgICAgICAgICAgICA/ICdUaW1lIExhYmVsJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogcXVlc3Rpb24/LnRpbWU/LnRpdGxlXHJcbiAgICAgICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICA+e3tcclxuICAgICAgICAgICAgICAgICAgcXVlc3Rpb24/LnRpbWU/LnRpdGxlID09IFwiXCJcclxuICAgICAgICAgICAgICAgICAgICA/IFwiVGltZSBMYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgOiBxdWVzdGlvbj8udGltZT8udGl0bGVcclxuICAgICAgICAgICAgICAgIH19PC9zcGFuXHJcbiAgICAgICAgICAgICAgPjwvc3BhblxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkYXRlLXRpbWUtYXJlYVwiPlxyXG4gICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIjEyaHIgZm9ybWF0XCJcclxuICAgICAgICAgICAgICAgIFtuZ3hUaW1lcGlja2VyXT1cInRpbWVPbmx5XCJcclxuICAgICAgICAgICAgICAgIHJlYWRvbmx5XHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBUaW1lXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnMgdngtZnMtMTQgdngtcGFyYWdyYXBoLXR4dFwiPiYjeGU5NTU7PC9pPlxyXG4gICAgICAgICAgICAgIDxuZ3gtbWF0ZXJpYWwtdGltZXBpY2tlciAjdGltZU9ubHk+PC9uZ3gtbWF0ZXJpYWwtdGltZXBpY2tlcj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1xdWlja1NldHRpbmdzXCI+XHJcbiAgICAgIDxhcHAtcXVpY2stc2V0dGluZ3MgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCI+PC9hcHAtcXVpY2stc2V0dGluZ3M+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/sharedComponents/assessment-preview/description-preview/description-preview.component.mjs

@@ -0,0 +1,24 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../pipes/is-read-more.pipe";
+export class DescriptionPreviewComponent {
+    constructor() {
+        this.description = '';
+        this.isExpand = false;
+    }
+    toggleExpansion() {
+        this.isExpand = !this.isExpand;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DescriptionPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: { questionIndex: "questionIndex", description: "description" }, ngImport: i0, template: "<div\r\n  [id]=\"'description_' + questionIndex\"\r\n  class=\"assessment-question-description vx-fs-12 vx-paragraph-txt\"\r\n  [class.expand]=\"isExpand\"\r\n  [innerHTML]=\"description\"\r\n></div>\r\n<div class=\"assessment-question-description-btn vx-d-flex vx-justify-end\">\r\n  <button\r\n    *ngIf=\"('description_' + questionIndex | isReadMore : 37) && !isExpand\"\r\n    (click)=\"toggleExpansion()\"\r\n    class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n  >\r\n    Read More\r\n  </button>\r\n  <button\r\n    *ngIf=\"isExpand && ('description_' + questionIndex | isReadMore : 37)\"\r\n    (click)=\"toggleExpansion()\"\r\n    class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n  >\r\n    Show Less\r\n  </button>\r\n</div>\r\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 .assessment-question-description{width:96%;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 .assessment-question-description.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .assessment-question-description-btn{width:96%}::ng-deep .assessment-question-description-btn button{background:transparent;border-radius:0;border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.IsReadMorePipe, name: "isReadMore" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DescriptionPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-description-preview', template: "<div\r\n  [id]=\"'description_' + questionIndex\"\r\n  class=\"assessment-question-description vx-fs-12 vx-paragraph-txt\"\r\n  [class.expand]=\"isExpand\"\r\n  [innerHTML]=\"description\"\r\n></div>\r\n<div class=\"assessment-question-description-btn vx-d-flex vx-justify-end\">\r\n  <button\r\n    *ngIf=\"('description_' + questionIndex | isReadMore : 37) && !isExpand\"\r\n    (click)=\"toggleExpansion()\"\r\n    class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n  >\r\n    Read More\r\n  </button>\r\n  <button\r\n    *ngIf=\"isExpand && ('description_' + questionIndex | isReadMore : 37)\"\r\n    (click)=\"toggleExpansion()\"\r\n    class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n  >\r\n    Show Less\r\n  </button>\r\n</div>\r\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 .assessment-question-description{width:96%;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 .assessment-question-description.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .assessment-question-description-btn{width:96%}::ng-deep .assessment-question-description-btn button{background:transparent;border-radius:0;border:none}\n"] }]
+        }], propDecorators: { questionIndex: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tcHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtcHJldmlldy9kZXNjcmlwdGlvbi1wcmV2aWV3L2Rlc2NyaXB0aW9uLXByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZGVzY3JpcHRpb24tcHJldmlldy9kZXNjcmlwdGlvbi1wcmV2aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFPVyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUNsQyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBSzNCO0lBSEMsZUFBZTtRQUNiLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7K0dBUFUsMkJBQTJCO21HQUEzQiwyQkFBMkIsdUlDUHhDLG94QkFzQkE7OzRGRGZhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBSzFCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWRlc2NyaXB0aW9uLXByZXZpZXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXNjcmlwdGlvbi1wcmV2aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kZXNjcmlwdGlvbi1wcmV2aWV3LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEZXNjcmlwdGlvblByZXZpZXdDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uSW5kZXghOiBudW1iZXI7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xyXG4gIGlzRXhwYW5kOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHRvZ2dsZUV4cGFuc2lvbigpIHtcclxuICAgIHRoaXMuaXNFeHBhbmQgPSAhdGhpcy5pc0V4cGFuZDtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIFtpZF09XCInZGVzY3JpcHRpb25fJyArIHF1ZXN0aW9uSW5kZXhcIlxyXG4gIGNsYXNzPVwiYXNzZXNzbWVudC1xdWVzdGlvbi1kZXNjcmlwdGlvbiB2eC1mcy0xMiB2eC1wYXJhZ3JhcGgtdHh0XCJcclxuICBbY2xhc3MuZXhwYW5kXT1cImlzRXhwYW5kXCJcclxuICBbaW5uZXJIVE1MXT1cImRlc2NyaXB0aW9uXCJcclxuPjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiYXNzZXNzbWVudC1xdWVzdGlvbi1kZXNjcmlwdGlvbi1idG4gdngtZC1mbGV4IHZ4LWp1c3RpZnktZW5kXCI+XHJcbiAgPGJ1dHRvblxyXG4gICAgKm5nSWY9XCIoJ2Rlc2NyaXB0aW9uXycgKyBxdWVzdGlvbkluZGV4IHwgaXNSZWFkTW9yZSA6IDM3KSAmJiAhaXNFeHBhbmRcIlxyXG4gICAgKGNsaWNrKT1cInRvZ2dsZUV4cGFuc2lvbigpXCJcclxuICAgIGNsYXNzPVwidngtZnMtOCB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1tLTBcIlxyXG4gID5cclxuICAgIFJlYWQgTW9yZVxyXG4gIDwvYnV0dG9uPlxyXG4gIDxidXR0b25cclxuICAgICpuZ0lmPVwiaXNFeHBhbmQgJiYgKCdkZXNjcmlwdGlvbl8nICsgcXVlc3Rpb25JbmRleCB8IGlzUmVhZE1vcmUgOiAzNylcIlxyXG4gICAgKGNsaWNrKT1cInRvZ2dsZUV4cGFuc2lvbigpXCJcclxuICAgIGNsYXNzPVwidngtZnMtOCB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1tLTBcIlxyXG4gID5cclxuICAgIFNob3cgTGVzc1xyXG4gIDwvYnV0dG9uPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/sharedComponents/assessment-preview/device/device.component.mjs

@@ -0,0 +1,21 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DeviceComponent {
+    constructor() {
+        this.deviceChanged = new EventEmitter();
+        this.selectedDevice = 'DESKTOP';
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DeviceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DeviceComponent, selector: "app-device", inputs: { selectedDevice: "selectedDevice" }, outputs: { deviceChanged: "deviceChanged" }, ngImport: i0, template: "<div class=\"device\">\r\n    <div class=\"label vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-pt-1 vx-pb-1 vx-text-center\">PREVIEW</div>\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'DESKTOP'\" (click)=\"deviceChanged.emit('DESKTOP')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac2;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">DESKTOP</span>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'TABLET'\" (click)=\"deviceChanged.emit('TABLET')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac1;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">TABLET</span>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'MOBILE'\" (click)=\"deviceChanged.emit('MOBILE')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac0;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">MOBILE</span>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.device{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:3.75rem}.device ul li{border-top:1px solid #F1F1F1;list-style-type:none}.device ul li a{color:#747576}.device ul li a.active{background:#1e5dd3;color:#fff}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DeviceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-device', template: "<div class=\"device\">\r\n    <div class=\"label vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-pt-1 vx-pb-1 vx-text-center\">PREVIEW</div>\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'DESKTOP'\" (click)=\"deviceChanged.emit('DESKTOP')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac2;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">DESKTOP</span>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'TABLET'\" (click)=\"deviceChanged.emit('TABLET')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac1;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">TABLET</span>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'MOBILE'\" (click)=\"deviceChanged.emit('MOBILE')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac0;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">MOBILE</span>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.device{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:3.75rem}.device ul li{border-top:1px solid #F1F1F1;list-style-type:none}.device ul li a{color:#747576}.device ul li a.active{background:#1e5dd3;color:#fff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { deviceChanged: [{
+                type: Output
+            }], selectedDevice: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2RldmljZS9kZXZpY2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZGV2aWNlL2RldmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVEvRSxNQUFNLE9BQU8sZUFBZTtJQUcxQjtRQUZVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwQyxtQkFBYyxHQUFHLFNBQVMsQ0FBQztJQUNwQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQU5VLGVBQWU7bUdBQWYsZUFBZSw2SUNSNUIseXhDQXNCTTs7NEZEZE8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZOzBFQUtaLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0UsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1kZXZpY2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXZpY2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RldmljZS5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEZXZpY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBPdXRwdXQoKSBkZXZpY2VDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkRGV2aWNlID0gJ0RFU0tUT1AnO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRldmljZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxhYmVsIHZ4LWZzLTExIHZ4LWZ3LTYwMCB2eC1sYWJlbC10eHQgdngtdHQtdXBwZXJjYXNlIHZ4LXB0LTEgdngtcGItMSB2eC10ZXh0LWNlbnRlclwiPlBSRVZJRVc8L2Rpdj5cclxuICAgIDx1bCBjbGFzcz1cInZ4LXAtMCB2eC1tLTBcIj5cclxuICAgICAgICA8bGk+XHJcbiAgICAgICAgICAgIDxhIGNsYXNzPVwidngtdGV4dC1jZW50ZXIgdngtcHQtMyB2eC1wYi0zIHZ4LWQtYmxvY2tcIiBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnREVTS1RPUCdcIiAoY2xpY2spPVwiZGV2aWNlQ2hhbmdlZC5lbWl0KCdERVNLVE9QJylcIj5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnMgdngtZnMtMTZcIj4mI3hlYWMyOzwvaT5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtZnMtOSB2eC1mdy02MDAgdngtdHQtdXBwZXJjYXNlIHZ4LWQtYmxvY2tcIj5ERVNLVE9QPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgICA8bGk+XHJcbiAgICAgICAgICAgIDxhIGNsYXNzPVwidngtdGV4dC1jZW50ZXIgdngtcHQtMyB2eC1wYi0zIHZ4LWQtYmxvY2tcIiBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnVEFCTEVUJ1wiIChjbGljayk9XCJkZXZpY2VDaGFuZ2VkLmVtaXQoJ1RBQkxFVCcpXCI+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE2XCI+JiN4ZWFjMTs8L2k+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZ4LWZzLTkgdngtZnctNjAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1kLWJsb2NrXCI+VEFCTEVUPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgICA8bGk+XHJcbiAgICAgICAgICAgIDxhIGNsYXNzPVwidngtdGV4dC1jZW50ZXIgdngtcHQtMyB2eC1wYi0zIHZ4LWQtYmxvY2tcIiBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnTU9CSUxFJ1wiIChjbGljayk9XCJkZXZpY2VDaGFuZ2VkLmVtaXQoJ01PQklMRScpXCI+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE2XCI+JiN4ZWFjMDs8L2k+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZ4LWZzLTkgdngtZnctNjAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1kLWJsb2NrXCI+TU9CSUxFPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/sharedComponents/assessment-preview/file-upload/file-upload.component.mjs

@@ -0,0 +1,22 @@
+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 "../quick-settings/quick-settings.component";
+import * as i4 from "../description-preview/description-preview.component";
+export class FileUploadComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileUploadComponent, selector: "app-file-upload", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n  <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n    <span\r\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n      >{{ questionIndex }}</span\r\n    >\r\n    <span class=\"heading\">\r\n      <span\r\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n      ></span>\r\n      <span\r\n        *ngIf=\"question?.isRequired\"\r\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n        >*</span\r\n      >\r\n    </span>\r\n  </div>\r\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n    <div class=\"question-inner-inside\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n      >\r\n        <app-description-preview\r\n          [questionIndex]=\"questionIndex\"\r\n          [description]=\"question?.description\"\r\n        ></app-description-preview>\r\n      </ng-container>\r\n      <div class=\"question-option\">\r\n        <div\r\n          class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\"\r\n        >\r\n          <input type=\"file\" />\r\n          <span class=\"value vx-fs-11 vx-label-txt vx-d-block vx-pl-2\"\r\n            >Select file</span\r\n          >\r\n          <span\r\n            class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\"\r\n            >Browse</span\r\n          >\r\n        </div>\r\n        <ul class=\"file-list vx-p-0 vx-pt-5 vx-m-0\" *ngIf=\"false\">\r\n          <li class=\"file vx-pb-1\">\r\n            <div class=\"file-box vx-d-flex vx-align-center vx-pt-2 vx-pb-2\">\r\n              <span class=\"file pdf\">\r\n                <i class=\"icons\">&#xe92e;</i>\r\n                <span class=\"format\">pdf</span>\r\n              </span>\r\n              <div\r\n                class=\"file-name vx-fs-12 vx-label-txt\"\r\n                [appTooltip]=\"'file-name.pdf'\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n              >\r\n                file-name.pdf\r\n              </div>\r\n              <button\r\n                class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\r\n              >\r\n                <i class=\"icons vx-ml-3\">&#xe923;</i>\r\n              </button>\r\n              <div *ngIf=\"true\" class=\"line-progress\">\r\n                <div class=\"line-progress-bar\"></div>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"question-quickSettings\">\r\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n  </div>\r\n</div>\r\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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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 .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .custom-file-upload{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;box-shadow:0 0 10px #f1f1f1;position:relative;max-width:25rem;width:100%;height:2.5rem}::ng-deep .question-option .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .question-option .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .question-option .custom-file-upload span.button{height:1.875rem;width:6.25rem;border-radius:.25rem}::ng-deep .question-option ul.file-list{list-style:none;width:37.5rem}@media screen and (max-width: 768px){::ng-deep .question-option ul.file-list{width:100%}}::ng-deep .question-option ul.file-list li.file .file-box{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .question-option ul.file-list li.file .file-box .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1.25rem)}::ng-deep .question-option ul.file-list li.file .file-box button.delete-btn{background:transparent;border:none;border-radius:0}::ng-deep .question-option ul.file-list li.file .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:92%}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\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: "component", type: i3.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i4.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-file-upload', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n  <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n    <span\r\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n      >{{ questionIndex }}</span\r\n    >\r\n    <span class=\"heading\">\r\n      <span\r\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n      ></span>\r\n      <span\r\n        *ngIf=\"question?.isRequired\"\r\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n        >*</span\r\n      >\r\n    </span>\r\n  </div>\r\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n    <div class=\"question-inner-inside\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n      >\r\n        <app-description-preview\r\n          [questionIndex]=\"questionIndex\"\r\n          [description]=\"question?.description\"\r\n        ></app-description-preview>\r\n      </ng-container>\r\n      <div class=\"question-option\">\r\n        <div\r\n          class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\"\r\n        >\r\n          <input type=\"file\" />\r\n          <span class=\"value vx-fs-11 vx-label-txt vx-d-block vx-pl-2\"\r\n            >Select file</span\r\n          >\r\n          <span\r\n            class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\"\r\n            >Browse</span\r\n          >\r\n        </div>\r\n        <ul class=\"file-list vx-p-0 vx-pt-5 vx-m-0\" *ngIf=\"false\">\r\n          <li class=\"file vx-pb-1\">\r\n            <div class=\"file-box vx-d-flex vx-align-center vx-pt-2 vx-pb-2\">\r\n              <span class=\"file pdf\">\r\n                <i class=\"icons\">&#xe92e;</i>\r\n                <span class=\"format\">pdf</span>\r\n              </span>\r\n              <div\r\n                class=\"file-name vx-fs-12 vx-label-txt\"\r\n                [appTooltip]=\"'file-name.pdf'\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n              >\r\n                file-name.pdf\r\n              </div>\r\n              <button\r\n                class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\r\n              >\r\n                <i class=\"icons vx-ml-3\">&#xe923;</i>\r\n              </button>\r\n              <div *ngIf=\"true\" class=\"line-progress\">\r\n                <div class=\"line-progress-bar\"></div>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"question-quickSettings\">\r\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n  </div>\r\n</div>\r\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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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 .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .custom-file-upload{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;box-shadow:0 0 10px #f1f1f1;position:relative;max-width:25rem;width:100%;height:2.5rem}::ng-deep .question-option .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .question-option .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .question-option .custom-file-upload span.button{height:1.875rem;width:6.25rem;border-radius:.25rem}::ng-deep .question-option ul.file-list{list-style:none;width:37.5rem}@media screen and (max-width: 768px){::ng-deep .question-option ul.file-list{width:100%}}::ng-deep .question-option ul.file-list li.file .file-box{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .question-option ul.file-list li.file .file-box .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1.25rem)}::ng-deep .question-option ul.file-list li.file .file-box button.delete-btn{background:transparent;border:none;border-radius:0}::ng-deep .question-option ul.file-list li.file .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:92%}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }], questionIndex: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU96RCxNQUFNLE9BQU8sbUJBQW1CO0lBRzlCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQU5VLG1CQUFtQjttR0FBbkIsbUJBQW1CLHlIQ1BoQyw2NkZBOEVBOzs0RkR2RWEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjswRUFLbEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1maWxlLXVwbG9hZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9maWxlLXVwbG9hZC5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBxdWVzdGlvbiAhOiBhbnk7XHJcbiAgQElucHV0KCkgcXVlc3Rpb25JbmRleCAhOmFueTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9jayB2eC1tYi0xIHZ4LXAtNFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1oZWFkaW5nIHZ4LXBiLTMgdngtbWItM1wiPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy0xMyB2eC1mdy00MDAgdngtbGFiZWwtdHh0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+e3sgcXVlc3Rpb25JbmRleCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJoZWFkaW5nXCI+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgY2xhc3M9XCJ2eC1mcy0xNiB2eC1sYWJlbC10eHQgdngtbGgtNlwiXHJcbiAgICAgICAgW2lubmVySFRNTF09XCJxdWVzdGlvbj8udGl0bGUgPT0gJycgPyAnUXVlc3Rpb24nIDogcXVlc3Rpb24/LnRpdGxlXCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcclxuICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTIwIHZ4LWZ3LTMwMCB2eC1tbC0xXCJcclxuICAgICAgICA+Kjwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lci1pbnNpZGVcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICBxdWVzdGlvbj8uaGFzRGVzY3JpcHRpb24gJiYgcXVlc3Rpb24/LmRlc2NyaXB0aW9uPy50cmltKCkubGVuZ3RoID4gMFxyXG4gICAgICAgIFwiXHJcbiAgICAgID5cclxuICAgICAgICA8YXBwLWRlc2NyaXB0aW9uLXByZXZpZXdcclxuICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cInF1ZXN0aW9uSW5kZXhcIlxyXG4gICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cInF1ZXN0aW9uPy5kZXNjcmlwdGlvblwiXHJcbiAgICAgICAgPjwvYXBwLWRlc2NyaXB0aW9uLXByZXZpZXc+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tb3B0aW9uXCI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJjdXN0b20tZmlsZS11cGxvYWQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1tdC01IHZ4LXAtMVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgLz5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWUgdngtZnMtMTEgdngtbGFiZWwtdHh0IHZ4LWQtYmxvY2sgdngtcGwtMlwiXHJcbiAgICAgICAgICAgID5TZWxlY3QgZmlsZTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgY2xhc3M9XCJidXR0b24gdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC10eHQtd2hpdGUgdngtYmctYmx1ZSB2eC1mcy0xMiB2eC10dC11cHBlcmNhc2VcIlxyXG4gICAgICAgICAgICA+QnJvd3NlPC9zcGFuXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwiZmlsZS1saXN0IHZ4LXAtMCB2eC1wdC01IHZ4LW0tMFwiICpuZ0lmPVwiZmFsc2VcIj5cclxuICAgICAgICAgIDxsaSBjbGFzcz1cImZpbGUgdngtcGItMVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsZS1ib3ggdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1wdC0yIHZ4LXBiLTJcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbGUgcGRmXCI+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTkyZTs8L2k+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvcm1hdFwiPnBkZjwvc3Bhbj5cclxuICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmaWxlLW5hbWUgdngtZnMtMTIgdngtbGFiZWwtdHh0XCJcclxuICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cIidmaWxlLW5hbWUucGRmJ1wiXHJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXHJcbiAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICBmaWxlLW5hbWUucGRmXHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkZWxldGUtYnRuIHZ4LWZzLTE0IHZ4LXR4dC1yZWQgdngtcC0wIHZ4LW0tMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LW1sLTNcIj4mI3hlOTIzOzwvaT5cclxuICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwidHJ1ZVwiIGNsYXNzPVwibGluZS1wcm9ncmVzc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtcHJvZ3Jlc3MtYmFyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLXF1aWNrU2V0dGluZ3NcIj5cclxuICAgICAgPGFwcC1xdWljay1zZXR0aW5ncyBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIj48L2FwcC1xdWljay1zZXR0aW5ncz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/sharedComponents/assessment-preview/page-header/page-header.component.mjs

@@ -0,0 +1,21 @@
+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 PageHeaderComponent {
+    constructor() {
+        this.isExpand = false;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageHeaderComponent, selector: "app-page-header", inputs: { pageDetail: "pageDetail", pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"page-header vx-pb-2 vx-mb-5\">\r\n  <div class=\"page-heading vx-d-flex\">\r\n    <div\r\n      *ngIf=\"!pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      PAGE {{ pageDetail?.pageNumber }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      {{ pageTitle }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageDetail?.pageName?.trim()?.length\"\r\n      class=\"page-name vx-fs-13 vx-label-txt\"\r\n      [innerHTML]=\"pageDetail?.pageName\"\r\n      [appTooltip]=\"pageDetail?.pageName\"\r\n      placement=\"bottom-left\"\r\n      delay=\"0\"\r\n      type=\"black\"\r\n      [tooltipMandatory]=\"false\"\r\n    ></div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"pageDetail?.pageDescription?.trim()?.length\"\r\n    class=\"page-details vx-fs-11 vx-paragraph-txt vx-mt-2\"\r\n    [innerHTML]=\"pageDetail?.pageDescription\"\r\n    [class.expand]=\"false\"\r\n  ></div>\r\n  <div class=\"page-details-btn vx-d-flex vx-justify-end\">\r\n    <button class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">\r\n      Read More\r\n    </button>\r\n  </div>\r\n\r\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>\r\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>\r\n    <div *ngIf=\"pageDetail?.pageName?.trim()?.length\" class=\"page-name vx-fs-12 vx-label-txt vx-mb-3\" [innerHTML]=\"pageDetail?.pageName\"> </div>\r\n    <div *ngIf=\"pageDetail?.pageDescription?.trim()?.length\" class=\"page-details vx-fs-12 vx-label-txt vx-p-4\" [innerHTML]=\"pageDetail?.pageDescription\"></div> -->\r\n</div>\r\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: PageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-page-header', template: "<div class=\"page-header vx-pb-2 vx-mb-5\">\r\n  <div class=\"page-heading vx-d-flex\">\r\n    <div\r\n      *ngIf=\"!pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      PAGE {{ pageDetail?.pageNumber }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      {{ pageTitle }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageDetail?.pageName?.trim()?.length\"\r\n      class=\"page-name vx-fs-13 vx-label-txt\"\r\n      [innerHTML]=\"pageDetail?.pageName\"\r\n      [appTooltip]=\"pageDetail?.pageName\"\r\n      placement=\"bottom-left\"\r\n      delay=\"0\"\r\n      type=\"black\"\r\n      [tooltipMandatory]=\"false\"\r\n    ></div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"pageDetail?.pageDescription?.trim()?.length\"\r\n    class=\"page-details vx-fs-11 vx-paragraph-txt vx-mt-2\"\r\n    [innerHTML]=\"pageDetail?.pageDescription\"\r\n    [class.expand]=\"false\"\r\n  ></div>\r\n  <div class=\"page-details-btn vx-d-flex vx-justify-end\">\r\n    <button class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">\r\n      Read More\r\n    </button>\r\n  </div>\r\n\r\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>\r\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>\r\n    <div *ngIf=\"pageDetail?.pageName?.trim()?.length\" class=\"page-name vx-fs-12 vx-label-txt vx-mb-3\" [innerHTML]=\"pageDetail?.pageName\"> </div>\r\n    <div *ngIf=\"pageDetail?.pageDescription?.trim()?.length\" class=\"page-details vx-fs-12 vx-label-txt vx-p-4\" [innerHTML]=\"pageDetail?.pageDescription\"></div> -->\r\n</div>\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QjtRQURBLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFDWCxDQUFDO0lBQ2hCLFFBQVEsS0FBVSxDQUFDOytHQUxSLG1CQUFtQjttR0FBbkIsbUJBQW1CLHFIQ1BoQyw4M0RBMENBOzs0RkRuQ2EsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjswRUFLbEIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wYWdlLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFnZUhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgcGFnZURldGFpbCE6IGFueTtcclxuICBASW5wdXQoKSBwYWdlVGl0bGUhOiBhbnk7XHJcbiAgaXNFeHBhbmQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlciB2eC1wYi0yIHZ4LW1iLTVcIj5cclxuICA8ZGl2IGNsYXNzPVwicGFnZS1oZWFkaW5nIHZ4LWQtZmxleFwiPlxyXG4gICAgPGRpdlxyXG4gICAgICAqbmdJZj1cIiFwYWdlVGl0bGVcIlxyXG4gICAgICBjbGFzcz1cImxhYmVsIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtcGwtMSB2eC1wci0xIHZ4LWxoLTQgdngtbXItMVwiXHJcbiAgICA+XHJcbiAgICAgIFBBR0Uge3sgcGFnZURldGFpbD8ucGFnZU51bWJlciB9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2XHJcbiAgICAgICpuZ0lmPVwicGFnZVRpdGxlXCJcclxuICAgICAgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXBsLTEgdngtcHItMSB2eC1saC00IHZ4LW1yLTFcIlxyXG4gICAgPlxyXG4gICAgICB7eyBwYWdlVGl0bGUgfX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdlxyXG4gICAgICAqbmdJZj1cInBhZ2VEZXRhaWw/LnBhZ2VOYW1lPy50cmltKCk/Lmxlbmd0aFwiXHJcbiAgICAgIGNsYXNzPVwicGFnZS1uYW1lIHZ4LWZzLTEzIHZ4LWxhYmVsLXR4dFwiXHJcbiAgICAgIFtpbm5lckhUTUxdPVwicGFnZURldGFpbD8ucGFnZU5hbWVcIlxyXG4gICAgICBbYXBwVG9vbHRpcF09XCJwYWdlRGV0YWlsPy5wYWdlTmFtZVwiXHJcbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgPjwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXZcclxuICAgICpuZ0lmPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uPy50cmltKCk/Lmxlbmd0aFwiXHJcbiAgICBjbGFzcz1cInBhZ2UtZGV0YWlscyB2eC1mcy0xMSB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW10LTJcIlxyXG4gICAgW2lubmVySFRNTF09XCJwYWdlRGV0YWlsPy5wYWdlRGVzY3JpcHRpb25cIlxyXG4gICAgW2NsYXNzLmV4cGFuZF09XCJmYWxzZVwiXHJcbiAgPjwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJwYWdlLWRldGFpbHMtYnRuIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWVuZFwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cInZ4LWZzLTggdngtZnctNTAwIHZ4LXR4dC1ibHVlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgIFJlYWQgTW9yZVxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDwhLS0gPGRpdiAgKm5nSWY9XCIhcGFnZVRpdGxlXCIgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMCB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXBsLTEgdngtcHItMSB2eC1saC00IHZ4LW1iLTIgdngtZC1pbmxpbmUtZmxleFwiPlBBR0Uge3twYWdlRGV0YWlsPy5wYWdlTnVtYmVyfX0gPC9kaXY+XHJcbiAgICA8ZGl2ICAqbmdJZj1cInBhZ2VUaXRsZVwiIGNsYXNzPVwibGFiZWwgdngtZnMtMTAgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1wbC0xIHZ4LXByLTEgdngtbGgtNCB2eC1tYi0yIHZ4LWQtaW5saW5lLWZsZXhcIj57e3BhZ2VUaXRsZX19IDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cInBhZ2VEZXRhaWw/LnBhZ2VOYW1lPy50cmltKCk/Lmxlbmd0aFwiIGNsYXNzPVwicGFnZS1uYW1lIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1tYi0zXCIgW2lubmVySFRNTF09XCJwYWdlRGV0YWlsPy5wYWdlTmFtZVwiPiA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJwYWdlRGV0YWlsPy5wYWdlRGVzY3JpcHRpb24/LnRyaW0oKT8ubGVuZ3RoXCIgY2xhc3M9XCJwYWdlLWRldGFpbHMgdngtZnMtMTIgdngtbGFiZWwtdHh0IHZ4LXAtNFwiIFtpbm5lckhUTUxdPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uXCI+PC9kaXY+IC0tPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/sharedComponents/assessment-preview/pipes/get-section-order.pipe.mjs

@@ -0,0 +1,24 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class GetSectionOrderPipe {
+    transform(assessmentDetails, sectionId) {
+        const sectionDetails = assessmentDetails?.questions;
+        const index = sectionDetails?.sectionArray?.findIndex((ele) => ele.code === sectionId);
+        return {
+            sectionDetails: sectionDetails?.sectionArray?.length
+                ? sectionDetails?.sectionArray[index]
+                : {},
+            index: index,
+            questionId: sectionDetails?.elements?.find((question) => question.sectionId === sectionId)?.name ?? '',
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetSectionOrderPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GetSectionOrderPipe, name: "getSectionOrder" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetSectionOrderPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'getSectionOrder',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXNlY3Rpb24tb3JkZXIucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L3BpcGVzL2dldC1zZWN0aW9uLW9yZGVyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBS3BELE1BQU0sT0FBTyxtQkFBbUI7SUFDOUIsU0FBUyxDQUFDLGlCQUFzQixFQUFFLFNBQWlCO1FBQ2pELE1BQU0sY0FBYyxHQUFHLGlCQUFpQixFQUFFLFNBQVMsQ0FBQztRQUNwRCxNQUFNLEtBQUssR0FBVyxjQUFjLEVBQUUsWUFBWSxFQUFFLFNBQVMsQ0FDM0QsQ0FBQyxHQUFRLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUNyQyxDQUFDO1FBQ0YsT0FBTztZQUNMLGNBQWMsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLE1BQU07Z0JBQ2xELENBQUMsQ0FBQyxjQUFjLEVBQUUsWUFBWSxDQUFDLEtBQUssQ0FBQztnQkFDckMsQ0FBQyxDQUFDLEVBQUU7WUFDTixLQUFLLEVBQUUsS0FBSztZQUNaLFVBQVUsRUFDUixjQUFjLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FDNUIsQ0FBQyxRQUFhLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxTQUFTLEtBQUssU0FBUyxDQUNwRCxFQUFFLElBQUksSUFBSSxFQUFFO1NBQ2hCLENBQUM7SUFDSixDQUFDOytHQWhCVSxtQkFBbUI7NkdBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFIL0IsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsaUJBQWlCO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnZ2V0U2VjdGlvbk9yZGVyJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEdldFNlY3Rpb25PcmRlclBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuICB0cmFuc2Zvcm0oYXNzZXNzbWVudERldGFpbHM6IGFueSwgc2VjdGlvbklkOiBzdHJpbmcpOiBhbnkge1xyXG4gICAgY29uc3Qgc2VjdGlvbkRldGFpbHMgPSBhc3Nlc3NtZW50RGV0YWlscz8ucXVlc3Rpb25zO1xyXG4gICAgY29uc3QgaW5kZXg6IG51bWJlciA9IHNlY3Rpb25EZXRhaWxzPy5zZWN0aW9uQXJyYXk/LmZpbmRJbmRleChcclxuICAgICAgKGVsZTogYW55KSA9PiBlbGUuY29kZSA9PT0gc2VjdGlvbklkXHJcbiAgICApO1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgc2VjdGlvbkRldGFpbHM6IHNlY3Rpb25EZXRhaWxzPy5zZWN0aW9uQXJyYXk/Lmxlbmd0aFxyXG4gICAgICAgID8gc2VjdGlvbkRldGFpbHM/LnNlY3Rpb25BcnJheVtpbmRleF1cclxuICAgICAgICA6IHt9LFxyXG4gICAgICBpbmRleDogaW5kZXgsXHJcbiAgICAgIHF1ZXN0aW9uSWQ6XHJcbiAgICAgICAgc2VjdGlvbkRldGFpbHM/LmVsZW1lbnRzPy5maW5kKFxyXG4gICAgICAgICAgKHF1ZXN0aW9uOiBhbnkpID0+IHF1ZXN0aW9uLnNlY3Rpb25JZCA9PT0gc2VjdGlvbklkXHJcbiAgICAgICAgKT8ubmFtZSA/PyAnJyxcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==