vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/sharedComponents/assessment-editor/components/pipes/question-page-filter.pipe.mjs

@@ -0,0 +1,16 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class QuestionPageFilterPipe {
+    transform(value, ...args) {
+        return value.filter((question) => question?.page === args[0]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionPageFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: QuestionPageFilterPipe, name: "questionPageFilter" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionPageFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'questionPageFilter'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlc3Rpb24tcGFnZS1maWx0ZXIucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9waXBlcy9xdWVzdGlvbi1wYWdlLWZpbHRlci5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQUtwRCxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLFNBQVMsQ0FBQyxLQUFVLEVBQUUsR0FBRyxJQUFXO1FBQ2xDLE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFFBQVksRUFBRSxFQUFFLENBQUMsUUFBUSxFQUFFLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNwRSxDQUFDOytHQUpVLHNCQUFzQjs2R0FBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQUhsQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxvQkFBb0I7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQFBpcGUoe1xyXG4gIG5hbWU6ICdxdWVzdGlvblBhZ2VGaWx0ZXInXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBRdWVzdGlvblBhZ2VGaWx0ZXJQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcblxyXG4gIHRyYW5zZm9ybSh2YWx1ZTogYW55LCAuLi5hcmdzOiBhbnlbXSk6IGFueSB7XHJcbiAgICByZXR1cm4gdmFsdWUuZmlsdGVyKChxdWVzdGlvbjphbnkpID0+IHF1ZXN0aW9uPy5wYWdlID09PSBhcmdzWzBdKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2022/lib/sharedComponents/assessment-editor/components/pipes/question-parser.pipe.mjs

@@ -0,0 +1,21 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class QuestionParserPipe {
+    transform(value, ...args) {
+        if (!value) {
+            return 'Select a question';
+        }
+        else {
+            return value;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionParserPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: QuestionParserPipe, name: "questionParser" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionParserPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'questionParser'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlc3Rpb24tcGFyc2VyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvcGlwZXMvcXVlc3Rpb24tcGFyc2VyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBS3BELE1BQU0sT0FBTyxrQkFBa0I7SUFFN0IsU0FBUyxDQUFDLEtBQVUsRUFBRSxHQUFHLElBQWU7UUFFdEMsSUFBRyxDQUFDLEtBQUssRUFBQztZQUNKLE9BQU8sbUJBQW1CLENBQUE7U0FDL0I7YUFBSTtZQUNILE9BQU8sS0FBSyxDQUFDO1NBQ2Q7SUFDSCxDQUFDOytHQVRVLGtCQUFrQjs2R0FBbEIsa0JBQWtCOzs0RkFBbEIsa0JBQWtCO2tCQUg5QixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxnQkFBZ0I7aUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQFBpcGUoe1xyXG4gIG5hbWU6ICdxdWVzdGlvblBhcnNlcidcclxufSlcclxuZXhwb3J0IGNsYXNzIFF1ZXN0aW9uUGFyc2VyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICB0cmFuc2Zvcm0odmFsdWU6IGFueSwgLi4uYXJnczogdW5rbm93bltdKTogYW55IHtcclxuICAgIFxyXG4gICAgaWYoIXZhbHVlKXtcclxuICAgICAgICAgIHJldHVybiAnU2VsZWN0IGEgcXVlc3Rpb24nXHJcbiAgICB9ZWxzZXtcclxuICAgICAgcmV0dXJuIHZhbHVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIl19

package/esm2022/lib/sharedComponents/assessment-editor/components/pipes/type-of.pipe.mjs

@@ -0,0 +1,16 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TypeOfPipe {
+    transform(value) {
+        return typeof value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeOfPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypeOfPipe, name: "typeof" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeOfPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'typeof'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZS1vZi5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3BpcGVzL3R5cGUtb2YucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsSUFBSSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7QUFLbEQsTUFBTSxPQUFPLFVBQVU7SUFFckIsU0FBUyxDQUFDLEtBQVU7UUFFbEIsT0FBTyxPQUFPLEtBQUssQ0FBQztJQUN0QixDQUFDOytHQUxVLFVBQVU7NkdBQVYsVUFBVTs7NEZBQVYsVUFBVTtrQkFIdEIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsUUFBUTtpQkFDZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UGlwZSwgUGlwZVRyYW5zZm9ybX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ3R5cGVvZidcclxufSlcclxuZXhwb3J0IGNsYXNzIFR5cGVPZlBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuXHJcbiAgdHJhbnNmb3JtKHZhbHVlOiBhbnkpOiBhbnkge1xyXG4gICBcclxuICAgIHJldHVybiB0eXBlb2YgdmFsdWU7XHJcbiAgfVxyXG5cclxufSJdfQ==

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

@@ -0,0 +1,28 @@
+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/formgroup/cs-checkbox/cs-checkbox.component";
+export class PreviewCheckboxComponent {
+    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: PreviewCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewCheckboxComponent, selector: "app-preview-checkbox", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"preview-list\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-mb-3\" *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\">\r\n            <app-cs-checkbox>{{choice?.title ? choice?.title: 'Option' }}</app-cs-checkbox>\r\n        </li>\r\n        <li class=\"vx-mb-3\" *ngIf=\"question?.hasOther\">\r\n            <app-cs-checkbox> {{question.otherValue}}</app-cs-checkbox>\r\n        </li>\r\n    </ul>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul li{list-style-type:none}::ng-deep .preview-list ul li app-cs-checkbox{width:100%;display:block}::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item{position:relative;padding-left:1.5rem;width:100%}::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0!important;left:0!important}::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item .value{margin-left:0!important}\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: "component", type: i2.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-checkbox', template: "<div class=\"preview-list\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-mb-3\" *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\">\r\n            <app-cs-checkbox>{{choice?.title ? choice?.title: 'Option' }}</app-cs-checkbox>\r\n        </li>\r\n        <li class=\"vx-mb-3\" *ngIf=\"question?.hasOther\">\r\n            <app-cs-checkbox> {{question.otherValue}}</app-cs-checkbox>\r\n        </li>\r\n    </ul>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul li{list-style-type:none}::ng-deep .preview-list ul li app-cs-checkbox{width:100%;display:block}::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item{position:relative;padding-left:1.5rem;width:100%}::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0!important;left:0!important}::ng-deep .preview-list ul li app-cs-checkbox .checkbox-item .value{margin-left:0!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvcHJldmlldy9wcmV2aWV3LWNoZWNrYm94L3ByZXZpZXctY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1jaGVja2JveC9wcmV2aWV3LWNoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxRQUFRLENBQUM7Ozs7QUFPakMsTUFBTSxPQUFPLHdCQUF3QjtJQUtuQztRQURBLDBCQUFxQixHQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7UUFDbkQsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsS0FBSyxJQUFJLEVBQUU7WUFDcEMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQztJQUNELFNBQVM7UUFDUCxJQUFJLENBQUMscUJBQXFCLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBQ25FLENBQUM7K0dBZlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsOEZDUnJDLDhjQVNNOzs0RkRETyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0Usc0JBQXNCOzBFQU92QixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IHNodWZmbGUgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcHJldmlldy1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ByZXZpZXctY2hlY2tib3guY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJldmlld0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcblxyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uITogYW55O1xyXG4gIGNob2ljZXNGb3JQcmV2aWV3TW9kZSA6IGFueSA9IFtdO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUgPSB0aGlzLnF1ZXN0aW9uLmNob2ljZXM7XHJcbiAgICBpZiAodGhpcy5xdWVzdGlvbi5yYW5kb21pemUgPT09IHRydWUpIHtcclxuICAgICAgdGhpcy5yYW5kb21pemUoKTtcclxuICAgIH1cclxuICB9XHJcbiAgcmFuZG9taXplKCkge1xyXG4gICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUgPSBzaHVmZmxlKHRoaXMuY2hvaWNlc0ZvclByZXZpZXdNb2RlKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdFwiPlxyXG4gICAgPHVsIGNsYXNzPVwidngtcC0wIHZ4LW0tMFwiPlxyXG4gICAgICAgIDxsaSBjbGFzcz1cInZ4LW1iLTNcIiAqbmdGb3I9XCJsZXQgY2hvaWNlIG9mIGNob2ljZXNGb3JQcmV2aWV3TW9kZTsgbGV0IGNob2ljZUluZGV4ID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveD57e2Nob2ljZT8udGl0bGUgPyBjaG9pY2U/LnRpdGxlOiAnT3B0aW9uJyB9fTwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgICAgPGxpIGNsYXNzPVwidngtbWItM1wiICpuZ0lmPVwicXVlc3Rpb24/Lmhhc090aGVyXCI+XHJcbiAgICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3g+IHt7cXVlc3Rpb24ub3RoZXJWYWx1ZX19PC9hcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/sharedComponents/assessment-editor/components/preview/preview-comment-box/preview-comment-box.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PreviewCommentBoxComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewCommentBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewCommentBoxComponent, selector: "app-preview-comment-box", ngImport: i0, template: "<div class=\"preview-list\">\r\n    <textarea class=\"comment-box vx-m-0\" placeholder=\"placeholder\"></textarea>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .comment-box{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;width:37.5rem;height:8rem;padding:.5rem .75rem;outline:none;resize:none;transition:all .2s ease-in-out}::ng-deep .preview-list .comment-box::-webkit-scrollbar-track{background-color:#fff}::ng-deep .preview-list .comment-box:hover,::ng-deep .preview-list .comment-box:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewCommentBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-comment-box', template: "<div class=\"preview-list\">\r\n    <textarea class=\"comment-box vx-m-0\" placeholder=\"placeholder\"></textarea>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .comment-box{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;width:37.5rem;height:8rem;padding:.5rem .75rem;outline:none;resize:none;transition:all .2s ease-in-out}::ng-deep .preview-list .comment-box::-webkit-scrollbar-track{background-color:#fff}::ng-deep .preview-list .comment-box:hover,::ng-deep .preview-list .comment-box:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1jb21tZW50LWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvcHJldmlldy9wcmV2aWV3LWNvbW1lbnQtYm94L3ByZXZpZXctY29tbWVudC1ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1jb21tZW50LWJveC9wcmV2aWV3LWNvbW1lbnQtYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT2xELE1BQU0sT0FBTywwQkFBMEI7SUFFckMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTFUsMEJBQTBCO21HQUExQiwwQkFBMEIsK0RDUHZDLDhIQUVNOzs0RkRLTywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXByZXZpZXctY29tbWVudC1ib3gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcmV2aWV3LWNvbW1lbnQtYm94LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcmV2aWV3LWNvbW1lbnQtYm94LmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByZXZpZXdDb21tZW50Qm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0XCI+XHJcbiAgICA8dGV4dGFyZWEgY2xhc3M9XCJjb21tZW50LWJveCB2eC1tLTBcIiBwbGFjZWhvbGRlcj1cInBsYWNlaG9sZGVyXCI+PC90ZXh0YXJlYT5cclxuPC9kaXY+Il19

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

@@ -0,0 +1,49 @@
+import { Component, ElementRef, HostListener, Input, ViewChild, } 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 "ng2-date-picker";
+import * as i5 from "ngx-material-timepicker";
+export class PreviewDateTimeComponent {
+    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: 'date-picker',
+            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: PreviewDateTimeComponent, deps: [{ token: i1.CommonService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewDateTimeComponent, selector: "app-preview-date-time", inputs: { question: "question" }, 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=\"preview-list\">\r\n  <div class=\"date-time 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-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n      >\r\n        <span\r\n          class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n          [appTooltip]=\"question?.date?.title\"\r\n          placement=\"bottom-left\"\r\n          delay=\"0\"\r\n          type=\"black\"\r\n          [tooltipMandatory]=\"false\"\r\n          >{{\r\n            question?.date?.title == \"\" ? \"Date Label\" : question?.date?.title\r\n          }}</span\r\n        >\r\n      </span>\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=\"Enter Date\"\r\n          id=\"date-picker\"\r\n        />\r\n        <dp-date-picker\r\n          [config]=\"{ disableKeypress: true, format: 'DD MMM YYYY' }\"\r\n          #datePicker\r\n          placeholder=\"Select Date\"\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-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n      >\r\n        <span\r\n          class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n          [appTooltip]=\"question?.time?.title\"\r\n          placement=\"bottom-left\"\r\n          delay=\"0\"\r\n          type=\"black\"\r\n          [tooltipMandatory]=\"false\"\r\n          >{{\r\n            question?.time?.title == \"\" ? \"Time Label\" : question?.time?.title\r\n          }}</span\r\n        >\r\n      </span>\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", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .date-time{display:block;max-width:37.5rem}::ng-deep .preview-list .date-time .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .preview-list .date-time .input-group .label{width:5.875rem}::ng-deep .preview-list .date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .preview-list .date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .preview-list .date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.dp-picker-input{top:3px}::ng-deep .preview-list .date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.datePicker{opacity:0;position:absolute;z-index:2}::ng-deep .preview-list .date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .preview-list .date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;inset:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:#0000004d}\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.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: i5.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: i5.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "min", "max", "ngxTimepicker", "value", "disabled", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewDateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-date-time', template: "<div class=\"preview-list\">\r\n  <div class=\"date-time 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-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n      >\r\n        <span\r\n          class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n          [appTooltip]=\"question?.date?.title\"\r\n          placement=\"bottom-left\"\r\n          delay=\"0\"\r\n          type=\"black\"\r\n          [tooltipMandatory]=\"false\"\r\n          >{{\r\n            question?.date?.title == \"\" ? \"Date Label\" : question?.date?.title\r\n          }}</span\r\n        >\r\n      </span>\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=\"Enter Date\"\r\n          id=\"date-picker\"\r\n        />\r\n        <dp-date-picker\r\n          [config]=\"{ disableKeypress: true, format: 'DD MMM YYYY' }\"\r\n          #datePicker\r\n          placeholder=\"Select Date\"\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-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n      >\r\n        <span\r\n          class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n          [appTooltip]=\"question?.time?.title\"\r\n          placement=\"bottom-left\"\r\n          delay=\"0\"\r\n          type=\"black\"\r\n          [tooltipMandatory]=\"false\"\r\n          >{{\r\n            question?.time?.title == \"\" ? \"Time Label\" : question?.time?.title\r\n          }}</span\r\n        >\r\n      </span>\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", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .date-time{display:block;max-width:37.5rem}::ng-deep .preview-list .date-time .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .preview-list .date-time .input-group .label{width:5.875rem}::ng-deep .preview-list .date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .preview-list .date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .preview-list .date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.dp-picker-input{top:3px}::ng-deep .preview-list .date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.datePicker{opacity:0;position:absolute;z-index:2}::ng-deep .preview-list .date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .preview-list .date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;inset:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:#0000004d}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CommonService }]; }, propDecorators: { datePicker: [{
+                type: ViewChild,
+                args: ['datePicker']
+            }], datePickerPopUp: [{
+                type: ViewChild,
+                args: ['datePicker', { read: ElementRef, static: false }]
+            }], question: [{
+                type: Input
+            }], documentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1kYXRlLXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1kYXRlLXRpbWUvcHJldmlldy1kYXRlLXRpbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1kYXRlLXRpbWUvcHJldmlldy1kYXRlLXRpbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTdkIsTUFBTSxPQUFPLHdCQUF3QjtJQU9uQyxZQUFvQixhQUE0QjtRQUE1QixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUhoRCxzQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFHeUIsQ0FBQztJQUVwRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUM7UUFDN0IsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFDakMsQ0FBQztJQUdELGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLE1BQU0sZ0JBQWdCLEdBQUc7WUFDdkIsS0FBSyxFQUFFLEtBQUs7WUFDWixLQUFLLEVBQUUsYUFBYTtZQUNwQixLQUFLLEVBQUUsSUFBSSxDQUFDLGVBQWU7WUFDM0IsU0FBUyxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQzFCLE9BQU8sRUFBRSxJQUFJLENBQUMsaUJBQWlCO1NBQ2hDLENBQUM7UUFDRixJQUFJLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDM0QsQ0FBQzsrR0E3QlUsd0JBQXdCO21HQUF4Qix3QkFBd0Isd1ZBRUYsVUFBVSw2QkNqQjdDLHE3RUFvRUE7OzRGRHJEYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCO29HQUtSLFVBQVU7c0JBQWxDLFNBQVM7dUJBQUMsWUFBWTtnQkFFdkIsZUFBZTtzQkFEZCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFHbkQsUUFBUTtzQkFBaEIsS0FBSztnQkFlTixhQUFhO3NCQURaLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERhdGVQaWNrZXJDb21wb25lbnQgfSBmcm9tICduZzItZGF0ZS1waWNrZXInO1xyXG5pbXBvcnQgeyBDb21tb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2VydmljZXMvY29tbW9uLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcHJldmlldy1kYXRlLXRpbWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcmV2aWV3LWRhdGUtdGltZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1kYXRlLXRpbWUuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFByZXZpZXdEYXRlVGltZUNvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZCgnZGF0ZVBpY2tlcicpIGRhdGVQaWNrZXIhOiBEYXRlUGlja2VyQ29tcG9uZW50O1xyXG4gIEBWaWV3Q2hpbGQoJ2RhdGVQaWNrZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogZmFsc2UgfSlcclxuICBkYXRlUGlja2VyUG9wVXAhOiBFbGVtZW50UmVmO1xyXG4gIGRhdGVwaWNrZXJPdmVybGF5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcXVlc3Rpb24hOiBhbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY29tbW9uU2VydmljZTogQ29tbW9uU2VydmljZSkge31cclxuXHJcbiAgb3BlbkRhdGVQaWNrZXIoKSB7XHJcbiAgICB0aGlzLmRhdGVQaWNrZXI/LmFwaT8ub3BlbigpO1xyXG4gICAgdGhpcy5kYXRlcGlja2VyT3ZlcmxheSA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBjbG9zZURhdGVwaWNrZXIoKSB7XHJcbiAgICB0aGlzLmRhdGVQaWNrZXI/LmFwaT8uY2xvc2UoKTtcclxuICAgIHRoaXMuZGF0ZXBpY2tlck92ZXJsYXkgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcclxuICBkb2N1bWVudENsaWNrKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIGNvbnN0IGRhdGVQaWNrZXJPYmplY3QgPSB7XHJcbiAgICAgIGV2ZW50OiBldmVudCxcclxuICAgICAgY2xhc3M6ICdkYXRlLXBpY2tlcicsXHJcbiAgICAgIHBvcHVwOiB0aGlzLmRhdGVQaWNrZXJQb3BVcCxcclxuICAgICAgY29tcG9uZW50OiB0aGlzLmRhdGVQaWNrZXIsXHJcbiAgICAgIG92ZXJsYXk6IHRoaXMuZGF0ZXBpY2tlck92ZXJsYXksXHJcbiAgICB9O1xyXG4gICAgdGhpcy5jb21tb25TZXJ2aWNlLmhhbmRsZURvY3VtZW50Q2xpY2soZGF0ZVBpY2tlck9iamVjdCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwcmV2aWV3LWxpc3RcIj5cclxuICA8ZGl2IGNsYXNzPVwiZGF0ZS10aW1lIHZ4LW10LTVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cCB2eC1kLWZsZXggdngtbWItMlwiICpuZ0lmPVwicXVlc3Rpb24/Lmhhc0RhdGVcIj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICBjbGFzcz1cImxhYmVsIHZ4LWJnLWdyZXkgdngtbGgtMjQgdngtZC1mbGV4IHZ4LXRleHQtY2VudGVyIHZ4LXAtMiB2eC1qdXN0aWZ5LWNlbnRlciB2eC1hbGlnbi1jZW50ZXJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPHNwYW5cclxuICAgICAgICAgIGNsYXNzPVwidmFsdWUgdngtZnMtMTEgdngtbGFiZWwtdHh0IHZ4LXR0LXVwcGVyY2FzZVwiXHJcbiAgICAgICAgICBbYXBwVG9vbHRpcF09XCJxdWVzdGlvbj8uZGF0ZT8udGl0bGVcIlxyXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICA+e3tcclxuICAgICAgICAgICAgcXVlc3Rpb24/LmRhdGU/LnRpdGxlID09IFwiXCIgPyBcIkRhdGUgTGFiZWxcIiA6IHF1ZXN0aW9uPy5kYXRlPy50aXRsZVxyXG4gICAgICAgICAgfX08L3NwYW5cclxuICAgICAgICA+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgICAgPGRpdiBjbGFzcz1cImRhdGUtdGltZS1hcmVhXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNCB2eC1wYXJhZ3JhcGgtdHh0XCI+JiN4ZTk5Njs8L2k+XHJcbiAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICBjbGFzcz1cImRhdGVQaWNrZXJcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9wZW5EYXRlUGlja2VyKClcIlxyXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJFbnRlciBEYXRlXCJcclxuICAgICAgICAgIGlkPVwiZGF0ZS1waWNrZXJcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgICAgPGRwLWRhdGUtcGlja2VyXHJcbiAgICAgICAgICBbY29uZmlnXT1cInsgZGlzYWJsZUtleXByZXNzOiB0cnVlLCBmb3JtYXQ6ICdERCBNTU0gWVlZWScgfVwiXHJcbiAgICAgICAgICAjZGF0ZVBpY2tlclxyXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgRGF0ZVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiY2xvc2VEYXRlcGlja2VyKClcIlxyXG4gICAgICAgID48L2RwLWRhdGUtcGlja2VyPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgIGNsYXNzPVwib3ZlcmxheVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiY2xvc2VEYXRlcGlja2VyKClcIlxyXG4gICAgICAgICAgKm5nSWY9XCJkYXRlcGlja2VyT3ZlcmxheVwiXHJcbiAgICAgICAgPjwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwIHZ4LWQtZmxleCB2eC1tYi0xMFwiICpuZ0lmPVwicXVlc3Rpb24/Lmhhc1RpbWVcIj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICBjbGFzcz1cImxhYmVsIHZ4LWJnLWdyZXkgdngtbGgtMjQgdngtZC1mbGV4IHZ4LXRleHQtY2VudGVyIHZ4LXAtMiB2eC1qdXN0aWZ5LWNlbnRlciB2eC1hbGlnbi1jZW50ZXJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPHNwYW5cclxuICAgICAgICAgIGNsYXNzPVwidmFsdWUgdngtZnMtMTEgdngtbGFiZWwtdHh0IHZ4LXR0LXVwcGVyY2FzZVwiXHJcbiAgICAgICAgICBbYXBwVG9vbHRpcF09XCJxdWVzdGlvbj8udGltZT8udGl0bGVcIlxyXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICA+e3tcclxuICAgICAgICAgICAgcXVlc3Rpb24/LnRpbWU/LnRpdGxlID09IFwiXCIgPyBcIlRpbWUgTGFiZWxcIiA6IHF1ZXN0aW9uPy50aW1lPy50aXRsZVxyXG4gICAgICAgICAgfX08L3NwYW5cclxuICAgICAgICA+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgICAgPGRpdiBjbGFzcz1cImRhdGUtdGltZS1hcmVhXCI+XHJcbiAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiMTJociBmb3JtYXRcIlxyXG4gICAgICAgICAgW25neFRpbWVwaWNrZXJdPVwidGltZU9ubHlcIlxyXG4gICAgICAgICAgcmVhZG9ubHlcclxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IFRpbWVcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNCB2eC1wYXJhZ3JhcGgtdHh0XCI+JiN4ZTk1NTs8L2k+XHJcbiAgICAgICAgPG5neC1tYXRlcmlhbC10aW1lcGlja2VyICN0aW1lT25seT48L25neC1tYXRlcmlhbC10aW1lcGlja2VyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/sharedComponents/assessment-editor/components/preview/preview-dropdown/preview-dropdown.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Input } from '@angular/core';
+import { shuffle } from 'lodash';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../ui-kit/formgroup/cs-select/cs-select.component";
+export class PreviewDropdownComponent {
+    constructor() {
+        this.choicesForPreviewMode = [];
+    }
+    ngOnInit() {
+        this.choicesForPreviewMode = [...this.question.choices];
+        if (this.question.randomize === true) {
+            this.randomize();
+        }
+        if (this.question.hasOther === true && this.choicesForPreviewMode.findIndex((x) => x.title === "Other") < 0) {
+            this.choicesForPreviewMode.push({ title: 'Other' });
+        }
+    }
+    randomize() {
+        this.choicesForPreviewMode = shuffle(this.choicesForPreviewMode);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewDropdownComponent, selector: "app-preview-dropdown", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"preview-list\">\r\n    <div class=\"dropdown-area\">\r\n        <app-cs-select  [dataList]='choicesForPreviewMode' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\"></app-cs-select>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .dropdown-area{width:37.5rem}\n"], dependencies: [{ kind: "component", type: i1.CsSelectComponent, selector: "app-cs-select", inputs: ["dataList", "dropdownLabel", "displayProperty", "selectedValue", "isRequired", "dropdownSubLabel", "disabled", "placeholder", "stylex", "valueKey", "multipleSelect", "colorProperty", "colorSelected"], outputs: ["selectedData", "selectedValueChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-dropdown', template: "<div class=\"preview-list\">\r\n    <div class=\"dropdown-area\">\r\n        <app-cs-select  [dataList]='choicesForPreviewMode' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\"></app-cs-select>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .dropdown-area{width:37.5rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvcHJldmlldy9wcmV2aWV3LWRyb3Bkb3duL3ByZXZpZXctZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1kcm9wZG93bi9wcmV2aWV3LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxRQUFRLENBQUM7OztBQU9qQyxNQUFNLE9BQU8sd0JBQXdCO0lBS25DO1FBREEsMEJBQXFCLEdBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN4RCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxLQUFLLElBQUksRUFBRTtZQUNwQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxLQUFLLElBQUksSUFBSyxJQUFJLENBQUMscUJBQXFCLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBQztZQUMvRyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxDQUFDLENBQUE7U0FDakQ7SUFDSCxDQUFDO0lBQ0QsU0FBUztRQUNQLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFDbkUsQ0FBQzsrR0FsQlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsOEZDUnJDLHNRQUlNOzs0RkRJTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0Usc0JBQXNCOzBFQU92QixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IHNodWZmbGUgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcHJldmlldy1kcm9wZG93bicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ByZXZpZXctZHJvcGRvd24uY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJldmlld0Ryb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcblxyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uITogYW55O1xyXG4gIGNob2ljZXNGb3JQcmV2aWV3TW9kZSA6IGFueSA9IFtdO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUgPSBbLi4udGhpcy5xdWVzdGlvbi5jaG9pY2VzXTtcclxuICAgIGlmICh0aGlzLnF1ZXN0aW9uLnJhbmRvbWl6ZSA9PT0gdHJ1ZSkge1xyXG4gICAgICB0aGlzLnJhbmRvbWl6ZSgpO1xyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMucXVlc3Rpb24uaGFzT3RoZXIgPT09IHRydWUgJiYgIHRoaXMuY2hvaWNlc0ZvclByZXZpZXdNb2RlLmZpbmRJbmRleCgoeDphbnkpID0+IHgudGl0bGUgPT09IFwiT3RoZXJcIikgPCAwKXtcclxuICAgICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUucHVzaCh7dGl0bGU6J090aGVyJ30pXHJcbiAgICB9XHJcbiAgfVxyXG4gIHJhbmRvbWl6ZSgpIHtcclxuICAgIHRoaXMuY2hvaWNlc0ZvclByZXZpZXdNb2RlID0gc2h1ZmZsZSh0aGlzLmNob2ljZXNGb3JQcmV2aWV3TW9kZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tYXJlYVwiPlxyXG4gICAgICAgIDxhcHAtY3Mtc2VsZWN0ICBbZGF0YUxpc3RdPSdjaG9pY2VzRm9yUHJldmlld01vZGUnIFt2YWx1ZUtleV09XCIndGl0bGUnXCIgW2Rpc3BsYXlQcm9wZXJ0eV09XCIndGl0bGUnXCIgW3NlbGVjdGVkVmFsdWVdPVwiJ1NlbGVjdCBhbiBvcHRpb24nXCI+PC9hcHAtY3Mtc2VsZWN0PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

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

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PreviewFileUploadComponent {
+    constructor() {
+        this.fileNamePlaceholder = 'Select file';
+    }
+    ngOnInit() {
+    }
+    handleFile(evt) {
+        this.fileNamePlaceholder = evt.target.files[0].name;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewFileUploadComponent, selector: "app-preview-file-upload", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"preview-list\">\r\n    <div class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\">\r\n        <input type=\"file\" (change)=\"handleFile($event)\">\r\n        <span class=\"value vx-fs-12 vx-label-txt vx-d-block vx-pl-2\">{{fileNamePlaceholder}}</span>\r\n        <span class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\">Browse</span>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .custom-file-upload{position:relative;width:37.5rem;border:1px solid #DBDBDB;height:2.75rem;border-radius:.25rem}::ng-deep .preview-list .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .preview-list .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .custom-file-upload span.button{height:2rem;width:6.25rem;border-radius:.25rem}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-file-upload', template: "<div class=\"preview-list\">\r\n    <div class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\">\r\n        <input type=\"file\" (change)=\"handleFile($event)\">\r\n        <span class=\"value vx-fs-12 vx-label-txt vx-d-block vx-pl-2\">{{fileNamePlaceholder}}</span>\r\n        <span class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\">Browse</span>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .custom-file-upload{position:relative;width:37.5rem;border:1px solid #DBDBDB;height:2.75rem;border-radius:.25rem}::ng-deep .preview-list .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .preview-list .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .custom-file-upload span.button{height:2rem;width:6.25rem;border-radius:.25rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1maWxlLXVwbG9hZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvcHJldmlldy9wcmV2aWV3LWZpbGUtdXBsb2FkL3ByZXZpZXctZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1maWxlLXVwbG9hZC9wcmV2aWV3LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU96RCxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDO1FBQ08sd0JBQW1CLEdBQUcsYUFBYSxDQUFDO0lBRDNCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFDRCxVQUFVLENBQUMsR0FBTztRQUNoQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3RELENBQUM7K0dBVFUsMEJBQTBCO21HQUExQiwwQkFBMEIsaUdDUHZDLGdjQU1NOzs0RkRDTywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UseUJBQXlCOzBFQU0xQixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wcmV2aWV3LWZpbGUtdXBsb2FkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJldmlldy1maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1maWxlLXVwbG9hZC5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcmV2aWV3RmlsZVVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uITogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbiAgcHVibGljIGZpbGVOYW1lUGxhY2Vob2xkZXIgPSAnU2VsZWN0IGZpbGUnO1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuICBoYW5kbGVGaWxlKGV2dDphbnkpe1xyXG4gICAgdGhpcy5maWxlTmFtZVBsYWNlaG9sZGVyID0gZXZ0LnRhcmdldC5maWxlc1swXS5uYW1lO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImN1c3RvbS1maWxlLXVwbG9hZCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LW10LTUgdngtcC0xXCI+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgKGNoYW5nZSk9XCJoYW5kbGVGaWxlKCRldmVudClcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1kLWJsb2NrIHZ4LXBsLTJcIj57e2ZpbGVOYW1lUGxhY2Vob2xkZXJ9fTwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImJ1dHRvbiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIHZ4LXR4dC13aGl0ZSB2eC1iZy1ibHVlIHZ4LWZzLTEyIHZ4LXR0LXVwcGVyY2FzZVwiPkJyb3dzZTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/sharedComponents/assessment-editor/components/preview/preview-image-choice/preview-image-choice.component.mjs

@@ -0,0 +1,17 @@
+import { Component } 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 "../../../../../ui-kit/formgroup/cs-radio/cs-radio.component";
+export class PreviewImageChoiceComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewImageChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewImageChoiceComponent, selector: "app-preview-image-choice", ngImport: i0, template: "<div class=\"preview-list\">\r\n    <div class=\"image-row vx-mt-5 vx-d-flex\">\r\n        <div class=\"image-items vx-p-3 vx-mr-3 vx-mb-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n            <app-cs-radio>\r\n                <div class=\"img-block\">\r\n                    <img src=\"./assets/images/Screenshot 2022-01-03 at 10.24.11 AM.png\" alt=\"\">\r\n                </div>  \r\n                <span class=\"text vx-fs-14 vx-fw-400 vx-lh-20 vx-mt-2 vx-paragraph-txt\" [appTooltip]=\"'1. long have you been a customer of our product'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">1. long have you been a customer of our product</span>\r\n            </app-cs-radio>\r\n        </div>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .image-row{flex-direction:row;flex-wrap:wrap}::ng-deep .preview-list .image-row .image-items{display:block;position:relative;border:1px solid #F1F1F1;border-radius:10px;width:10rem}::ng-deep .preview-list .image-row .image-items cs-radio{margin-bottom:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item{position:relative;display:block;min-width:100%;padding-left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radio,::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radiomark{position:absolute;top:0;left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .value{margin-left:0!important;display:block!important;max-width:100%!important}::ng-deep .preview-list .image-row .image-items cs-radio .img-block{display:block;width:100%;min-width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .img-block img{width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;padding-bottom:.125rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value"], outputs: ["checkedEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewImageChoiceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-image-choice', template: "<div class=\"preview-list\">\r\n    <div class=\"image-row vx-mt-5 vx-d-flex\">\r\n        <div class=\"image-items vx-p-3 vx-mr-3 vx-mb-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n            <app-cs-radio>\r\n                <div class=\"img-block\">\r\n                    <img src=\"./assets/images/Screenshot 2022-01-03 at 10.24.11 AM.png\" alt=\"\">\r\n                </div>  \r\n                <span class=\"text vx-fs-14 vx-fw-400 vx-lh-20 vx-mt-2 vx-paragraph-txt\" [appTooltip]=\"'1. long have you been a customer of our product'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">1. long have you been a customer of our product</span>\r\n            </app-cs-radio>\r\n        </div>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .image-row{flex-direction:row;flex-wrap:wrap}::ng-deep .preview-list .image-row .image-items{display:block;position:relative;border:1px solid #F1F1F1;border-radius:10px;width:10rem}::ng-deep .preview-list .image-row .image-items cs-radio{margin-bottom:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item{position:relative;display:block;min-width:100%;padding-left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radio,::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radiomark{position:absolute;top:0;left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .value{margin-left:0!important;display:block!important;max-width:100%!important}::ng-deep .preview-list .image-row .image-items cs-radio .img-block{display:block;width:100%;min-width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .img-block img{width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;padding-bottom:.125rem}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1pbWFnZS1jaG9pY2UvcHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1pbWFnZS1jaG9pY2UvcHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPbEQsTUFBTSxPQUFPLDJCQUEyQjtJQUV0QyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSwyQkFBMkI7bUdBQTNCLDJCQUEyQixnRUNQeEMsNHZCQVdNOzs0RkRKTywyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXByZXZpZXctaW1hZ2UtY2hvaWNlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ByZXZpZXctaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByZXZpZXdJbWFnZUNob2ljZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImltYWdlLXJvdyB2eC1tdC01IHZ4LWQtZmxleFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1pdGVtcyB2eC1wLTMgdngtbXItMyB2eC1tYi0zXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDEsIDEsIDEsIDEsIDFdXCI+XHJcbiAgICAgICAgICAgIDxhcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLWJsb2NrXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCIuL2Fzc2V0cy9pbWFnZXMvU2NyZWVuc2hvdCAyMDIyLTAxLTAzIGF0IDEwLjI0LjExIEFNLnBuZ1wiIGFsdD1cIlwiPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dCB2eC1mcy0xNCB2eC1mdy00MDAgdngtbGgtMjAgdngtbXQtMiB2eC1wYXJhZ3JhcGgtdHh0XCIgW2FwcFRvb2x0aXBdPVwiJzEuIGxvbmcgaGF2ZSB5b3UgYmVlbiBhIGN1c3RvbWVyIG9mIG91ciBwcm9kdWN0J1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj4xLiBsb25nIGhhdmUgeW91IGJlZW4gYSBjdXN0b21lciBvZiBvdXIgcHJvZHVjdDwvc3Bhbj5cclxuICAgICAgICAgICAgPC9hcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/sharedComponents/assessment-editor/components/preview/preview-matrix-dropdown/preview-matrix-dropdown.component.mjs

@@ -0,0 +1,31 @@
+import { Component, ElementRef, HostListener, ViewChildren, } 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 "../../../../../ui-kit/formgroup/cs-select/cs-select.component";
+import * as i4 from "../../../../assessment-preview/quick-settings/quick-settings.component";
+export class PreviewMatrixDropdownComponent {
+    constructor() {
+        this.questionIndex = 1;
+        this.isQuickSettings = true;
+    }
+    ngOnInit() { }
+    scrollHandler(event) {
+        this.panel['_results'].forEach((panel) => {
+            panel['nativeElement'].scrollLeft = event.target.scrollLeft;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewMatrixDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewMatrixDropdownComponent, selector: "app-preview-matrix-dropdown", inputs: { question: "question", questionIndex: "questionIndex" }, host: { listeners: { "scroll": "scrollHandler($event)" } }, viewQueries: [{ propertyName: "panel", predicate: ["scrollMatrixDropdown"], 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        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n        [innerHTML]=\"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      <div\r\n        class=\"question-description vx-fs-12 vx-paragraph-txt vx-mb-3\"\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n        [innerHTML]=\"question?.description\"\r\n      ></div>\r\n      <div class=\"preview-list\">\r\n        <div class=\"matrix-dropdown-table\">\r\n          <div class=\"matrix-table-row table-head vx-d-flex\">\r\n            <div class=\"left\">\r\n              <div class=\"body\">\r\n                <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"right\"\r\n              (scroll)=\"scrollHandler($event)\"\r\n              #scrollMatrixDropdown\r\n            >\r\n              <div class=\"body\">\r\n                <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                  <li\r\n                    class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\"\r\n                    *ngFor=\"let columns of question?.columns\"\r\n                  >\r\n                    <div\r\n                      class=\"matrix-value vx-fs-12 vx-fw-500 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center\"\r\n                    >\r\n                      <div\r\n                        class=\"heading\"\r\n                        [appTooltip]=\"columns?.title\"\r\n                        placement=\"bottom-left\"\r\n                        delay=\"0\"\r\n                        type=\"black\"\r\n                        [tooltipMandatory]=\"false\"\r\n                      >\r\n                        {{ columns?.title ?? \"--\" }}\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"matrix-table-row vx-d-flex\"\r\n            *ngFor=\"let eachRow of question?.choices; let rowIndex = index\"\r\n          >\r\n            <div class=\"left\">\r\n              <div class=\"body\">\r\n                <div\r\n                  class=\"title vx-fs-12 vx-label-txt vx-lh-7 vx-p-2\"\r\n                  [appTooltip]=\"eachRow?.title\"\r\n                  placement=\"bottom-left\"\r\n                  delay=\"0\"\r\n                  type=\"black\"\r\n                  [tooltipMandatory]=\"false\"\r\n                >\r\n                  {{ eachRow?.title }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"right\"\r\n              (scroll)=\"scrollHandler($event)\"\r\n              #scrollMatrixDropdown\r\n            >\r\n              <div class=\"body\">\r\n                <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                  <li\r\n                    class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\"\r\n                    *ngFor=\"\r\n                      let eachColumns of question?.columns;\r\n                      let columnIndex = index\r\n                    \"\r\n                  >\r\n                    <div\r\n                      class=\"matrix-value vx-d-flex vx-align-center vx-justify-center\"\r\n                    >\r\n                      <app-cs-select\r\n                        [dataList]=\"eachColumns?.choices\"\r\n                        [valueKey]=\"'title'\"\r\n                        [displayProperty]=\"'title'\"\r\n                        [selectedValue]=\"'--'\"\r\n                      ></app-cs-select>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </div>\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/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 .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-inner-inside .preview-list{position:relative}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}@media screen and (max-width: 768px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:12rem}}@media screen and (max-width: 667px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:7rem}}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left .body .title{border-right:1px solid #dbdbdb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%;font-weight:500}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 18rem);overflow-x:auto;position:static!important;height:auto!important;background:transparent!important}@media screen and (max-width: 768px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 12rem)}}@media screen and (max-width: 667px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 7rem)}}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none;height:6px}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:7rem}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#bcbcbc}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value app-cs-select .input-group .custom-select-box{z-index:unset!important}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value app-cs-select .input-group .custom-select-box input[type=text]{height:28px;padding:4px 20px 4px 8px}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value app-cs-select .input-group .custom-select-box:after{right:8px;top:calc(50% - 5px);z-index:0}::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.CsSelectComponent, selector: "app-cs-select", inputs: ["dataList", "dropdownLabel", "displayProperty", "selectedValue", "isRequired", "dropdownSubLabel", "disabled", "placeholder", "stylex", "valueKey", "multipleSelect", "colorProperty", "colorSelected"], outputs: ["selectedData", "selectedValueChange"] }, { kind: "component", type: i4.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewMatrixDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-matrix-dropdown', inputs: ['question', 'questionIndex'], 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\"\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      <div\r\n        class=\"question-description vx-fs-12 vx-paragraph-txt vx-mb-3\"\r\n        *ngIf=\"\r\n          question?.hasDescription && question?.description?.trim().length > 0\r\n        \"\r\n        [innerHTML]=\"question?.description\"\r\n      ></div>\r\n      <div class=\"preview-list\">\r\n        <div class=\"matrix-dropdown-table\">\r\n          <div class=\"matrix-table-row table-head vx-d-flex\">\r\n            <div class=\"left\">\r\n              <div class=\"body\">\r\n                <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"right\"\r\n              (scroll)=\"scrollHandler($event)\"\r\n              #scrollMatrixDropdown\r\n            >\r\n              <div class=\"body\">\r\n                <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                  <li\r\n                    class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\"\r\n                    *ngFor=\"let columns of question?.columns\"\r\n                  >\r\n                    <div\r\n                      class=\"matrix-value vx-fs-12 vx-fw-500 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center\"\r\n                    >\r\n                      <div\r\n                        class=\"heading\"\r\n                        [appTooltip]=\"columns?.title\"\r\n                        placement=\"bottom-left\"\r\n                        delay=\"0\"\r\n                        type=\"black\"\r\n                        [tooltipMandatory]=\"false\"\r\n                      >\r\n                        {{ columns?.title ?? \"--\" }}\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"matrix-table-row vx-d-flex\"\r\n            *ngFor=\"let eachRow of question?.choices; let rowIndex = index\"\r\n          >\r\n            <div class=\"left\">\r\n              <div class=\"body\">\r\n                <div\r\n                  class=\"title vx-fs-12 vx-label-txt vx-lh-7 vx-p-2\"\r\n                  [appTooltip]=\"eachRow?.title\"\r\n                  placement=\"bottom-left\"\r\n                  delay=\"0\"\r\n                  type=\"black\"\r\n                  [tooltipMandatory]=\"false\"\r\n                >\r\n                  {{ eachRow?.title }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"right\"\r\n              (scroll)=\"scrollHandler($event)\"\r\n              #scrollMatrixDropdown\r\n            >\r\n              <div class=\"body\">\r\n                <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                  <li\r\n                    class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\"\r\n                    *ngFor=\"\r\n                      let eachColumns of question?.columns;\r\n                      let columnIndex = index\r\n                    \"\r\n                  >\r\n                    <div\r\n                      class=\"matrix-value vx-d-flex vx-align-center vx-justify-center\"\r\n                    >\r\n                      <app-cs-select\r\n                        [dataList]=\"eachColumns?.choices\"\r\n                        [valueKey]=\"'title'\"\r\n                        [displayProperty]=\"'title'\"\r\n                        [selectedValue]=\"'--'\"\r\n                      ></app-cs-select>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </div>\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/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 .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-inner-inside .preview-list{position:relative}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}@media screen and (max-width: 768px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:12rem}}@media screen and (max-width: 667px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:7rem}}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left .body .title{border-right:1px solid #dbdbdb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%;font-weight:500}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 18rem);overflow-x:auto;position:static!important;height:auto!important;background:transparent!important}@media screen and (max-width: 768px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 12rem)}}@media screen and (max-width: 667px){::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 7rem)}}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none;height:6px}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:7rem}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#bcbcbc}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value app-cs-select .input-group .custom-select-box{z-index:unset!important}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value app-cs-select .input-group .custom-select-box input[type=text]{height:28px;padding:4px 20px 4px 8px}::ng-deep .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value app-cs-select .input-group .custom-select-box:after{right:8px;top:calc(50% - 5px);z-index:0}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { panel: [{
+                type: ViewChildren,
+                args: ['scrollMatrixDropdown', { read: ElementRef }]
+            }], scrollHandler: [{
+                type: HostListener,
+                args: ['scroll', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1tYXRyaXgtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1tYXRyaXgtZHJvcGRvd24vcHJldmlldy1tYXRyaXgtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1tYXRyaXgtZHJvcGRvd24vcHJldmlldy1tYXRyaXgtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUdaLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZCLE1BQU0sT0FBTyw4QkFBOEI7SUFRekM7UUFOQSxrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUMxQixvQkFBZSxHQUFZLElBQUksQ0FBQztJQUtqQixDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBR25CLGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBVSxFQUFFLEVBQUU7WUFDNUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUM5RCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBakJVLDhCQUE4QjttR0FBOUIsOEJBQThCLDhRQUtLLFVBQVUsNkJDcEIxRCxtaEpBd0hBOzs0RkR6R2EsOEJBQThCO2tCQU4xQyxTQUFTOytCQUNFLDZCQUE2QixVQUcvQixDQUFDLFVBQVUsRUFBRSxlQUFlLENBQUM7MEVBUTlCLEtBQUs7c0JBRFgsWUFBWTt1QkFBQyxzQkFBc0IsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBUTFELGFBQWE7c0JBRFosWUFBWTt1QkFBQyxRQUFRLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBPbkluaXQsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFZpZXdDaGlsZHJlbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXByZXZpZXctbWF0cml4LWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJldmlldy1tYXRyaXgtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ByZXZpZXctbWF0cml4LWRyb3Bkb3duLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgaW5wdXRzOiBbJ3F1ZXN0aW9uJywgJ3F1ZXN0aW9uSW5kZXgnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFByZXZpZXdNYXRyaXhEcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcXVlc3Rpb246IGFueTtcclxuICBxdWVzdGlvbkluZGV4OiBudW1iZXIgPSAxO1xyXG4gIGlzUXVpY2tTZXR0aW5nczogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBWaWV3Q2hpbGRyZW4oJ3Njcm9sbE1hdHJpeERyb3Bkb3duJywgeyByZWFkOiBFbGVtZW50UmVmIH0pXHJcbiAgcHVibGljIHBhbmVsITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignc2Nyb2xsJywgWyckZXZlbnQnXSlcclxuICBzY3JvbGxIYW5kbGVyKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMucGFuZWxbJ19yZXN1bHRzJ10uZm9yRWFjaCgocGFuZWw6IGFueSkgPT4ge1xyXG4gICAgICBwYW5lbFsnbmF0aXZlRWxlbWVudCddLnNjcm9sbExlZnQgPSBldmVudC50YXJnZXQuc2Nyb2xsTGVmdDtcclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2sgdngtbWItMSB2eC1wLTRcIj5cclxuICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24taGVhZGluZyB2eC1wYi0zIHZ4LW1iLTNcIj5cclxuICAgIDxzcGFuXHJcbiAgICAgIGNsYXNzPVwiY291bnQgdngtZnMtMTMgdngtZnctNDAwIHZ4LWxhYmVsLXR4dCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcclxuICAgICAgPnt7IHF1ZXN0aW9uSW5kZXggfX08L3NwYW5cclxuICAgID5cclxuICAgIDxzcGFuIGNsYXNzPVwiaGVhZGluZ1wiPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIGNsYXNzPVwidngtZnMtMTYgdngtbGFiZWwtdHh0IHZ4LWxoLTZcIlxyXG4gICAgICAgIFtpbm5lckhUTUxdPVwicXVlc3Rpb24/LnRpdGxlXCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcclxuICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTIwIHZ4LWZ3LTMwMCB2eC1tbC0xXCJcclxuICAgICAgICA+Kjwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lci1pbnNpZGUgdngtdy0xMDBcIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwicXVlc3Rpb24tZGVzY3JpcHRpb24gdngtZnMtMTIgdngtcGFyYWdyYXBoLXR4dCB2eC1tYi0zXCJcclxuICAgICAgICAqbmdJZj1cIlxyXG4gICAgICAgICAgcXVlc3Rpb24/Lmhhc0Rlc2NyaXB0aW9uICYmIHF1ZXN0aW9uPy5kZXNjcmlwdGlvbj8udHJpbSgpLmxlbmd0aCA+IDBcclxuICAgICAgICBcIlxyXG4gICAgICAgIFtpbm5lckhUTUxdPVwicXVlc3Rpb24/LmRlc2NyaXB0aW9uXCJcclxuICAgICAgPjwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1hdHJpeC1kcm9wZG93bi10YWJsZVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1hdHJpeC10YWJsZS1yb3cgdGFibGUtaGVhZCB2eC1kLWZsZXhcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1wLTJcIj48L2Rpdj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICBjbGFzcz1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAoc2Nyb2xsKT1cInNjcm9sbEhhbmRsZXIoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgI3Njcm9sbE1hdHJpeERyb3Bkb3duXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiY29sdW1ucyB2eC1wLTAgdngtbS0wIHZ4LWQtZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgICA8bGlcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcC0yXCJcclxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgY29sdW1ucyBvZiBxdWVzdGlvbj8uY29sdW1uc1wiXHJcbiAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1hdHJpeC12YWx1ZSB2eC1mcy0xMiB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaGVhZGluZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cImNvbHVtbnM/LnRpdGxlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGNvbHVtbnM/LnRpdGxlID8/IFwiLS1cIiB9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICBjbGFzcz1cIm1hdHJpeC10YWJsZS1yb3cgdngtZC1mbGV4XCJcclxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGVhY2hSb3cgb2YgcXVlc3Rpb24/LmNob2ljZXM7IGxldCByb3dJbmRleCA9IGluZGV4XCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInRpdGxlIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1saC03IHZ4LXAtMlwiXHJcbiAgICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cImVhY2hSb3c/LnRpdGxlXCJcclxuICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgIHt7IGVhY2hSb3c/LnRpdGxlIH19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICBjbGFzcz1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAoc2Nyb2xsKT1cInNjcm9sbEhhbmRsZXIoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgI3Njcm9sbE1hdHJpeERyb3Bkb3duXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiY29sdW1ucyB2eC1wLTAgdngtbS0wIHZ4LWQtZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgICA8bGlcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcC0yXCJcclxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJcclxuICAgICAgICAgICAgICAgICAgICAgIGxldCBlYWNoQ29sdW1ucyBvZiBxdWVzdGlvbj8uY29sdW1ucztcclxuICAgICAgICAgICAgICAgICAgICAgIGxldCBjb2x1bW5JbmRleCA9IGluZGV4XHJcbiAgICAgICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWF0cml4LXZhbHVlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgIDxhcHAtY3Mtc2VsZWN0XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkYXRhTGlzdF09XCJlYWNoQ29sdW1ucz8uY2hvaWNlc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZUtleV09XCIndGl0bGUnXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc3BsYXlQcm9wZXJ0eV09XCIndGl0bGUnXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkVmFsdWVdPVwiJy0tJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICA+PC9hcHAtY3Mtc2VsZWN0PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1xdWlja1NldHRpbmdzXCI+XHJcbiAgICAgIDxhcHAtcXVpY2stc2V0dGluZ3MgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCI+PC9hcHAtcXVpY2stc2V0dGluZ3M+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/sharedComponents/assessment-editor/components/preview/preview-matrix-rating-scale/preview-matrix-rating-scale.component.mjs

@@ -0,0 +1,28 @@
+import { Component, ElementRef, HostListener, ViewChildren } 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 "../../../../../ui-kit/formgroup/cs-radio/cs-radio.component";
+export class PreviewMatrixRatingScaleComponent {
+    scrollHandler(event) {
+        this.panel['_results'].forEach((panel) => {
+            panel['nativeElement'].scrollLeft = event.target.scrollLeft;
+        });
+    }
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewMatrixRatingScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewMatrixRatingScaleComponent, selector: "app-preview-matrix-rating-scale", host: { listeners: { "scroll": "scrollHandler($event)" } }, viewQueries: [{ propertyName: "panel", predicate: ["scrollMatrixRating"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"preview-list\">\r\n    <div class=\"matrix-rating-table vx-mt-5\">\r\n        <div class=\"rating-table-row table-head vx-d-flex\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" #scrollMatrixRating>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"rating-value vx-fs-12 vx-fw-600 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\r\n                                <div class=\"heading\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"rating-table-row vx-d-flex\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-lh-6 vx-p-2\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixRating>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"rating-value vx-d-flex vx-align-center vx-justify-center\">\r\n                                <app-cs-radio></app-cs-radio>\r\n                            </div>\r\n                        </li> \r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .matrix-rating-table{border:1px solid #DBDBDB;border-bottom:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row{border-bottom:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-rating-table .rating-table-row.table-head{background:#f1f1f1}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left{width:10rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body .title{border-right:1px solid #DBDBDB;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li{border-right:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value{width:8rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .devider{color:#bcbcbc}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio{width:auto;display:unset}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item{padding-left:0}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radio,::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radiomark{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value"], outputs: ["checkedEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewMatrixRatingScaleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-matrix-rating-scale', template: "<div class=\"preview-list\">\r\n    <div class=\"matrix-rating-table vx-mt-5\">\r\n        <div class=\"rating-table-row table-head vx-d-flex\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" #scrollMatrixRating>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"rating-value vx-fs-12 vx-fw-600 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\r\n                                <div class=\"heading\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"rating-table-row vx-d-flex\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-lh-6 vx-p-2\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixRating>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"rating-value vx-d-flex vx-align-center vx-justify-center\">\r\n                                <app-cs-radio></app-cs-radio>\r\n                            </div>\r\n                        </li> \r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", 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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .matrix-rating-table{border:1px solid #DBDBDB;border-bottom:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row{border-bottom:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-rating-table .rating-table-row.table-head{background:#f1f1f1}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left{width:10rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body .title{border-right:1px solid #DBDBDB;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li{border-right:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value{width:8rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .devider{color:#bcbcbc}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio{width:auto;display:unset}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item{padding-left:0}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radio,::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radiomark{position:relative!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { panel: [{
+                type: ViewChildren,
+                args: ['scrollMatrixRating', { read: ElementRef }]
+            }], scrollHandler: [{
+                type: HostListener,
+                args: ['scroll', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1tYXRyaXgtcmF0aW5nLXNjYWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9wcmV2aWV3L3ByZXZpZXctbWF0cml4LXJhdGluZy1zY2FsZS9wcmV2aWV3LW1hdHJpeC1yYXRpbmctc2NhbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1tYXRyaXgtcmF0aW5nLXNjYWxlL3ByZXZpZXctbWF0cml4LXJhdGluZy1zY2FsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQXFCLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPckcsTUFBTSxPQUFPLGlDQUFpQztJQUc1QyxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQVMsRUFBRSxFQUFFO1lBQzNDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFDOUQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBWlUsaUNBQWlDO21HQUFqQyxpQ0FBaUMsOE1BQ0EsVUFBVSw2QkNSeEQsby9FQXVDTTs7NEZEaENPLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDRSxpQ0FBaUM7MEVBS3NCLEtBQUs7c0JBQXJFLFlBQVk7dUJBQUMsb0JBQW9CLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUV4RCxhQUFhO3NCQURaLFlBQVk7dUJBQUMsUUFBUSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIE9uSW5pdCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXByZXZpZXctbWF0cml4LXJhdGluZy1zY2FsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctbWF0cml4LXJhdGluZy1zY2FsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1tYXRyaXgtcmF0aW5nLXNjYWxlLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByZXZpZXdNYXRyaXhSYXRpbmdTY2FsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQFZpZXdDaGlsZHJlbignc2Nyb2xsTWF0cml4UmF0aW5nJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHB1YmxpYyBwYW5lbCE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcclxuICBASG9zdExpc3RlbmVyKCdzY3JvbGwnLCBbJyRldmVudCddKVxyXG4gIHNjcm9sbEhhbmRsZXIoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5wYW5lbFsnX3Jlc3VsdHMnXS5mb3JFYWNoKChwYW5lbDphbnkpID0+IHtcclxuICAgICAgcGFuZWxbJ25hdGl2ZUVsZW1lbnQnXS5zY3JvbGxMZWZ0ID0gZXZlbnQudGFyZ2V0LnNjcm9sbExlZnQ7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1hdHJpeC1yYXRpbmctdGFibGUgdngtbXQtNVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJyYXRpbmctdGFibGUtcm93IHRhYmxlLWhlYWQgdngtZC1mbGV4XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZSB2eC1mcy0xMiB2eC1sYWJlbC10eHQgdngtcC0yXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiICNzY3JvbGxNYXRyaXhSYXRpbmc+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImNvbHVtbnMgdngtcC0wIHZ4LW0tMCB2eC1kLWZsZXhcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1wLTJcIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwgMSwgMSwgMSwgMSwgMV1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyYXRpbmctdmFsdWUgdngtZnMtMTIgdngtZnctNjAwIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nXCIgW2FwcFRvb2x0aXBdPVwiJ0xvcmVtIGlwc3VtIG1heSBiZSB1c2VkIGFzIGEgcGxhY2Vob2xkZXIgYmVmb3JlIHRoZSBmaW5hbCBjb3B5IGlzIGF2YWlsYWJsZS4nXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPkxvcmVtIGlwc3VtIG1heSBiZSB1c2VkIGFzIGEgcGxhY2Vob2xkZXIgYmVmb3JlIHRoZSBmaW5hbCBjb3B5IGlzIGF2YWlsYWJsZS48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJhdGluZy10YWJsZS1yb3cgdngtZC1mbGV4XCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDEsIDEsIDEsIDFdXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZSB2eC1mcy0xMiB2eC1sYWJlbC10eHQgdngtbGgtNiB2eC1wLTJcIiBbYXBwVG9vbHRpcF09XCInTG9yZW0gaXBzdW0gbWF5IGJlIHVzZWQgYXMgYSBwbGFjZWhvbGRlciBiZWZvcmUgdGhlIGZpbmFsIGNvcHkgaXMgYXZhaWxhYmxlLidcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCI+TG9yZW0gaXBzdW0gbWF5IGJlIHVzZWQgYXMgYSBwbGFjZWhvbGRlciBiZWZvcmUgdGhlIGZpbmFsIGNvcHkgaXMgYXZhaWxhYmxlLjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHRcIiAoc2Nyb2xsKT1cInNjcm9sbEhhbmRsZXIoJGV2ZW50KVwiICNzY3JvbGxNYXRyaXhSYXRpbmc+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImNvbHVtbnMgdngtcC0wIHZ4LW0tMCB2eC1kLWZsZXhcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1wLTJcIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwgMSwgMSwgMSwgMSwgMV1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyYXRpbmctdmFsdWUgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtY3MtcmFkaW8+PC9hcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saT4gXHJcbiAgICAgICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=