vcomply-workflow-engine 3.5.0 → 3.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/sharedComponents/assessment-editor/components/logic-questions/logic-date-time/logic-date-time.component.mjs +3 -4
- package/esm2020/lib/sharedComponents/assessment-editor/components/logic-questions/logic-questions.module.mjs +8 -10
- package/esm2020/lib/sharedComponents/assessment-editor/components/preview/preview-date-time/preview-date-time.component.mjs +3 -4
- package/esm2020/lib/sharedComponents/assessment-editor/components/preview/preview.module.mjs +5 -5
- package/esm2020/lib/sharedComponents/assessment-preview/assessment-preview.module.mjs +5 -5
- package/esm2020/lib/sharedComponents/assessment-preview/date-time/date-time.component.mjs +6 -7
- package/esm2020/lib/workflow-compliance/workflow-compliance.component.mjs +24 -25
- package/esm2020/lib/workflow-engine.module.mjs +5 -5
- package/fesm2015/vcomply-workflow-engine.mjs +23 -27
- package/fesm2015/vcomply-workflow-engine.mjs.map +1 -1
- package/fesm2020/vcomply-workflow-engine.mjs +23 -27
- package/fesm2020/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/sharedComponents/assessment-editor/components/logic-questions/logic-questions.module.d.ts +1 -2
- package/lib/sharedComponents/assessment-editor/components/preview/preview.module.d.ts +3 -4
- package/lib/sharedComponents/assessment-preview/assessment-preview.module.d.ts +5 -6
- package/lib/workflow-engine.module.d.ts +23 -24
- package/package.json +1 -1
|
@@ -2,10 +2,9 @@ import { Component, Input, ViewChild } from '@angular/core';
|
|
|
2
2
|
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
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "../
|
|
8
|
-
import * as i6 from "../description-preview/description-preview.component";
|
|
5
|
+
import * as i3 from "ng2-date-picker";
|
|
6
|
+
import * as i4 from "../quick-settings/quick-settings.component";
|
|
7
|
+
import * as i5 from "../description-preview/description-preview.component";
|
|
9
8
|
export class DateTimeComponent {
|
|
10
9
|
constructor() {
|
|
11
10
|
this.datepickerOverlay = false;
|
|
@@ -22,10 +21,10 @@ export class DateTimeComponent {
|
|
|
22
21
|
}
|
|
23
22
|
}
|
|
24
23
|
DateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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: ["cancelBtnTmpl", "editableHintTmpl", "confirmBtnTmpl", "ESC", "enableKeyboardInput", "preventOverlayClick", "disableAnimation", "appendToInput", "hoursOnly", "defaultTime", "timepickerClass", "theme", "min", "max", "ngxMaterialTimepickerTheme", "format", "minutesGap"], outputs: ["timeSet", "opened", "closed", "hourSelected", "timeChanged"] }, { kind: "directive", type: i3.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "min", "max", "ngxTimepicker", "value", "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"] }] });
|
|
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 <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.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: i4.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i5.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] });
|
|
26
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateTimeComponent, decorators: [{
|
|
27
26
|
type: Component,
|
|
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"] }]
|
|
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 <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"] }]
|
|
29
28
|
}], ctorParameters: function () { return []; }, propDecorators: { question: [{
|
|
30
29
|
type: Input
|
|
31
30
|
}], questionIndex: [{
|
|
@@ -34,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
34
33
|
type: ViewChild,
|
|
35
34
|
args: ['datePicker']
|
|
36
35
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2RhdGUtdGltZS9kYXRlLXRpbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZGF0ZS10aW1lL2RhdGUtdGltZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTcEUsTUFBTSxPQUFPLGlCQUFpQjtJQU81QjtRQUhBLHNCQUFpQixHQUFHLEtBQUssQ0FBQztJQUdWLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUM7UUFDN0IsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFDakMsQ0FBQzs7OEdBcEJVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlPQ1Q5QixvMUlBaUhBOzJGRHhHYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZTswRUFLaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNtQixVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEYXRlUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnbmcyLWRhdGUtcGlja2VyJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1kYXRlLXRpbWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXRpbWUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RhdGUtdGltZS5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRlVGltZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgcXVlc3Rpb24gITogYW55O1xyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uSW5kZXggITphbnk7XHJcbiAgQFZpZXdDaGlsZCgnZGF0ZVBpY2tlcicpIGRhdGVQaWNrZXIhOiBEYXRlUGlja2VyQ29tcG9uZW50O1xyXG4gIGRhdGVwaWNrZXJPdmVybGF5ID0gZmFsc2U7XHJcblxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIG9wZW5EYXRlUGlja2VyKCkge1xyXG4gICAgdGhpcy5kYXRlUGlja2VyPy5hcGk/Lm9wZW4oKTtcclxuICAgIHRoaXMuZGF0ZXBpY2tlck92ZXJsYXkgPSB0cnVlO1xyXG4gIH1cclxuICBcclxuICBjbG9zZURhdGVwaWNrZXIoKSB7XHJcbiAgICB0aGlzLmRhdGVQaWNrZXI/LmFwaT8uY2xvc2UoKTtcclxuICAgIHRoaXMuZGF0ZXBpY2tlck92ZXJsYXkgPSBmYWxzZTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9jayB2eC1tYi0xIHZ4LXAtNFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1oZWFkaW5nIHZ4LXBiLTMgdngtbWItM1wiPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy0xMyB2eC1mdy00MDAgdngtbGFiZWwtdHh0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+e3sgcXVlc3Rpb25JbmRleCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJoZWFkaW5nXCI+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgW2lubmVySFRNTF09XCJxdWVzdGlvbj8udGl0bGUgPT0gJycgPyAnUXVlc3Rpb24nIDogcXVlc3Rpb24/LnRpdGxlXCJcclxuICAgICAgICBjbGFzcz1cInZ4LWZzLTE2IHZ4LWxhYmVsLXR4dCB2eC1saC02XCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcclxuICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTIwIHZ4LWZ3LTMwMCB2eC1tbC0xXCJcclxuICAgICAgICA+Kjwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1pbm5lci1pbnNpZGVcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICBxdWVzdGlvbj8uaGFzRGVzY3JpcHRpb24gJiYgcXVlc3Rpb24/LmRlc2NyaXB0aW9uPy50cmltKCkubGVuZ3RoID4gMFxyXG4gICAgICAgIFwiXHJcbiAgICAgID5cclxuICAgICAgICA8YXBwLWRlc2NyaXB0aW9uLXByZXZpZXdcclxuICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cInF1ZXN0aW9uSW5kZXhcIlxyXG4gICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cInF1ZXN0aW9uPy5kZXNjcmlwdGlvblwiXHJcbiAgICAgICAgPjwvYXBwLWRlc2NyaXB0aW9uLXByZXZpZXc+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tb3B0aW9uXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHRib3gtZ3JvdXAgdngtbXQtNVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwIHZ4LWQtZmxleCB2eC1tYi0yXCIgKm5nSWY9XCJxdWVzdGlvbj8uaGFzRGF0ZVwiPlxyXG4gICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgIGNsYXNzPVwibGFiZWwgdngtYmctZ3JleSB2eC1sYWJlbC10eHQgdngtbGgtMjQgdngtZC1mbGV4IHZ4LXR0LXVwcGVyY2FzZSB2eC1mcy0xMSB2eC10ZXh0LWNlbnRlciB2eC1wLTIgdngtanVzdGlmeS1jZW50ZXIgdngtYWxpZ24tY2VudGVyXCJcclxuICAgICAgICAgICAgICA+PHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwidngtZC1ibG9ja1wiXHJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJcclxuICAgICAgICAgICAgICAgICAgcXVlc3Rpb24/LmRhdGU/LnRpdGxlID09ICcnXHJcbiAgICAgICAgICAgICAgICAgICAgPyAnRGF0ZSBMYWJlbCdcclxuICAgICAgICAgICAgICAgICAgICA6IHF1ZXN0aW9uPy5kYXRlPy50aXRsZVxyXG4gICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgPnt7XHJcbiAgICAgICAgICAgICAgICAgIHF1ZXN0aW9uPy5kYXRlPy50aXRsZSA9PSBcIlwiXHJcbiAgICAgICAgICAgICAgICAgICAgPyBcIkRhdGUgTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgIDogcXVlc3Rpb24/LmRhdGU/LnRpdGxlXHJcbiAgICAgICAgICAgICAgICB9fTwvc3BhblxyXG4gICAgICAgICAgICAgID48L3NwYW5cclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0ZS10aW1lLWFyZWFcIj5cclxuICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE0IHZ4LXBhcmFncmFwaC10eHRcIj4mI3hlOTk2OzwvaT5cclxuICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZGF0ZVBpY2tlclwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib3BlbkRhdGVQaWNrZXIoKVwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBEYXRlXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDxkcC1kYXRlLXBpY2tlclxyXG4gICAgICAgICAgICAgICAgI2RhdGVQaWNrZXJcclxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IERhdGVcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5EYXRlUGlja2VyKClcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRGF0ZXBpY2tlcigpXCJcclxuICAgICAgICAgICAgICA+PC9kcC1kYXRlLXBpY2tlcj5cclxuICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm92ZXJsYXlcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRGF0ZXBpY2tlcigpXCJcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0ZXBpY2tlck92ZXJsYXlcIlxyXG4gICAgICAgICAgICAgID48L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cCB2eC1kLWZsZXggdngtbWItMTBcIiAqbmdJZj1cInF1ZXN0aW9uPy5oYXNUaW1lXCI+XHJcbiAgICAgICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJsYWJlbCB2eC1iZy1ncmV5IHZ4LWxhYmVsLXR4dCB2eC1saC0yNCB2eC1kLWZsZXggdngtdHQtdXBwZXJjYXNlIHZ4LWZzLTExIHZ4LXRleHQtY2VudGVyIHZ4LXAtMiB2eC1qdXN0aWZ5LWNlbnRlciB2eC1hbGlnbi1jZW50ZXJcIlxyXG4gICAgICAgICAgICAgID48c3BhblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ2eC1kLWJsb2NrXCJcclxuICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cIlxyXG4gICAgICAgICAgICAgICAgICBxdWVzdGlvbj8udGltZT8udGl0bGUgPT0gJydcclxuICAgICAgICAgICAgICAgICAgICA/ICdUaW1lIExhYmVsJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogcXVlc3Rpb24/LnRpbWU/LnRpdGxlXHJcbiAgICAgICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICA+e3tcclxuICAgICAgICAgICAgICAgICAgcXVlc3Rpb24/LnRpbWU/LnRpdGxlID09IFwiXCJcclxuICAgICAgICAgICAgICAgICAgICA/IFwiVGltZSBMYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgOiBxdWVzdGlvbj8udGltZT8udGl0bGVcclxuICAgICAgICAgICAgICAgIH19PC9zcGFuXHJcbiAgICAgICAgICAgICAgPjwvc3BhblxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImRhdGUtdGltZS1hcmVhXCI+XHJcbiAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiMTJociBmb3JtYXRcIlxyXG4gICAgICAgICAgICAgICAgW25neFRpbWVwaWNrZXJdPVwidGltZU9ubHlcIlxyXG4gICAgICAgICAgICAgICAgcmVhZG9ubHlcclxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IFRpbWVcIlxyXG4gICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNCB2eC1wYXJhZ3JhcGgtdHh0XCI+JiN4ZTk1NTs8L2k+XHJcbiAgICAgICAgICAgICAgPG5neC1tYXRlcmlhbC10aW1lcGlja2VyICN0aW1lT25seT48L25neC1tYXRlcmlhbC10aW1lcGlja2VyPlxyXG4gICAgICAgICAgICA8L2Rpdj4gLS0+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1xdWlja1NldHRpbmdzXCI+XHJcbiAgICAgIDxhcHAtcXVpY2stc2V0dGluZ3MgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCI+PC9hcHAtcXVpY2stc2V0dGluZ3M+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|