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
|
@@ -21,6 +21,7 @@ import { PreviewModule } from '../assessment-editor/components/preview/preview.m
|
|
|
21
21
|
import { SectionDetailsComponent } from './section-details/section-details.component';
|
|
22
22
|
import { PipesModule } from '../../pipes/pipes.module';
|
|
23
23
|
import { GetSectionOrderPipe } from './pipes/get-section-order.pipe';
|
|
24
|
+
import { DescriptionPreviewComponent } from './description-preview/description-preview.component';
|
|
24
25
|
import * as i0 from "@angular/core";
|
|
25
26
|
export class AssessmentPreviewModule {
|
|
26
27
|
}
|
|
@@ -37,7 +38,8 @@ AssessmentPreviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
37
38
|
PageHeaderComponent,
|
|
38
39
|
WelcomeComponent,
|
|
39
40
|
SectionDetailsComponent,
|
|
40
|
-
GetSectionOrderPipe
|
|
41
|
+
GetSectionOrderPipe,
|
|
42
|
+
DescriptionPreviewComponent], imports: [CommonModule,
|
|
41
43
|
TooltipModule,
|
|
42
44
|
FormgroupModule,
|
|
43
45
|
PopoverModule,
|
|
@@ -81,6 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
81
83
|
WelcomeComponent,
|
|
82
84
|
SectionDetailsComponent,
|
|
83
85
|
GetSectionOrderPipe,
|
|
86
|
+
DescriptionPreviewComponent,
|
|
84
87
|
],
|
|
85
88
|
imports: [
|
|
86
89
|
CommonModule,
|
|
@@ -107,4 +110,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
107
110
|
],
|
|
108
111
|
}]
|
|
109
112
|
}] });
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXNzbWVudC1wcmV2aWV3Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2Fzc2Vzc21lbnQtcHJldmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDNUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDckUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scURBQXFELENBQUM7O0FBMkNsRyxNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsaUJBdkNoQyx5QkFBeUI7UUFDekIsaUJBQWlCO1FBQ2pCLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsZ0JBQWdCO1FBQ2hCLHlCQUF5QjtRQUN6QixzQkFBc0I7UUFDdEIsdUJBQXVCO1FBQ3ZCLHNCQUFzQjtRQUN0QixtQkFBbUI7UUFDbkIsZ0JBQWdCO1FBQ2hCLHVCQUF1QjtRQUN2QixtQkFBbUI7UUFDbkIsMkJBQTJCLGFBRzNCLFlBQVk7UUFDWixhQUFhO1FBQ2IsZUFBZTtRQUNmLGFBQWE7UUFDYiwyQkFBMkI7UUFDM0Isa0JBQWtCO1FBQ2xCLGFBQWE7UUFDYixzQkFBc0I7UUFDdEIsV0FBVyxhQUdYLHlCQUF5QjtRQUN6QixpQkFBaUI7UUFDakIsZUFBZTtRQUNmLG1CQUFtQjtRQUNuQixnQkFBZ0I7UUFDaEIseUJBQXlCO1FBQ3pCLHNCQUFzQjtRQUN0Qix1QkFBdUI7UUFDdkIsc0JBQXNCO1FBQ3RCLGdCQUFnQjtxSEFHUCx1QkFBdUIsWUF2QmhDLFlBQVk7UUFDWixhQUFhO1FBQ2IsZUFBZTtRQUNmLGFBQWE7UUFDYiwyQkFBMkI7UUFDM0Isa0JBQWtCO1FBQ2xCLGFBQWE7UUFDYixzQkFBc0I7UUFDdEIsV0FBVzsyRkFlRix1QkFBdUI7a0JBekNuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix5QkFBeUI7d0JBQ3pCLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixzQkFBc0I7d0JBQ3RCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsMkJBQTJCO3dCQUMzQixrQkFBa0I7d0JBQ2xCLGFBQWE7d0JBQ2Isc0JBQXNCO3dCQUN0QixXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCx5QkFBeUI7d0JBQ3pCLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixzQkFBc0I7d0JBQ3RCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixnQkFBZ0I7cUJBQ2pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hlY2tib3hRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY2hlY2tib3gtcXVlc3Rpb24vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGF0ZVRpbWVDb21wb25lbnQgfSBmcm9tICcuL2RhdGUtdGltZS9kYXRlLXRpbWUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGV2aWNlQ29tcG9uZW50IH0gZnJvbSAnLi9kZXZpY2UvZGV2aWNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZpbGVVcGxvYWRDb21wb25lbnQgfSBmcm9tICcuL2ZpbGUtdXBsb2FkL2ZpbGUtdXBsb2FkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFByZXZpZXdDb21wb25lbnQgfSBmcm9tICcuL3ByZXZpZXcvcHJldmlldy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQcmV2aWV3Q29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9wcmV2aWV3LWNvbnRhaW5lci9wcmV2aWV3LWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBRdWlja1NldHRpbmdzQ29tcG9uZW50IH0gZnJvbSAnLi9xdWljay1zZXR0aW5ncy9xdWljay1zZXR0aW5ncy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBSYWRpb1F1ZXN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby1xdWVzdGlvbi9yYWRpby1xdWVzdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZWxlY3RRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXF1ZXN0aW9uL3NlbGVjdC1xdWVzdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaW5nbGVUZXh0Ym94Q29tcG9uZW50IH0gZnJvbSAnLi9zaW5nbGUtdGV4dGJveC9zaW5nbGUtdGV4dGJveC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vLi4vdWkta2l0L3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBGb3JtZ3JvdXBNb2R1bGUgfSBmcm9tICcuLi8uLi9mb3JtZ3JvdXAvZm9ybWdyb3VwLm1vZHVsZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJNb2R1bGUgfSBmcm9tICcuLi8uLi91aS1raXQvcG9wb3Zlci9wb3BvdmVyLm1vZHVsZSc7XHJcbmltcG9ydCB7IE5neE1hdGVyaWFsVGltZXBpY2tlck1vZHVsZSB9IGZyb20gJ25neC1tYXRlcmlhbC10aW1lcGlja2VyJztcclxuaW1wb3J0IHsgRHBEYXRlUGlja2VyTW9kdWxlIH0gZnJvbSAnbmcyLWRhdGUtcGlja2VyJztcclxuaW1wb3J0IHsgUGFnZUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgV2VsY29tZUNvbXBvbmVudCB9IGZyb20gJy4vd2VsY29tZS93ZWxjb21lLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFByZXZpZXdNb2R1bGUgfSBmcm9tICcuLi9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBTZWN0aW9uRGV0YWlsc0NvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi1kZXRhaWxzL3NlY3Rpb24tZGV0YWlscy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQaXBlc01vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3BpcGVzLm1vZHVsZSc7XHJcbmltcG9ydCB7IEdldFNlY3Rpb25PcmRlclBpcGUgfSBmcm9tICcuL3BpcGVzL2dldC1zZWN0aW9uLW9yZGVyLnBpcGUnO1xyXG5pbXBvcnQgeyBEZXNjcmlwdGlvblByZXZpZXdDb21wb25lbnQgfSBmcm9tICcuL2Rlc2NyaXB0aW9uLXByZXZpZXcvZGVzY3JpcHRpb24tcHJldmlldy5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENoZWNrYm94UXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBEYXRlVGltZUNvbXBvbmVudCxcclxuICAgIERldmljZUNvbXBvbmVudCxcclxuICAgIEZpbGVVcGxvYWRDb21wb25lbnQsXHJcbiAgICBQcmV2aWV3Q29tcG9uZW50LFxyXG4gICAgUHJldmlld0NvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIFJhZGlvUXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBTZWxlY3RRdWVzdGlvbkNvbXBvbmVudCxcclxuICAgIFNpbmdsZVRleHRib3hDb21wb25lbnQsXHJcbiAgICBQYWdlSGVhZGVyQ29tcG9uZW50LFxyXG4gICAgV2VsY29tZUNvbXBvbmVudCxcclxuICAgIFNlY3Rpb25EZXRhaWxzQ29tcG9uZW50LFxyXG4gICAgR2V0U2VjdGlvbk9yZGVyUGlwZSxcclxuICAgIERlc2NyaXB0aW9uUHJldmlld0NvbXBvbmVudCxcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFRvb2x0aXBNb2R1bGUsXHJcbiAgICBGb3JtZ3JvdXBNb2R1bGUsXHJcbiAgICBQb3BvdmVyTW9kdWxlLFxyXG4gICAgTmd4TWF0ZXJpYWxUaW1lcGlja2VyTW9kdWxlLFxyXG4gICAgRHBEYXRlUGlja2VyTW9kdWxlLFxyXG4gICAgUHJldmlld01vZHVsZSxcclxuICAgIFF1aWNrU2V0dGluZ3NDb21wb25lbnQsXHJcbiAgICBQaXBlc01vZHVsZSxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIENoZWNrYm94UXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBEYXRlVGltZUNvbXBvbmVudCxcclxuICAgIERldmljZUNvbXBvbmVudCxcclxuICAgIEZpbGVVcGxvYWRDb21wb25lbnQsXHJcbiAgICBQcmV2aWV3Q29tcG9uZW50LFxyXG4gICAgUHJldmlld0NvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIFJhZGlvUXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBTZWxlY3RRdWVzdGlvbkNvbXBvbmVudCxcclxuICAgIFNpbmdsZVRleHRib3hDb21wb25lbnQsXHJcbiAgICBXZWxjb21lQ29tcG9uZW50LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBc3Nlc3NtZW50UHJldmlld01vZHVsZSB7fVxyXG4iXX0=
|
|
@@ -5,6 +5,7 @@ import * as i1 from "@angular/common";
|
|
|
5
5
|
import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
|
|
6
6
|
import * as i3 from "../../../formgroup/cs-checkbox/cs-checkbox.component";
|
|
7
7
|
import * as i4 from "../quick-settings/quick-settings.component";
|
|
8
|
+
import * as i5 from "../description-preview/description-preview.component";
|
|
8
9
|
export class CheckboxQuestionComponent {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.choicesForPreviewMode = [];
|
|
@@ -20,13 +21,13 @@ export class CheckboxQuestionComponent {
|
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
CheckboxQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
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 <
|
|
24
|
+
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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i4.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i5.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxQuestionComponent, decorators: [{
|
|
25
26
|
type: Component,
|
|
26
|
-
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 <
|
|
27
|
+
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"] }]
|
|
27
28
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
28
29
|
type: Input
|
|
29
30
|
}], questionIndex: [{
|
|
30
31
|
type: Input
|
|
31
32
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvY2hlY2tib3gtcXVlc3Rpb24vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvY2hlY2tib3gtcXVlc3Rpb24vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7OztBQU9qQyxNQUFNLE9BQU8seUJBQXlCO0lBS3BDO1FBREEsMEJBQXFCLEdBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQztRQUNuRCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxLQUFLLElBQUksRUFBRTtZQUNwQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQ0QsU0FBUztRQUNQLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFDbkUsQ0FBQzs7c0hBZlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsK0hDUnRDLHFrRkF5RUE7MkZEakVhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBTXhCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBzaHVmZmxlIH0gZnJvbSAnbG9kYXNoJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNoZWNrYm94LXF1ZXN0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LXF1ZXN0aW9uLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENoZWNrYm94UXVlc3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBxdWVzdGlvbiAhOmFueTtcclxuICBASW5wdXQoKSBxdWVzdGlvbkluZGV4ICE6bnVtYmVyO1xyXG4gIGNob2ljZXNGb3JQcmV2aWV3TW9kZSA6IGFueSA9IFtdO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUgPSB0aGlzLnF1ZXN0aW9uLmNob2ljZXM7XHJcbiAgICBpZiAodGhpcy5xdWVzdGlvbi5yYW5kb21pemUgPT09IHRydWUpIHtcclxuICAgICAgdGhpcy5yYW5kb21pemUoKTtcclxuICAgIH1cclxuICB9XHJcbiAgcmFuZG9taXplKCkge1xyXG4gICAgdGhpcy5jaG9pY2VzRm9yUHJldmlld01vZGUgPSBzaHVmZmxlKHRoaXMuY2hvaWNlc0ZvclByZXZpZXdNb2RlKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9jayB2eC1tYi0xIHZ4LXAtNFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1oZWFkaW5nIHZ4LXBiLTMgdngtbWItM1wiPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy0xMyB2eC1mdy00MDAgdngtbGFiZWwtdHh0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+e3sgcXVlc3Rpb25JbmRleCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJoZWFkaW5nXCI+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgY2xhc3M9XCJ2eC1mcy0xNiB2eC1sYWJlbC10eHQgdngtbGgtNlwiXHJcbiAgICAgICAgW2lubmVySFRNTF09XCJxdWVzdGlvbj8udGl0bGUgPT0gJycgPyAnUXVlc3Rpb24nIDogcXVlc3Rpb24/LnRpdGxlXCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcclxuICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTIwIHZ4LWZ3LTMwMCB2eC1tbC0xXCJcclxuICAgICAgICA+Kjwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lci1pbnNpZGUgdngtdy0xMDBcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICBxdWVzdGlvbj8uaGFzRGVzY3JpcHRpb24gJiYgcXVlc3Rpb24/LmRlc2NyaXB0aW9uPy50cmltKCkubGVuZ3RoID4gMFxyXG4gICAgICAgIFwiXHJcbiAgICAgID5cclxuICAgICAgICA8YXBwLWRlc2NyaXB0aW9uLXByZXZpZXdcclxuICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cInF1ZXN0aW9uSW5kZXhcIlxyXG4gICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cInF1ZXN0aW9uPy5kZXNjcmlwdGlvblwiXHJcbiAgICAgICAgPjwvYXBwLWRlc2NyaXB0aW9uLXByZXZpZXc+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tb3B0aW9uXCI+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwiY2hlY2tib3gtbGlzdCB2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgICAgICA8bGlcclxuICAgICAgICAgICAgY2xhc3M9XCJ2eC1tdC0xXCJcclxuICAgICAgICAgICAgKm5nRm9yPVwiXHJcbiAgICAgICAgICAgICAgbGV0IGNob2ljZSBvZiBjaG9pY2VzRm9yUHJldmlld01vZGU7XHJcbiAgICAgICAgICAgICAgbGV0IGNob2ljZUluZGV4ID0gaW5kZXhcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveD5cclxuICAgICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjaGVja2JveC12YWx1ZSB2eC1mcy0xMyB2eC1sYWJlbC10eHQgdngtZnctNDAwXCJcclxuICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cImNob2ljZT8udGl0bGVcIlxyXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICA+e3sgY2hvaWNlPy50aXRsZSA/IGNob2ljZT8udGl0bGUgOiBcIk9wdGlvblwiIH19PC9zcGFuXHJcbiAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L2FwcC1jcy1jaGVja2JveD5cclxuICAgICAgICAgIDwvbGk+XHJcblxyXG4gICAgICAgICAgPGxpIGNsYXNzPVwidngtbXQtMVwiICpuZ0lmPVwicXVlc3Rpb24/Lmhhc090aGVyXCI+XHJcbiAgICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY2hlY2tib3gtdmFsdWUgdngtZnMtMTMgdngtbGFiZWwtdHh0IHZ4LWZ3LTQwMFwiXHJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJxdWVzdGlvbi5vdGhlclZhbHVlXCJcclxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgPnt7IHF1ZXN0aW9uLm90aGVyVmFsdWUgfX08L3NwYW5cclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLXF1aWNrU2V0dGluZ3NcIj5cclxuICAgICAgPGFwcC1xdWljay1zZXR0aW5ncyBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIj48L2FwcC1xdWljay1zZXR0aW5ncz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -5,6 +5,7 @@ import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
|
|
|
5
5
|
import * as i3 from "ngx-material-timepicker";
|
|
6
6
|
import * as i4 from "ng2-date-picker";
|
|
7
7
|
import * as i5 from "../quick-settings/quick-settings.component";
|
|
8
|
+
import * as i6 from "../description-preview/description-preview.component";
|
|
8
9
|
export class DateTimeComponent {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.datepickerOverlay = false;
|
|
@@ -21,10 +22,10 @@ export class DateTimeComponent {
|
|
|
21
22
|
}
|
|
22
23
|
}
|
|
23
24
|
DateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.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: i3.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "value", "min", "max", "ngxTimepicker", "disabled", "disableClick"] }, { kind: "component", type: i4.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: i5.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] });
|
|
25
|
+
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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.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: i3.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "value", "min", "max", "ngxTimepicker", "disabled", "disableClick"] }, { kind: "component", type: i4.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: i5.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i6.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
25
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateTimeComponent, decorators: [{
|
|
26
27
|
type: Component,
|
|
27
|
-
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"] }]
|
|
28
|
+
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"] }]
|
|
28
29
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
29
30
|
type: Input
|
|
30
31
|
}], questionIndex: [{
|
|
@@ -33,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
33
34
|
type: ViewChild,
|
|
34
35
|
args: ['datePicker']
|
|
35
36
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2RhdGUtdGltZS9kYXRlLXRpbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZGF0ZS10aW1lL2RhdGUtdGltZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU3BFLE1BQU0sT0FBTyxpQkFBaUI7SUFPNUI7UUFIQSxzQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFHVixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ2pDLENBQUM7OzhHQXBCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpT0NUOUIsMjBJQWlIQTsyRkR4R2EsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDbUIsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGF0ZVBpY2tlckNvbXBvbmVudCB9IGZyb20gJ25nMi1kYXRlLXBpY2tlcic7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZGF0ZS10aW1lJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZS10aW1lLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kYXRlLXRpbWUuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZVRpbWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uICE6IGFueTtcclxuICBASW5wdXQoKSBxdWVzdGlvbkluZGV4ICE6YW55O1xyXG4gIEBWaWV3Q2hpbGQoJ2RhdGVQaWNrZXInKSBkYXRlUGlja2VyITogRGF0ZVBpY2tlckNvbXBvbmVudDtcclxuICBkYXRlcGlja2VyT3ZlcmxheSA9IGZhbHNlO1xyXG5cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBvcGVuRGF0ZVBpY2tlcigpIHtcclxuICAgIHRoaXMuZGF0ZVBpY2tlcj8uYXBpPy5vcGVuKCk7XHJcbiAgICB0aGlzLmRhdGVwaWNrZXJPdmVybGF5ID0gdHJ1ZTtcclxuICB9XHJcbiAgXHJcbiAgY2xvc2VEYXRlcGlja2VyKCkge1xyXG4gICAgdGhpcy5kYXRlUGlja2VyPy5hcGk/LmNsb3NlKCk7XHJcbiAgICB0aGlzLmRhdGVwaWNrZXJPdmVybGF5ID0gZmFsc2U7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2sgdngtbWItMSB2eC1wLTRcIj5cclxuICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24taGVhZGluZyB2eC1wYi0zIHZ4LW1iLTNcIj5cclxuICAgIDxzcGFuXHJcbiAgICAgIGNsYXNzPVwiY291bnQgdngtZnMtMTMgdngtZnctNDAwIHZ4LWxhYmVsLXR4dCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcclxuICAgICAgPnt7IHF1ZXN0aW9uSW5kZXggfX08L3NwYW5cclxuICAgID5cclxuICAgIDxzcGFuIGNsYXNzPVwiaGVhZGluZ1wiPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIFtpbm5lckhUTUxdPVwicXVlc3Rpb24/LnRpdGxlID09ICcnID8gJ1F1ZXN0aW9uJyA6IHF1ZXN0aW9uPy50aXRsZVwiXHJcbiAgICAgICAgY2xhc3M9XCJ2eC1mcy0xNiB2eC1sYWJlbC10eHQgdngtbGgtNlwiXHJcbiAgICAgID48L3NwYW4+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgKm5nSWY9XCJxdWVzdGlvbj8uaXNSZXF1aXJlZFwiXHJcbiAgICAgICAgY2xhc3M9XCJyZXF1aXJlZCB2eC1mcy0yMCB2eC1mdy0zMDAgdngtbWwtMVwiXHJcbiAgICAgICAgPio8L3NwYW5cclxuICAgICAgPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lciB2eC1kLWZsZXggdngtanVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24taW5uZXItaW5zaWRlXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAqbmdJZj1cIlxyXG4gICAgICAgICAgcXVlc3Rpb24/Lmhhc0Rlc2NyaXB0aW9uICYmIHF1ZXN0aW9uPy5kZXNjcmlwdGlvbj8udHJpbSgpLmxlbmd0aCA+IDBcclxuICAgICAgICBcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGFwcC1kZXNjcmlwdGlvbi1wcmV2aWV3XHJcbiAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJxdWVzdGlvbkluZGV4XCJcclxuICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJxdWVzdGlvbj8uZGVzY3JpcHRpb25cIlxyXG4gICAgICAgID48L2FwcC1kZXNjcmlwdGlvbi1wcmV2aWV3PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLW9wdGlvblwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0Ym94LWdyb3VwIHZ4LW10LTVcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cCB2eC1kLWZsZXggdngtbWItMlwiICpuZ0lmPVwicXVlc3Rpb24/Lmhhc0RhdGVcIj5cclxuICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICBjbGFzcz1cImxhYmVsIHZ4LWJnLWdyZXkgdngtbGFiZWwtdHh0IHZ4LWxoLTI0IHZ4LWQtZmxleCB2eC10dC11cHBlcmNhc2UgdngtZnMtMTEgdngtdGV4dC1jZW50ZXIgdngtcC0yIHZ4LWp1c3RpZnktY2VudGVyIHZ4LWFsaWduLWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgPjxzcGFuXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInZ4LWQtYmxvY2tcIlxyXG4gICAgICAgICAgICAgICAgW2FwcFRvb2x0aXBdPVwiXHJcbiAgICAgICAgICAgICAgICAgIHF1ZXN0aW9uPy5kYXRlPy50aXRsZSA9PSAnJ1xyXG4gICAgICAgICAgICAgICAgICAgID8gJ0RhdGUgTGFiZWwnXHJcbiAgICAgICAgICAgICAgICAgICAgOiBxdWVzdGlvbj8uZGF0ZT8udGl0bGVcclxuICAgICAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXHJcbiAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcclxuICAgICAgICAgICAgICAgID57e1xyXG4gICAgICAgICAgICAgICAgICBxdWVzdGlvbj8uZGF0ZT8udGl0bGUgPT0gXCJcIlxyXG4gICAgICAgICAgICAgICAgICAgID8gXCJEYXRlIExhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICA6IHF1ZXN0aW9uPy5kYXRlPy50aXRsZVxyXG4gICAgICAgICAgICAgICAgfX08L3NwYW5cclxuICAgICAgICAgICAgICA+PC9zcGFuXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRhdGUtdGltZS1hcmVhXCI+XHJcbiAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNCB2eC1wYXJhZ3JhcGgtdHh0XCI+JiN4ZTk5Njs8L2k+XHJcbiAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRhdGVQaWNrZXJcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5EYXRlUGlja2VyKClcIlxyXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgRGF0ZVwiXHJcbiAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8ZHAtZGF0ZS1waWNrZXJcclxuICAgICAgICAgICAgICAgICNkYXRlUGlja2VyXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBEYXRlXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvcGVuRGF0ZVBpY2tlcigpXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbG9zZURhdGVwaWNrZXIoKVwiXHJcbiAgICAgICAgICAgICAgPjwvZHAtZGF0ZS1waWNrZXI+XHJcbiAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJvdmVybGF5XCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbG9zZURhdGVwaWNrZXIoKVwiXHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImRhdGVwaWNrZXJPdmVybGF5XCJcclxuICAgICAgICAgICAgICA+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAgdngtZC1mbGV4IHZ4LW1iLTEwXCIgKm5nSWY9XCJxdWVzdGlvbj8uaGFzVGltZVwiPlxyXG4gICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgIGNsYXNzPVwibGFiZWwgdngtYmctZ3JleSB2eC1sYWJlbC10eHQgdngtbGgtMjQgdngtZC1mbGV4IHZ4LXR0LXVwcGVyY2FzZSB2eC1mcy0xMSB2eC10ZXh0LWNlbnRlciB2eC1wLTIgdngtanVzdGlmeS1jZW50ZXIgdngtYWxpZ24tY2VudGVyXCJcclxuICAgICAgICAgICAgICA+PHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwidngtZC1ibG9ja1wiXHJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJcclxuICAgICAgICAgICAgICAgICAgcXVlc3Rpb24/LnRpbWU/LnRpdGxlID09ICcnXHJcbiAgICAgICAgICAgICAgICAgICAgPyAnVGltZSBMYWJlbCdcclxuICAgICAgICAgICAgICAgICAgICA6IHF1ZXN0aW9uPy50aW1lPy50aXRsZVxyXG4gICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgPnt7XHJcbiAgICAgICAgICAgICAgICAgIHF1ZXN0aW9uPy50aW1lPy50aXRsZSA9PSBcIlwiXHJcbiAgICAgICAgICAgICAgICAgICAgPyBcIlRpbWUgTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgIDogcXVlc3Rpb24/LnRpbWU/LnRpdGxlXHJcbiAgICAgICAgICAgICAgICB9fTwvc3BhblxyXG4gICAgICAgICAgICAgID48L3NwYW5cclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0ZS10aW1lLWFyZWFcIj5cclxuICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCIxMmhyIGZvcm1hdFwiXHJcbiAgICAgICAgICAgICAgICBbbmd4VGltZXBpY2tlcl09XCJ0aW1lT25seVwiXHJcbiAgICAgICAgICAgICAgICByZWFkb25seVxyXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgVGltZVwiXHJcbiAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE0IHZ4LXBhcmFncmFwaC10eHRcIj4mI3hlOTU1OzwvaT5cclxuICAgICAgICAgICAgICA8bmd4LW1hdGVyaWFsLXRpbWVwaWNrZXIgI3RpbWVPbmx5Pjwvbmd4LW1hdGVyaWFsLXRpbWVwaWNrZXI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tcXVpY2tTZXR0aW5nc1wiPlxyXG4gICAgICA8YXBwLXF1aWNrLXNldHRpbmdzIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiPjwvYXBwLXF1aWNrLXNldHRpbmdzPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../../../pipes/is-read-more.pipe";
|
|
5
|
+
export class DescriptionPreviewComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.description = '';
|
|
8
|
+
this.isExpand = false;
|
|
9
|
+
}
|
|
10
|
+
toggleExpansion() {
|
|
11
|
+
this.isExpand = !this.isExpand;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
DescriptionPreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DescriptionPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.IsReadMorePipe, name: "isReadMore" }] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DescriptionPreviewComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
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"] }]
|
|
19
|
+
}], propDecorators: { questionIndex: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], description: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tcHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtcHJldmlldy9kZXNjcmlwdGlvbi1wcmV2aWV3L2Rlc2NyaXB0aW9uLXByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZGVzY3JpcHRpb24tcHJldmlldy9kZXNjcmlwdGlvbi1wcmV2aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFPVyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUNsQyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBSzNCO0lBSEMsZUFBZTtRQUNiLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7O3dIQVBVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHVJQ1B4QyxveEJBc0JBOzJGRGZhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBSzFCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWRlc2NyaXB0aW9uLXByZXZpZXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXNjcmlwdGlvbi1wcmV2aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kZXNjcmlwdGlvbi1wcmV2aWV3LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEZXNjcmlwdGlvblByZXZpZXdDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uSW5kZXghOiBudW1iZXI7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xyXG4gIGlzRXhwYW5kOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHRvZ2dsZUV4cGFuc2lvbigpIHtcclxuICAgIHRoaXMuaXNFeHBhbmQgPSAhdGhpcy5pc0V4cGFuZDtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIFtpZF09XCInZGVzY3JpcHRpb25fJyArIHF1ZXN0aW9uSW5kZXhcIlxyXG4gIGNsYXNzPVwiYXNzZXNzbWVudC1xdWVzdGlvbi1kZXNjcmlwdGlvbiB2eC1mcy0xMiB2eC1wYXJhZ3JhcGgtdHh0XCJcclxuICBbY2xhc3MuZXhwYW5kXT1cImlzRXhwYW5kXCJcclxuICBbaW5uZXJIVE1MXT1cImRlc2NyaXB0aW9uXCJcclxuPjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiYXNzZXNzbWVudC1xdWVzdGlvbi1kZXNjcmlwdGlvbi1idG4gdngtZC1mbGV4IHZ4LWp1c3RpZnktZW5kXCI+XHJcbiAgPGJ1dHRvblxyXG4gICAgKm5nSWY9XCIoJ2Rlc2NyaXB0aW9uXycgKyBxdWVzdGlvbkluZGV4IHwgaXNSZWFkTW9yZSA6IDM3KSAmJiAhaXNFeHBhbmRcIlxyXG4gICAgKGNsaWNrKT1cInRvZ2dsZUV4cGFuc2lvbigpXCJcclxuICAgIGNsYXNzPVwidngtZnMtOCB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1tLTBcIlxyXG4gID5cclxuICAgIFJlYWQgTW9yZVxyXG4gIDwvYnV0dG9uPlxyXG4gIDxidXR0b25cclxuICAgICpuZ0lmPVwiaXNFeHBhbmQgJiYgKCdkZXNjcmlwdGlvbl8nICsgcXVlc3Rpb25JbmRleCB8IGlzUmVhZE1vcmUgOiAzNylcIlxyXG4gICAgKGNsaWNrKT1cInRvZ2dsZUV4cGFuc2lvbigpXCJcclxuICAgIGNsYXNzPVwidngtZnMtOCB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1tLTBcIlxyXG4gID5cclxuICAgIFNob3cgTGVzc1xyXG4gIDwvYnV0dG9uPlxyXG48L2Rpdj5cclxuIl19
|
package/esm2020/lib/sharedComponents/assessment-preview/file-upload/file-upload.component.mjs
CHANGED
|
@@ -3,19 +3,20 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
|
|
5
5
|
import * as i3 from "../quick-settings/quick-settings.component";
|
|
6
|
+
import * as i4 from "../description-preview/description-preview.component";
|
|
6
7
|
export class FileUploadComponent {
|
|
7
8
|
constructor() { }
|
|
8
9
|
ngOnInit() {
|
|
9
10
|
}
|
|
10
11
|
}
|
|
11
12
|
FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
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 <
|
|
13
|
+
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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i4.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
|
-
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 <
|
|
16
|
+
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"] }]
|
|
16
17
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
17
18
|
type: Input
|
|
18
19
|
}], questionIndex: [{
|
|
19
20
|
type: Input
|
|
20
21
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU96RCxNQUFNLE9BQU8sbUJBQW1CO0lBRzlCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOztnSEFOVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix5SENQaEMsNjZGQThFQTsyRkR2RWEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjswRUFLbEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1maWxlLXVwbG9hZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9maWxlLXVwbG9hZC5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBxdWVzdGlvbiAhOiBhbnk7XHJcbiAgQElucHV0KCkgcXVlc3Rpb25JbmRleCAhOmFueTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9jayB2eC1tYi0xIHZ4LXAtNFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1oZWFkaW5nIHZ4LXBiLTMgdngtbWItM1wiPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy0xMyB2eC1mdy00MDAgdngtbGFiZWwtdHh0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+e3sgcXVlc3Rpb25JbmRleCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJoZWFkaW5nXCI+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgY2xhc3M9XCJ2eC1mcy0xNiB2eC1sYWJlbC10eHQgdngtbGgtNlwiXHJcbiAgICAgICAgW2lubmVySFRNTF09XCJxdWVzdGlvbj8udGl0bGUgPT0gJycgPyAnUXVlc3Rpb24nIDogcXVlc3Rpb24/LnRpdGxlXCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcclxuICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTIwIHZ4LWZ3LTMwMCB2eC1tbC0xXCJcclxuICAgICAgICA+Kjwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lci1pbnNpZGVcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICBxdWVzdGlvbj8uaGFzRGVzY3JpcHRpb24gJiYgcXVlc3Rpb24/LmRlc2NyaXB0aW9uPy50cmltKCkubGVuZ3RoID4gMFxyXG4gICAgICAgIFwiXHJcbiAgICAgID5cclxuICAgICAgICA8YXBwLWRlc2NyaXB0aW9uLXByZXZpZXdcclxuICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cInF1ZXN0aW9uSW5kZXhcIlxyXG4gICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cInF1ZXN0aW9uPy5kZXNjcmlwdGlvblwiXHJcbiAgICAgICAgPjwvYXBwLWRlc2NyaXB0aW9uLXByZXZpZXc+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tb3B0aW9uXCI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJjdXN0b20tZmlsZS11cGxvYWQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1tdC01IHZ4LXAtMVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgLz5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWUgdngtZnMtMTEgdngtbGFiZWwtdHh0IHZ4LWQtYmxvY2sgdngtcGwtMlwiXHJcbiAgICAgICAgICAgID5TZWxlY3QgZmlsZTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgY2xhc3M9XCJidXR0b24gdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC10eHQtd2hpdGUgdngtYmctYmx1ZSB2eC1mcy0xMiB2eC10dC11cHBlcmNhc2VcIlxyXG4gICAgICAgICAgICA+QnJvd3NlPC9zcGFuXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwiZmlsZS1saXN0IHZ4LXAtMCB2eC1wdC01IHZ4LW0tMFwiICpuZ0lmPVwiZmFsc2VcIj5cclxuICAgICAgICAgIDxsaSBjbGFzcz1cImZpbGUgdngtcGItMVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsZS1ib3ggdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1wdC0yIHZ4LXBiLTJcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbGUgcGRmXCI+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTkyZTs8L2k+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvcm1hdFwiPnBkZjwvc3Bhbj5cclxuICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmaWxlLW5hbWUgdngtZnMtMTIgdngtbGFiZWwtdHh0XCJcclxuICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cIidmaWxlLW5hbWUucGRmJ1wiXHJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXHJcbiAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICBmaWxlLW5hbWUucGRmXHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkZWxldGUtYnRuIHZ4LWZzLTE0IHZ4LXR4dC1yZWQgdngtcC0wIHZ4LW0tMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LW1sLTNcIj4mI3hlOTIzOzwvaT5cclxuICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwidHJ1ZVwiIGNsYXNzPVwibGluZS1wcm9ncmVzc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtcHJvZ3Jlc3MtYmFyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLXF1aWNrU2V0dGluZ3NcIj5cclxuICAgICAgPGFwcC1xdWljay1zZXR0aW5ncyBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIj48L2FwcC1xdWljay1zZXR0aW5ncz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|