vcomply-workflow-engine 3.3.1 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/sharedComponents/assessment-editor/components/preview/preview-matrix-dropdown/preview-matrix-dropdown.component.mjs +2 -2
- package/fesm2015/vcomply-workflow-engine.mjs +2 -2
- package/fesm2015/vcomply-workflow-engine.mjs.map +1 -1
- package/fesm2020/vcomply-workflow-engine.mjs +2 -2
- package/fesm2020/vcomply-workflow-engine.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -17,10 +17,10 @@ export class PreviewMatrixDropdownComponent {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
PreviewMatrixDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreviewMatrixDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
PreviewMatrixDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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
|
|
20
|
+
PreviewMatrixDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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 .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}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none;height:6px}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:7rem}::ng-deep .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 .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#dbdbdb}::ng-deep .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}::ng-deep .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 .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 .preview-list .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\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"] }] });
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreviewMatrixDropdownComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'app-preview-matrix-dropdown', inputs: ['question', 'questionIndex'], template: "<div class=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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
|
|
23
|
+
args: [{ selector: 'app-preview-matrix-dropdown', inputs: ['question', 'questionIndex'], template: "<div class=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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 .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}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none;height:6px}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:7rem}::ng-deep .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 .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#dbdbdb}::ng-deep .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}::ng-deep .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 .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 .preview-list .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"] }]
|
|
24
24
|
}], ctorParameters: function () { return []; }, propDecorators: { panel: [{
|
|
25
25
|
type: ViewChildren,
|
|
26
26
|
args: ['scrollMatrixDropdown', { read: ElementRef }]
|
|
@@ -13937,10 +13937,10 @@ class PreviewMatrixDropdownComponent {
|
|
|
13937
13937
|
}
|
|
13938
13938
|
}
|
|
13939
13939
|
PreviewMatrixDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreviewMatrixDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13940
|
-
PreviewMatrixDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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
|
|
13940
|
+
PreviewMatrixDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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 .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}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none;height:6px}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:7rem}::ng-deep .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 .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#dbdbdb}::ng-deep .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}::ng-deep .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 .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 .preview-list .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: CsSelectComponent$1, selector: "app-cs-select", inputs: ["dataList", "dropdownLabel", "displayProperty", "selectedValue", "isRequired", "dropdownSubLabel", "disabled", "placeholder", "stylex", "valueKey", "multipleSelect", "colorProperty", "colorSelected"], outputs: ["selectedData", "selectedValueChange"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }] });
|
|
13941
13941
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreviewMatrixDropdownComponent, decorators: [{
|
|
13942
13942
|
type: Component,
|
|
13943
|
-
args: [{ selector: 'app-preview-matrix-dropdown', inputs: ['question', 'questionIndex'], template: "<div class=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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
|
|
13943
|
+
args: [{ selector: 'app-preview-matrix-dropdown', inputs: ['question', 'questionIndex'], template: "<div class=\"head vx-d-flex vx-mb-4\">\r\n <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\"\r\n >{{ questionIndex }}.</span\r\n >\r\n <span class=\"heading vx-pl-3\">\r\n <span\r\n class=\"vx-fw-300 vx-label-txt vx-fs-20 vx-lh-8\"\r\n [innerHTML]=\"question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"\r\n >*</span\r\n >\r\n </span>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\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 class=\"question-quick-settings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\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{display:flex;position:relative;margin-bottom:3rem}::ng-deep .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none;max-width:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f8f8f8}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:18rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .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 .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}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none;height:6px}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:7rem}::ng-deep .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 .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#dbdbdb}::ng-deep .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}::ng-deep .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 .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 .preview-list .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"] }]
|
|
13944
13944
|
}], ctorParameters: function () { return []; }, propDecorators: { panel: [{
|
|
13945
13945
|
type: ViewChildren,
|
|
13946
13946
|
args: ['scrollMatrixDropdown', { read: ElementRef }]
|