vcomply-workflow-engine 3.4.69 → 3.4.70
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-preview/assessment-preview.module.mjs +5 -2
- package/esm2020/lib/sharedComponents/assessment-preview/checkbox-question/checkbox-question.component.mjs +4 -3
- package/esm2020/lib/sharedComponents/assessment-preview/date-time/date-time.component.mjs +4 -3
- package/esm2020/lib/sharedComponents/assessment-preview/description-preview/description-preview.component.mjs +24 -0
- package/esm2020/lib/sharedComponents/assessment-preview/file-upload/file-upload.component.mjs +4 -3
- package/esm2020/lib/sharedComponents/assessment-preview/radio-question/radio-question.component.mjs +4 -3
- package/esm2020/lib/sharedComponents/assessment-preview/select-question/select-question.component.mjs +4 -3
- package/esm2020/lib/sharedComponents/assessment-preview/single-textbox/single-textbox.component.mjs +4 -3
- package/fesm2015/vcomply-workflow-engine.mjs +35 -13
- package/fesm2015/vcomply-workflow-engine.mjs.map +1 -1
- package/fesm2020/vcomply-workflow-engine.mjs +35 -13
- package/fesm2020/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/sharedComponents/assessment-preview/assessment-preview.module.d.ts +11 -10
- package/lib/sharedComponents/assessment-preview/description-preview/description-preview.component.d.ts +9 -0
- package/package.json +1 -1
|
@@ -22549,6 +22549,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
22549
22549
|
args: [{ selector: 'app-preview-welcome', template: "<div class=\"welcome-preview vx-text-center vx-mb-5\">\r\n <div class=\"image\"><img src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/o/5e481a5d61ca5e14f5731049/survey/61ee3c97a973170009458150/welcome/202011270933381643024815820.png\" /></div>\r\n <div class=\"heading vx-fs-16 vx-paragraph-txt vx-lih-6 vx-mb-5\">Welcome heading</div>\r\n <div class=\"details vx-fs-14 vx-label-txt vx-pb-3 vx-mb-5\">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before the final copy is available.</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\";.welcome-preview .image{width:30rem;margin:0 auto 2rem}.welcome-preview .image img{border-radius:.625rem;width:100%}\n"] }]
|
|
22550
22550
|
}], ctorParameters: function () { return []; } });
|
|
22551
22551
|
|
|
22552
|
+
class DescriptionPreviewComponent {
|
|
22553
|
+
constructor() {
|
|
22554
|
+
this.description = '';
|
|
22555
|
+
this.isExpand = false;
|
|
22556
|
+
}
|
|
22557
|
+
toggleExpansion() {
|
|
22558
|
+
this.isExpand = !this.isExpand;
|
|
22559
|
+
}
|
|
22560
|
+
}
|
|
22561
|
+
DescriptionPreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DescriptionPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22562
|
+
DescriptionPreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: { questionIndex: "questionIndex", description: "description" }, ngImport: i0, template: "<div\r\n [id]=\"'description_' + questionIndex\"\r\n class=\"assessment-question-description vx-fs-12 vx-paragraph-txt\"\r\n [class.expand]=\"isExpand\"\r\n [innerHTML]=\"description\"\r\n></div>\r\n<div class=\"assessment-question-description-btn vx-d-flex vx-justify-end\">\r\n <button\r\n *ngIf=\"('description_' + questionIndex | isReadMore : 37) && !isExpand\"\r\n (click)=\"toggleExpansion()\"\r\n class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n >\r\n Read More\r\n </button>\r\n <button\r\n *ngIf=\"isExpand && ('description_' + questionIndex | isReadMore : 37)\"\r\n (click)=\"toggleExpansion()\"\r\n class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n >\r\n Show Less\r\n </button>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-question-description{width:96%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:2.5rem;position:relative}::ng-deep .assessment-question-description.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .assessment-question-description-btn{width:96%}::ng-deep .assessment-question-description-btn button{background:transparent;border-radius:0;border:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: IsReadMorePipe, name: "isReadMore" }] });
|
|
22563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DescriptionPreviewComponent, decorators: [{
|
|
22564
|
+
type: Component,
|
|
22565
|
+
args: [{ selector: 'app-description-preview', template: "<div\r\n [id]=\"'description_' + questionIndex\"\r\n class=\"assessment-question-description vx-fs-12 vx-paragraph-txt\"\r\n [class.expand]=\"isExpand\"\r\n [innerHTML]=\"description\"\r\n></div>\r\n<div class=\"assessment-question-description-btn vx-d-flex vx-justify-end\">\r\n <button\r\n *ngIf=\"('description_' + questionIndex | isReadMore : 37) && !isExpand\"\r\n (click)=\"toggleExpansion()\"\r\n class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n >\r\n Read More\r\n </button>\r\n <button\r\n *ngIf=\"isExpand && ('description_' + questionIndex | isReadMore : 37)\"\r\n (click)=\"toggleExpansion()\"\r\n class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\"\r\n >\r\n Show Less\r\n </button>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-question-description{width:96%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:2.5rem;position:relative}::ng-deep .assessment-question-description.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .assessment-question-description-btn{width:96%}::ng-deep .assessment-question-description-btn button{background:transparent;border-radius:0;border:none}\n"] }]
|
|
22566
|
+
}], propDecorators: { questionIndex: [{
|
|
22567
|
+
type: Input
|
|
22568
|
+
}], description: [{
|
|
22569
|
+
type: Input
|
|
22570
|
+
}] } });
|
|
22571
|
+
|
|
22552
22572
|
class CheckboxQuestionComponent {
|
|
22553
22573
|
constructor() {
|
|
22554
22574
|
this.choicesForPreviewMode = [];
|
|
@@ -22564,10 +22584,10 @@ class CheckboxQuestionComponent {
|
|
|
22564
22584
|
}
|
|
22565
22585
|
}
|
|
22566
22586
|
CheckboxQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22567
|
-
CheckboxQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <
|
|
22587
|
+
CheckboxQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <ul class=\"checkbox-list vx-p-0 vx-m-0\">\r\n <li\r\n class=\"vx-mt-1\"\r\n *ngFor=\"\r\n let choice of choicesForPreviewMode;\r\n let choiceIndex = index\r\n \"\r\n >\r\n <app-cs-checkbox>\r\n <span\r\n class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ choice?.title ? choice?.title : \"Option\" }}</span\r\n >\r\n </app-cs-checkbox>\r\n </li>\r\n\r\n <li class=\"vx-mt-1\" *ngIf=\"question?.hasOther\">\r\n <app-cs-checkbox>\r\n <span\r\n class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n [appTooltip]=\"question.otherValue\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ question.otherValue }}</span\r\n >\r\n </app-cs-checkbox>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option ul.checkbox-list{list-style-type:none}::ng-deep .question-option ul.checkbox-list li{background:#74757610;border-radius:.25rem;height:2.75rem;padding:11px .75rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item{width:100%!important;position:relative;padding-left:1.5rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkmark{background:#fff;position:absolute!important;left:0!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value{width:100%!important;margin:0!important;justify-content:start!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value .checkbox-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1$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: CsCheckboxComponent$1, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
22568
22588
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxQuestionComponent, decorators: [{
|
|
22569
22589
|
type: Component,
|
|
22570
|
-
args: [{ selector: 'app-checkbox-question', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <
|
|
22590
|
+
args: [{ selector: 'app-checkbox-question', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <ul class=\"checkbox-list vx-p-0 vx-m-0\">\r\n <li\r\n class=\"vx-mt-1\"\r\n *ngFor=\"\r\n let choice of choicesForPreviewMode;\r\n let choiceIndex = index\r\n \"\r\n >\r\n <app-cs-checkbox>\r\n <span\r\n class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ choice?.title ? choice?.title : \"Option\" }}</span\r\n >\r\n </app-cs-checkbox>\r\n </li>\r\n\r\n <li class=\"vx-mt-1\" *ngIf=\"question?.hasOther\">\r\n <app-cs-checkbox>\r\n <span\r\n class=\"checkbox-value vx-fs-13 vx-label-txt vx-fw-400\"\r\n [appTooltip]=\"question.otherValue\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ question.otherValue }}</span\r\n >\r\n </app-cs-checkbox>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option ul.checkbox-list{list-style-type:none}::ng-deep .question-option ul.checkbox-list li{background:#74757610;border-radius:.25rem;height:2.75rem;padding:11px .75rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item{width:100%!important;position:relative;padding-left:1.5rem}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .checkmark{background:#fff;position:absolute!important;left:0!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value{width:100%!important;margin:0!important;justify-content:start!important}::ng-deep .question-option ul.checkbox-list li app-cs-checkbox .checkbox-item .value .checkbox-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
|
|
22571
22591
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
22572
22592
|
type: Input
|
|
22573
22593
|
}], questionIndex: [{
|
|
@@ -22592,10 +22612,10 @@ class DateTimeComponent {
|
|
|
22592
22612
|
}
|
|
22593
22613
|
}
|
|
22594
22614
|
DateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22595
|
-
DateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DateTimeComponent, selector: "app-date-time", inputs: { question: "question", questionIndex: "questionIndex" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <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=\"question-option\">\r\n <div class=\"textbox-group vx-mt-5\">\r\n <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question?.hasDate\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.date?.title == ''\r\n ? 'Date Label'\r\n : question?.date?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.date?.title == \"\"\r\n ? \"Date Label\"\r\n : question?.date?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <input\r\n class=\"datePicker\"\r\n (click)=\"openDatePicker()\"\r\n placeholder=\"Select Date\"\r\n />\r\n <dp-date-picker\r\n #datePicker\r\n placeholder=\"Select Date\"\r\n (click)=\"openDatePicker()\"\r\n (click)=\"closeDatepicker()\"\r\n ></dp-date-picker>\r\n <div\r\n class=\"overlay\"\r\n (click)=\"closeDatepicker()\"\r\n *ngIf=\"datepickerOverlay\"\r\n ></div>\r\n </div>\r\n </div>\r\n <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question?.hasTime\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.time?.title == ''\r\n ? 'Time Label'\r\n : question?.time?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.time?.title == \"\"\r\n ? \"Time Label\"\r\n : question?.time?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <input\r\n aria-label=\"12hr format\"\r\n [ngxTimepicker]=\"timeOnly\"\r\n readonly\r\n placeholder=\"Select Time\"\r\n />\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-option .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .question-option .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-option .textbox-group .input-group .label .date-time-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-option .textbox-group .input-group .date-time-area{background:#fff;border-radius:0 .25rem .25rem 0;width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-option .textbox-group .input-group .date-time-area input{font-family:Poppins,sans-serif!important;background:transparent;border:none;border-radius:0;font-size:11px!important;color:#747476!important;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-option .textbox-group .input-group .date-time-area input::placeholder{font-size:11px!important;color:#74757690!important;font-weight:400}::ng-deep .question-option .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-option .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker{width:100%}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper{padding:0}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;position:relative!important;top:-.25rem!important;left:.5rem!important;z-index:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input{color:#747576!important;width:87%!important;padding-left:0!important;font-size:11px!important;top:-.25rem!important;font-family:Poppins,sans-serif!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input::placeholder{font-size:11px!important;color:#747576!important;font-weight:400!important;opacity:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label span{font-size:11px!important;color:#74757690!important;font-family:Poppins,sans-serif!important;position:relative!important;top:-1px!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{position:absolute!important;height:2.5rem!important;top:-1px!important;z-index:2!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button{height:2.5rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button .mat-button-wrapper svg{width:1.125rem!important;position:relative!important;right:.375rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-underline,::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none!important}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}::ng-deep .mat-form-field-suffix{position:absolute;width:100%;height:45px;top:6px}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle{position:absolute;left:0;top:0;width:100%}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle.mat-datepicker-toggle-active{color:#1e5dd3}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button{width:100%;text-align:left;height:70px;border-radius:0}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-focus-overlay{opacity:0;display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-ripple.mat-ripple{display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button svg{width:25px!important;float:right}\n"], dependencies: [{ kind: "directive", type: 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: i4.NgxMaterialTimepickerComponent, selector: "ngx-material-timepicker", inputs: ["ESC", "hoursOnly", "ngxMaterialTimepickerTheme", "format", "minutesGap", "cancelBtnTmpl", "editableHintTmpl", "confirmBtnTmpl", "enableKeyboardInput", "preventOverlayClick", "disableAnimation", "appendToInput", "defaultTime", "timepickerClass", "theme", "min", "max"], outputs: ["timeSet", "opened", "closed", "hourSelected", "timeChanged"] }, { kind: "directive", type: i4.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "value", "min", "max", "ngxTimepicker", "disabled", "disableClick"] }, { kind: "component", type: i6.DatePickerComponent, selector: "dp-date-picker", inputs: ["mode", "placeholder", "disabled", "config", "displayDate", "theme", "minDate", "maxDate", "minTime", "maxTime"], outputs: ["open", "close", "onChange", "onGoToCurrent", "onLeftNav", "onRightNav", "onSelect"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }] });
|
|
22615
|
+
DateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DateTimeComponent, selector: "app-date-time", inputs: { question: "question", questionIndex: "questionIndex" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <div class=\"textbox-group vx-mt-5\">\r\n <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question?.hasDate\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.date?.title == ''\r\n ? 'Date Label'\r\n : question?.date?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.date?.title == \"\"\r\n ? \"Date Label\"\r\n : question?.date?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <input\r\n class=\"datePicker\"\r\n (click)=\"openDatePicker()\"\r\n placeholder=\"Select Date\"\r\n />\r\n <dp-date-picker\r\n #datePicker\r\n placeholder=\"Select Date\"\r\n (click)=\"openDatePicker()\"\r\n (click)=\"closeDatepicker()\"\r\n ></dp-date-picker>\r\n <div\r\n class=\"overlay\"\r\n (click)=\"closeDatepicker()\"\r\n *ngIf=\"datepickerOverlay\"\r\n ></div>\r\n </div>\r\n </div>\r\n <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question?.hasTime\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.time?.title == ''\r\n ? 'Time Label'\r\n : question?.time?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.time?.title == \"\"\r\n ? \"Time Label\"\r\n : question?.time?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <input\r\n aria-label=\"12hr format\"\r\n [ngxTimepicker]=\"timeOnly\"\r\n readonly\r\n placeholder=\"Select Time\"\r\n />\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-option .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .question-option .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-option .textbox-group .input-group .label .date-time-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-option .textbox-group .input-group .date-time-area{background:#fff;border-radius:0 .25rem .25rem 0;width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-option .textbox-group .input-group .date-time-area input{font-family:Poppins,sans-serif!important;background:transparent;border:none;border-radius:0;font-size:11px!important;color:#747476!important;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-option .textbox-group .input-group .date-time-area input::placeholder{font-size:11px!important;color:#74757690!important;font-weight:400}::ng-deep .question-option .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-option .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker{width:100%}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper{padding:0}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;position:relative!important;top:-.25rem!important;left:.5rem!important;z-index:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input{color:#747576!important;width:87%!important;padding-left:0!important;font-size:11px!important;top:-.25rem!important;font-family:Poppins,sans-serif!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input::placeholder{font-size:11px!important;color:#747576!important;font-weight:400!important;opacity:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label span{font-size:11px!important;color:#74757690!important;font-family:Poppins,sans-serif!important;position:relative!important;top:-1px!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{position:absolute!important;height:2.5rem!important;top:-1px!important;z-index:2!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button{height:2.5rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button .mat-button-wrapper svg{width:1.125rem!important;position:relative!important;right:.375rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-underline,::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none!important}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}::ng-deep .mat-form-field-suffix{position:absolute;width:100%;height:45px;top:6px}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle{position:absolute;left:0;top:0;width:100%}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle.mat-datepicker-toggle-active{color:#1e5dd3}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button{width:100%;text-align:left;height:70px;border-radius:0}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-focus-overlay{opacity:0;display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-ripple.mat-ripple{display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button svg{width:25px!important;float:right}\n"], dependencies: [{ kind: "directive", type: 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: i4.NgxMaterialTimepickerComponent, selector: "ngx-material-timepicker", inputs: ["ESC", "hoursOnly", "ngxMaterialTimepickerTheme", "format", "minutesGap", "cancelBtnTmpl", "editableHintTmpl", "confirmBtnTmpl", "enableKeyboardInput", "preventOverlayClick", "disableAnimation", "appendToInput", "defaultTime", "timepickerClass", "theme", "min", "max"], outputs: ["timeSet", "opened", "closed", "hourSelected", "timeChanged"] }, { kind: "directive", type: i4.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "value", "min", "max", "ngxTimepicker", "disabled", "disableClick"] }, { kind: "component", type: i6.DatePickerComponent, selector: "dp-date-picker", inputs: ["mode", "placeholder", "disabled", "config", "displayDate", "theme", "minDate", "maxDate", "minTime", "maxTime"], outputs: ["open", "close", "onChange", "onGoToCurrent", "onLeftNav", "onRightNav", "onSelect"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
22596
22616
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateTimeComponent, decorators: [{
|
|
22597
22617
|
type: Component,
|
|
22598
|
-
args: [{ selector: 'app-date-time', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <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=\"question-option\">\r\n <div class=\"textbox-group vx-mt-5\">\r\n <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question?.hasDate\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.date?.title == ''\r\n ? 'Date Label'\r\n : question?.date?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.date?.title == \"\"\r\n ? \"Date Label\"\r\n : question?.date?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <input\r\n class=\"datePicker\"\r\n (click)=\"openDatePicker()\"\r\n placeholder=\"Select Date\"\r\n />\r\n <dp-date-picker\r\n #datePicker\r\n placeholder=\"Select Date\"\r\n (click)=\"openDatePicker()\"\r\n (click)=\"closeDatepicker()\"\r\n ></dp-date-picker>\r\n <div\r\n class=\"overlay\"\r\n (click)=\"closeDatepicker()\"\r\n *ngIf=\"datepickerOverlay\"\r\n ></div>\r\n </div>\r\n </div>\r\n <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question?.hasTime\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.time?.title == ''\r\n ? 'Time Label'\r\n : question?.time?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.time?.title == \"\"\r\n ? \"Time Label\"\r\n : question?.time?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <input\r\n aria-label=\"12hr format\"\r\n [ngxTimepicker]=\"timeOnly\"\r\n readonly\r\n placeholder=\"Select Time\"\r\n />\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-option .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .question-option .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-option .textbox-group .input-group .label .date-time-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-option .textbox-group .input-group .date-time-area{background:#fff;border-radius:0 .25rem .25rem 0;width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-option .textbox-group .input-group .date-time-area input{font-family:Poppins,sans-serif!important;background:transparent;border:none;border-radius:0;font-size:11px!important;color:#747476!important;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-option .textbox-group .input-group .date-time-area input::placeholder{font-size:11px!important;color:#74757690!important;font-weight:400}::ng-deep .question-option .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-option .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker{width:100%}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper{padding:0}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;position:relative!important;top:-.25rem!important;left:.5rem!important;z-index:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input{color:#747576!important;width:87%!important;padding-left:0!important;font-size:11px!important;top:-.25rem!important;font-family:Poppins,sans-serif!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input::placeholder{font-size:11px!important;color:#747576!important;font-weight:400!important;opacity:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label span{font-size:11px!important;color:#74757690!important;font-family:Poppins,sans-serif!important;position:relative!important;top:-1px!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{position:absolute!important;height:2.5rem!important;top:-1px!important;z-index:2!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button{height:2.5rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button .mat-button-wrapper svg{width:1.125rem!important;position:relative!important;right:.375rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-underline,::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none!important}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}::ng-deep .mat-form-field-suffix{position:absolute;width:100%;height:45px;top:6px}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle{position:absolute;left:0;top:0;width:100%}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle.mat-datepicker-toggle-active{color:#1e5dd3}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button{width:100%;text-align:left;height:70px;border-radius:0}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-focus-overlay{opacity:0;display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-ripple.mat-ripple{display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button svg{width:25px!important;float:right}\n"] }]
|
|
22618
|
+
args: [{ selector: 'app-date-time', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <div class=\"textbox-group vx-mt-5\">\r\n <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question?.hasDate\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.date?.title == ''\r\n ? 'Date Label'\r\n : question?.date?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.date?.title == \"\"\r\n ? \"Date Label\"\r\n : question?.date?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <input\r\n class=\"datePicker\"\r\n (click)=\"openDatePicker()\"\r\n placeholder=\"Select Date\"\r\n />\r\n <dp-date-picker\r\n #datePicker\r\n placeholder=\"Select Date\"\r\n (click)=\"openDatePicker()\"\r\n (click)=\"closeDatepicker()\"\r\n ></dp-date-picker>\r\n <div\r\n class=\"overlay\"\r\n (click)=\"closeDatepicker()\"\r\n *ngIf=\"datepickerOverlay\"\r\n ></div>\r\n </div>\r\n </div>\r\n <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question?.hasTime\">\r\n <span\r\n class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n ><span\r\n class=\"vx-d-block\"\r\n [appTooltip]=\"\r\n question?.time?.title == ''\r\n ? 'Time Label'\r\n : question?.time?.title\r\n \"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{\r\n question?.time?.title == \"\"\r\n ? \"Time Label\"\r\n : question?.time?.title\r\n }}</span\r\n ></span\r\n >\r\n <div class=\"date-time-area\">\r\n <input\r\n aria-label=\"12hr format\"\r\n [ngxTimepicker]=\"timeOnly\"\r\n readonly\r\n placeholder=\"Select Time\"\r\n />\r\n <i class=\"icons vx-fs-14 vx-paragraph-txt\"></i>\r\n <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-option .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .question-option .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-option .textbox-group .input-group .label .date-time-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-option .textbox-group .input-group .date-time-area{background:#fff;border-radius:0 .25rem .25rem 0;width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-option .textbox-group .input-group .date-time-area input{font-family:Poppins,sans-serif!important;background:transparent;border:none;border-radius:0;font-size:11px!important;color:#747476!important;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-option .textbox-group .input-group .date-time-area input::placeholder{font-size:11px!important;color:#74757690!important;font-weight:400}::ng-deep .question-option .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-option .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker{width:100%}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper{padding:0}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;position:relative!important;top:-.25rem!important;left:.5rem!important;z-index:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input{color:#747576!important;width:87%!important;padding-left:0!important;font-size:11px!important;top:-.25rem!important;font-family:Poppins,sans-serif!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input.preview-datepicker-input::placeholder{font-size:11px!important;color:#747576!important;font-weight:400!important;opacity:1!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label span{font-size:11px!important;color:#74757690!important;font-family:Poppins,sans-serif!important;position:relative!important;top:-1px!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{position:absolute!important;height:2.5rem!important;top:-1px!important;z-index:2!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button{height:2.5rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button .mat-button-wrapper svg{width:1.125rem!important;position:relative!important;right:.375rem!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-underline,::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none!important}::ng-deep .question-option .textbox-group .input-group .date-time-area mat-form-field.preview-datepicker.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none!important}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}::ng-deep .mat-form-field-suffix{position:absolute;width:100%;height:45px;top:6px}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle{position:absolute;left:0;top:0;width:100%}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle.mat-datepicker-toggle-active{color:#1e5dd3}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button{width:100%;text-align:left;height:70px;border-radius:0}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-focus-overlay{opacity:0;display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button ::ng-deep .mat-button-ripple.mat-ripple{display:none}::ng-deep .mat-form-field-suffix .mat-datepicker-toggle button svg{width:25px!important;float:right}\n"] }]
|
|
22599
22619
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
22600
22620
|
type: Input
|
|
22601
22621
|
}], questionIndex: [{
|
|
@@ -22630,10 +22650,10 @@ class FileUploadComponent {
|
|
|
22630
22650
|
}
|
|
22631
22651
|
}
|
|
22632
22652
|
FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22633
|
-
FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FileUploadComponent, selector: "app-file-upload", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <
|
|
22653
|
+
FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FileUploadComponent, selector: "app-file-upload", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <div\r\n class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\"\r\n >\r\n <input type=\"file\" />\r\n <span class=\"value vx-fs-11 vx-label-txt vx-d-block vx-pl-2\"\r\n >Select file</span\r\n >\r\n <span\r\n class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\"\r\n >Browse</span\r\n >\r\n </div>\r\n <ul class=\"file-list vx-p-0 vx-pt-5 vx-m-0\" *ngIf=\"false\">\r\n <li class=\"file vx-pb-1\">\r\n <div class=\"file-box vx-d-flex vx-align-center vx-pt-2 vx-pb-2\">\r\n <span class=\"file pdf\">\r\n <i class=\"icons\"></i>\r\n <span class=\"format\">pdf</span>\r\n </span>\r\n <div\r\n class=\"file-name vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"'file-name.pdf'\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n file-name.pdf\r\n </div>\r\n <button\r\n class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\r\n >\r\n <i class=\"icons vx-ml-3\"></i>\r\n </button>\r\n <div *ngIf=\"true\" class=\"line-progress\">\r\n <div class=\"line-progress-bar\"></div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .custom-file-upload{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;box-shadow:0 0 10px #f1f1f1;position:relative;max-width:25rem;width:100%;height:2.5rem}::ng-deep .question-option .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .question-option .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .question-option .custom-file-upload span.button{height:1.875rem;width:6.25rem;border-radius:.25rem}::ng-deep .question-option ul.file-list{list-style:none;width:37.5rem}@media screen and (max-width: 768px){::ng-deep .question-option ul.file-list{width:100%}}::ng-deep .question-option ul.file-list li.file .file-box{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .question-option ul.file-list li.file .file-box .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1.25rem)}::ng-deep .question-option ul.file-list li.file .file-box button.delete-btn{background:transparent;border:none;border-radius:0}::ng-deep .question-option ul.file-list li.file .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:92%}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
22634
22654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
22635
22655
|
type: Component,
|
|
22636
|
-
args: [{ selector: 'app-file-upload', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <
|
|
22656
|
+
args: [{ selector: 'app-file-upload', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <div\r\n class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\"\r\n >\r\n <input type=\"file\" />\r\n <span class=\"value vx-fs-11 vx-label-txt vx-d-block vx-pl-2\"\r\n >Select file</span\r\n >\r\n <span\r\n class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\"\r\n >Browse</span\r\n >\r\n </div>\r\n <ul class=\"file-list vx-p-0 vx-pt-5 vx-m-0\" *ngIf=\"false\">\r\n <li class=\"file vx-pb-1\">\r\n <div class=\"file-box vx-d-flex vx-align-center vx-pt-2 vx-pb-2\">\r\n <span class=\"file pdf\">\r\n <i class=\"icons\"></i>\r\n <span class=\"format\">pdf</span>\r\n </span>\r\n <div\r\n class=\"file-name vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"'file-name.pdf'\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n file-name.pdf\r\n </div>\r\n <button\r\n class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\r\n >\r\n <i class=\"icons vx-ml-3\"></i>\r\n </button>\r\n <div *ngIf=\"true\" class=\"line-progress\">\r\n <div class=\"line-progress-bar\"></div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .custom-file-upload{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;box-shadow:0 0 10px #f1f1f1;position:relative;max-width:25rem;width:100%;height:2.5rem}::ng-deep .question-option .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .question-option .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .question-option .custom-file-upload span.button{height:1.875rem;width:6.25rem;border-radius:.25rem}::ng-deep .question-option ul.file-list{list-style:none;width:37.5rem}@media screen and (max-width: 768px){::ng-deep .question-option ul.file-list{width:100%}}::ng-deep .question-option ul.file-list li.file .file-box{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .question-option ul.file-list li.file .file-box .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1.25rem)}::ng-deep .question-option ul.file-list li.file .file-box button.delete-btn{background:transparent;border:none;border-radius:0}::ng-deep .question-option ul.file-list li.file .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:92%}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
|
|
22637
22657
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
22638
22658
|
type: Input
|
|
22639
22659
|
}], questionIndex: [{
|
|
@@ -22655,10 +22675,10 @@ class RadioQuestionComponent {
|
|
|
22655
22675
|
}
|
|
22656
22676
|
}
|
|
22657
22677
|
RadioQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22658
|
-
RadioQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioQuestionComponent, selector: "app-radio-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <
|
|
22678
|
+
RadioQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioQuestionComponent, selector: "app-radio-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option vx-mt-3\">\r\n <ul class=\"multiple-choice-list vx-p-0 vx-m-0\">\r\n <li\r\n class=\"vx-mt-1\"\r\n *ngFor=\"\r\n let choice of choicesForPreviewMode;\r\n let choiceIndex = index\r\n \"\r\n >\r\n <app-cs-radio [name]=\"question?.name\">\r\n <span\r\n class=\"radio-value vx-fs-13 vx-label-txt vx-fw-400 vx-lh-5\"\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n {{ choice?.title ? choice?.title : \"Option\" }}</span\r\n >\r\n </app-cs-radio>\r\n </li>\r\n <li class=\"vx-mt-1\" *ngIf=\"question?.hasOther\">\r\n <app-cs-radio [name]=\"question?.name\">\r\n <span\r\n class=\"radio-value vx-fs-13 vx-label-txt vx-fw-400 vx-lh-5\"\r\n [appTooltip]=\"question.otherValue\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ question.otherValue }}</span\r\n >\r\n </app-cs-radio>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option ul.multiple-choice-list{list-style-type:none}::ng-deep .question-option ul.multiple-choice-list li{background:#74757610;border-radius:.25rem;height:2.75rem;padding:11px .75rem}::ng-deep .question-option ul.multiple-choice-list li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-option ul.multiple-choice-list li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-option ul.multiple-choice-list li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1$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: CsRadioComponent$1, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
22659
22679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioQuestionComponent, decorators: [{
|
|
22660
22680
|
type: Component,
|
|
22661
|
-
args: [{ selector: 'app-radio-question', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <
|
|
22681
|
+
args: [{ selector: 'app-radio-question', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside vx-w-100\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option vx-mt-3\">\r\n <ul class=\"multiple-choice-list vx-p-0 vx-m-0\">\r\n <li\r\n class=\"vx-mt-1\"\r\n *ngFor=\"\r\n let choice of choicesForPreviewMode;\r\n let choiceIndex = index\r\n \"\r\n >\r\n <app-cs-radio [name]=\"question?.name\">\r\n <span\r\n class=\"radio-value vx-fs-13 vx-label-txt vx-fw-400 vx-lh-5\"\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n {{ choice?.title ? choice?.title : \"Option\" }}</span\r\n >\r\n </app-cs-radio>\r\n </li>\r\n <li class=\"vx-mt-1\" *ngIf=\"question?.hasOther\">\r\n <app-cs-radio [name]=\"question?.name\">\r\n <span\r\n class=\"radio-value vx-fs-13 vx-label-txt vx-fw-400 vx-lh-5\"\r\n [appTooltip]=\"question.otherValue\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ question.otherValue }}</span\r\n >\r\n </app-cs-radio>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option ul.multiple-choice-list{list-style-type:none}::ng-deep .question-option ul.multiple-choice-list li{background:#74757610;border-radius:.25rem;height:2.75rem;padding:11px .75rem}::ng-deep .question-option ul.multiple-choice-list li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-option ul.multiple-choice-list li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-option ul.multiple-choice-list li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
|
|
22662
22682
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
22663
22683
|
type: Input
|
|
22664
22684
|
}], questionIndex: [{
|
|
@@ -22683,10 +22703,10 @@ class SelectQuestionComponent {
|
|
|
22683
22703
|
}
|
|
22684
22704
|
}
|
|
22685
22705
|
SelectQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22686
|
-
SelectQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectQuestionComponent, selector: "app-select-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <
|
|
22706
|
+
SelectQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectQuestionComponent, selector: "app-select-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <div class=\"options-area\">\r\n <app-cs-select\r\n [dataList]=\"choicesForPreviewMode\"\r\n [valueKey]=\"'title'\"\r\n [displayProperty]=\"'title'\"\r\n [selectedValue]=\"'Select an option'\"\r\n ></app-cs-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-inner-inside .question-option .options-area{width:70%}::ng-deep .question-inner-inside .question-option .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}@media screen and (max-width: 667px){::ng-deep .question-inner-inside .question-option .options-area{width:100%}}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CsSelectComponent$2, selector: "app-cs-select", inputs: ["dataList", "dropdownLabel", "displayProperty", "selectedValue", "isRequired", "dropdownSubLabel", "placeholder", "stylex", "valueKey", "colorBlock", "colorCode"], outputs: ["selectedData", "selectedValueChange"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
22687
22707
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectQuestionComponent, decorators: [{
|
|
22688
22708
|
type: Component,
|
|
22689
|
-
args: [{ selector: 'app-select-question', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <
|
|
22709
|
+
args: [{ selector: 'app-select-question', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <div class=\"options-area\">\r\n <app-cs-select\r\n [dataList]=\"choicesForPreviewMode\"\r\n [valueKey]=\"'title'\"\r\n [displayProperty]=\"'title'\"\r\n [selectedValue]=\"'Select an option'\"\r\n ></app-cs-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-inner{position:relative}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-inner-inside .question-option .options-area{width:70%}::ng-deep .question-inner-inside .question-option .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}@media screen and (max-width: 667px){::ng-deep .question-inner-inside .question-option .options-area{width:100%}}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
|
|
22690
22710
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
22691
22711
|
type: Input
|
|
22692
22712
|
}], questionIndex: [{
|
|
@@ -22699,10 +22719,10 @@ class SingleTextboxComponent {
|
|
|
22699
22719
|
}
|
|
22700
22720
|
}
|
|
22701
22721
|
SingleTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22702
|
-
SingleTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SingleTextboxComponent, selector: "app-single-textbox", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3 vx-d-flex\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <
|
|
22722
|
+
SingleTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SingleTextboxComponent, selector: "app-single-textbox", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3 vx-d-flex\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <input\r\n class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\"\r\n type=\"text\"\r\n [placeholder]=\"\r\n question?.isPlaceholder === true &&\r\n question?.placeholder?.trim().length > 0\r\n ? question?.placeholder.trim()\r\n : 'Please enter a response'\r\n \"\r\n />\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.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-heading .vx-avatar-group .multi-user{background:#f1f1f1;border-radius:50%;border:.125rem solid #fff;width:1.75rem;height:1.75rem;position:relative;cursor:pointer}::ng-deep .question-heading .vx-avatar-group .multi-user .multiCount{background:#1e5dd3;border-radius:1.25rem;border:.125rem solid #fff;padding:0 .125rem;min-width:1rem;height:1rem;position:absolute;top:-6px;right:-6px;line-height:.75rem}::ng-deep .question-inner{position:relative;min-height:7.5rem}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .single-textbox{font-family:Poppins,sans-serif!important;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}@media screen and (max-width: 1024px){::ng-deep .question-option .single-textbox{width:100%}}@media screen and (max-width: 768px){::ng-deep .question-option .single-textbox{width:100%}}::ng-deep .question-option .single-textbox::placeholder{color:#747576;font-weight:400}::ng-deep .question-option .single-textbox:hover,::ng-deep .question-option .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QuickSettingsComponent$1, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
22703
22723
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleTextboxComponent, decorators: [{
|
|
22704
22724
|
type: Component,
|
|
22705
|
-
args: [{ selector: 'app-single-textbox', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3 vx-d-flex\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <
|
|
22725
|
+
args: [{ selector: 'app-single-textbox', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\r\n <div class=\"question-heading vx-pb-3 vx-mb-3 vx-d-flex\">\r\n <span\r\n class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\r\n >{{ questionIndex }}</span\r\n >\r\n <span class=\"heading\">\r\n <span\r\n [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\r\n class=\"vx-fs-16 vx-label-txt vx-lh-6\"\r\n ></span>\r\n <span\r\n *ngIf=\"question?.isRequired\"\r\n class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\r\n >*</span\r\n >\r\n </span>\r\n </div>\r\n <div class=\"question-inner vx-d-flex vx-justify-between\">\r\n <div class=\"question-inner-inside\">\r\n <ng-container\r\n *ngIf=\"\r\n question?.hasDescription && question?.description?.trim().length > 0\r\n \"\r\n >\r\n <app-description-preview\r\n [questionIndex]=\"questionIndex\"\r\n [description]=\"question?.description\"\r\n ></app-description-preview>\r\n </ng-container>\r\n <div class=\"question-option\">\r\n <input\r\n class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\"\r\n type=\"text\"\r\n [placeholder]=\"\r\n question?.isPlaceholder === true &&\r\n question?.placeholder?.trim().length > 0\r\n ? question?.placeholder.trim()\r\n : 'Please enter a response'\r\n \"\r\n />\r\n </div>\r\n </div>\r\n <div class=\"question-quickSettings\">\r\n <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.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-heading .vx-avatar-group .multi-user{background:#f1f1f1;border-radius:50%;border:.125rem solid #fff;width:1.75rem;height:1.75rem;position:relative;cursor:pointer}::ng-deep .question-heading .vx-avatar-group .multi-user .multiCount{background:#1e5dd3;border-radius:1.25rem;border:.125rem solid #fff;padding:0 .125rem;min-width:1rem;height:1rem;position:absolute;top:-6px;right:-6px;line-height:.75rem}::ng-deep .question-inner{position:relative;min-height:7.5rem}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .single-textbox{font-family:Poppins,sans-serif!important;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}@media screen and (max-width: 1024px){::ng-deep .question-option .single-textbox{width:100%}}@media screen and (max-width: 768px){::ng-deep .question-option .single-textbox{width:100%}}::ng-deep .question-option .single-textbox::placeholder{color:#747576;font-weight:400}::ng-deep .question-option .single-textbox:hover,::ng-deep .question-option .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
|
|
22706
22726
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
22707
22727
|
type: Input
|
|
22708
22728
|
}], questionIndex: [{
|
|
@@ -42894,7 +42914,8 @@ AssessmentPreviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
42894
42914
|
PageHeaderComponent,
|
|
42895
42915
|
WelcomeComponent$1,
|
|
42896
42916
|
SectionDetailsComponent,
|
|
42897
|
-
GetSectionOrderPipe
|
|
42917
|
+
GetSectionOrderPipe,
|
|
42918
|
+
DescriptionPreviewComponent], imports: [CommonModule,
|
|
42898
42919
|
TooltipModule,
|
|
42899
42920
|
FormgroupModule$1,
|
|
42900
42921
|
PopoverModule,
|
|
@@ -42938,6 +42959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
42938
42959
|
WelcomeComponent$1,
|
|
42939
42960
|
SectionDetailsComponent,
|
|
42940
42961
|
GetSectionOrderPipe,
|
|
42962
|
+
DescriptionPreviewComponent,
|
|
42941
42963
|
],
|
|
42942
42964
|
imports: [
|
|
42943
42965
|
CommonModule,
|