vcomply-workflow-engine 6.1.49 → 6.1.51
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/esm2022/lib/constants/common.constants.mjs +2 -1
- package/esm2022/lib/pipes/pipes.module.mjs +10 -5
- package/esm2022/lib/pipes/responsibility-checked.pipe.mjs +19 -0
- package/esm2022/lib/services/common.service.mjs +15 -1
- package/esm2022/lib/sharedComponents/assessment-list/assessment-list.component.mjs +3 -3
- package/esm2022/lib/sharedComponents/assessment-preview/preview/preview.component.mjs +6 -3
- package/esm2022/lib/sharedComponents/frequency/frequency-container/frequency-container.component.mjs +5 -3
- package/esm2022/lib/sharedComponents/frequency/frequency-on-completion-of/frequency-on-completion-of.component.mjs +9 -12
- package/esm2022/lib/sharedComponents/frequency/frequency-responsibility-list/frequency-responsibility-list.component.mjs +53 -23
- package/esm2022/lib/sharedComponents/frequency/frequency-responsibility-list/sub-responsibility/sub-responsibility.component.mjs +7 -3
- package/esm2022/lib/sharedComponents/frequency/frequency.service.mjs +8 -4
- package/esm2022/lib/ui-kit/avatar-v2/avatar-v2.component.mjs +1 -2
- package/esm2022/lib/workflow-compliance/workflow-compliance.component.mjs +18 -3
- package/esm2022/lib/workflow-engine-container/workflow-engine-container.component.mjs +1 -2
- package/esm2022/lib/workflow-policy/workflow-policy.component.mjs +1 -1
- package/esm2022/lib/workflow-program/create-program-ui/assessment-picker/assessment-picker.component.mjs +1 -1
- package/fesm2022/vcomply-workflow-engine.mjs +126 -39
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/constants/common.constants.d.ts +1 -0
- package/lib/pipes/pipes.module.d.ts +3 -2
- package/lib/pipes/responsibility-checked.pipe.d.ts +7 -0
- package/lib/services/common.service.d.ts +9 -0
- package/lib/sharedComponents/assessment-preview/preview/preview.component.d.ts +2 -1
- package/lib/sharedComponents/frequency/frequency-container/frequency-container.component.d.ts +2 -1
- package/lib/sharedComponents/frequency/frequency-on-completion-of/frequency-on-completion-of.component.d.ts +2 -2
- package/lib/sharedComponents/frequency/frequency-responsibility-list/frequency-responsibility-list.component.d.ts +5 -2
- package/lib/sharedComponents/frequency/frequency-responsibility-list/sub-responsibility/sub-responsibility.component.d.ts +2 -1
- package/lib/workflow-compliance/workflow-compliance.component.d.ts +2 -0
- package/lib/workflow-risk/workflow-risk.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -17,6 +17,7 @@ import * as i14 from "../section-details/section-details.component";
|
|
|
17
17
|
import * as i15 from "../pipes/get-section-order.pipe";
|
|
18
18
|
export class PreviewComponent {
|
|
19
19
|
constructor() {
|
|
20
|
+
this.isFullScreen = false;
|
|
20
21
|
this.previewBack = new EventEmitter();
|
|
21
22
|
this.pageData = [];
|
|
22
23
|
this.selectedDevice = 'DESKTOP';
|
|
@@ -49,14 +50,16 @@ export class PreviewComponent {
|
|
|
49
50
|
});
|
|
50
51
|
}
|
|
51
52
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewComponent, selector: "app-preview", inputs: { questionData: "questionData" }, outputs: { previewBack: "previewBack" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\n <div\n class=\"preview-page-heading vx-fs-14 vx-fw-500 vx-label-txt vx-pl-3 vx-pr-3 vx-mb-5 vx-d-flex vx-align-center\"\n >\n Preview\n <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\"\n >(<span\n class=\"value\"\n [appTooltip]=\"questionData?.assessment_name\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >{{ questionData?.assessment_name }}</span\n >)</span\n >\n </div>\n\n <div\n class=\"preview-page-mid\"\n [class.with-tablet]=\"selectedDevice === 'TABLET'\"\n [class.with-mobile]=\"selectedDevice === 'MOBILE'\"\n >\n <div\n class=\"preview-page-mid-inner\"\n [class.tablet]=\"selectedDevice === 'TABLET'\"\n [class.mobile]=\"selectedDevice === 'MOBILE'\"\n >\n <ng-container>\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\n <div class=\"preview-inside vx-pr-2\">\n <!-- <app-question-welcome></app-question-welcome> -->\n <app-page-header\n *ngIf=\"questionData?.hasWelcome === true\"\n [pageTitle]=\"'WELCOME SCREEN'\"\n ></app-page-header>\n <app-preview-welcome\n [questionDetails]=\"questionData\"\n *ngIf=\"questionData?.hasWelcome === true\"\n ></app-preview-welcome>\n <ng-container\n *ngFor=\"\n let question of questionData?.questions?.elements;\n let i = index\n \"\n >\n <app-page-header\n *ngIf=\"pageData[i]\"\n [pageDetail]=\"pageData[i]\"\n ></app-page-header>\n <ng-container\n *ngIf=\"\n questionData\n | getSectionOrder : question?.sectionId as sectionDetails\n \"\n >\n <app-section-details\n *ngIf=\"\n sectionDetails?.questionId === question.name &&\n sectionDetails?.index > -1\n \"\n [sectionDetails]=\"sectionDetails\"\n ></app-section-details>\n </ng-container>\n\n <div class=\"question-area\" [class.last-question-area]=\"false\">\n <app-radio-question\n *ngIf=\"question.type === 'multiple-choice'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-radio-question>\n <app-checkbox-question\n *ngIf=\"question.type === 'checkbox'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-checkbox-question>\n <!-- <app-image-radio-question></app-image-radio-question>\n <app-star-rating></app-star-rating> -->\n <app-single-textbox\n *ngIf=\"question.type === 'single-textbox'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-single-textbox>\n <!-- <app-comment-question></app-comment-question>\n <app-rating-table></app-rating-table> -->\n <app-select-question\n *ngIf=\"question.type === 'dropdown'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-select-question>\n <!-- <app-select-option-rating></app-select-option-rating>\n <app-ranking></app-ranking>\n <app-slider-question></app-slider-question>\n <app-multiple-textbox></app-multiple-textbox> -->\n <app-preview-matrix-dropdown\n *ngIf=\"question.type === 'matrix-dropdown'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-preview-matrix-dropdown>\n <app-date-time\n *ngIf=\"question.type === 'date-time'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-date-time>\n <app-file-upload\n *ngIf=\"question.type === 'file-upload'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-file-upload>\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"device-area\">\n <app-device\n (deviceChanged)=\"selectedDevice = $event\"\n [selectedDevice]=\"selectedDevice\"\n ></app-device>\n </div>\n </div>\n </div>\n\n <div\n class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\"\n >\n <div class=\"question-count vx-text-center\">\n <!-- <div class=\"label vx-fs-12 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mb-1\">1 OF {{questionData?.questions?.elements?.length}} QUESTIONS ANSWERED</div>\n <div class=\"question-progress\">\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\n </div> -->\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <div\n class=\"powered-section vx-fs-9 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-lh-7\"\n >\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup\n class=\"vx-fw-600\"\n >TM</sup\n >\n </div>\n <button\n (click)=\"previewBack.emit()\"\n class=\"back vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n >\n <i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK\n </button>\n </div>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";::ng-deep .preview-page{background:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;left:0;height:100vh;width:calc(100vw - 3rem);z-index:4}::ng-deep .preview-page.with-datepicker{z-index:11}::ng-deep .preview-page-heading{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .preview-page-heading .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100vw - 42.5rem)}::ng-deep .preview-page-mid.with-tablet{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid.with-mobile{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid-inner .preview-inside{padding:0;width:calc(100% - 1.75rem);height:calc(100vh - 10.5rem);overflow-y:auto;width:64rem;margin:0 auto 1.5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .preview-inside{width:58rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .preview-inside{width:45rem}}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner .preview-inside app-page-header+app-section-details .section-details-header{border-top:none;top:-1.25rem;margin:0!important}::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding:0 5rem 0 2.5rem;position:relative}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding-left:2rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{background:#f1f1f1;content:\"\";position:absolute;top:-1.25rem;left:1.625rem;width:1px;height:calc(100% + 1.25rem)}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{left:1.125rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area.last-question-area:before{height:3.75rem}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:4.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 6rem)!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .device-area{right:5rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .device-area{right:4rem}}::ng-deep .preview-page-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 0 10px #1e5dd326;height:3.25rem;margin-top:1.25rem;position:fixed;left:1rem;bottom:1.5rem;width:calc(100% - 4.75rem)}::ng-deep .preview-page-footer .question-count .question-progress{background:#dbdbdb;border-radius:1.25rem;width:12rem;height:.1875rem}::ng-deep .preview-page-footer .question-count .question-progress .inner-line{background:#34aa44;border-radius:1.25rem;height:.1875rem}::ng-deep .preview-page-footer button{border-radius:.125rem;height:1.75rem}::ng-deep .preview-page-footer button.back{background:#1e5dd3;border:none}::ng-deep .preview-page-footer button.disabled{background:#dbdbdb;color:#747576;pointer-events:none}::ng-deep .preview-page-footer .powered-section{background:#f1f1f1;border-radius:.125rem}::ng-deep .preview-page-footer .powered-section sup{position:relative;top:-.25rem}\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.PreviewMatrixDropdownComponent, selector: "app-preview-matrix-dropdown", inputs: ["question", "questionIndex"] }, { kind: "component", type: i4.WelcomeComponent, selector: "app-preview-welcome" }, { kind: "component", type: i5.CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i6.DateTimeComponent, selector: "app-date-time", inputs: ["question", "questionIndex"] }, { kind: "component", type: i7.DeviceComponent, selector: "app-device", inputs: ["selectedDevice"], outputs: ["deviceChanged"] }, { kind: "component", type: i8.FileUploadComponent, selector: "app-file-upload", inputs: ["question", "questionIndex"] }, { kind: "component", type: i9.RadioQuestionComponent, selector: "app-radio-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i10.SelectQuestionComponent, selector: "app-select-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i11.SingleTextboxComponent, selector: "app-single-textbox", inputs: ["question", "questionIndex"] }, { kind: "component", type: i12.PageAssessmentHeaderComponent, selector: "app-page-header", inputs: ["pageDetail", "pageTitle"] }, { kind: "component", type: i13.WelcomeComponent, selector: "app-preview-welcome", inputs: ["questionDetails"] }, { kind: "component", type: i14.SectionDetailsComponent, selector: "app-section-details", inputs: ["sectionDetails"] }, { kind: "pipe", type: i15.GetSectionOrderPipe, name: "getSectionOrder" }] }); }
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewComponent, selector: "app-preview", inputs: { questionData: "questionData", isFullScreen: "isFullScreen" }, outputs: { previewBack: "previewBack" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"preview-page\" [class.full-screen]=\"isFullScreen\">\n <div class=\"preview-page-heading vx-fs-14 vx-fw-500 vx-label-txt vx-pl-3 vx-pr-3 vx-mb-5 vx-d-flex vx-align-center\">\n Preview\n <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\">(<span class=\"value\"\n [appTooltip]=\"questionData?.assessment_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">{{ questionData?.assessment_name }}</span>)</span>\n </div>\n\n <div class=\"preview-page-mid\" [class.with-tablet]=\"selectedDevice === 'TABLET'\"\n [class.with-mobile]=\"selectedDevice === 'MOBILE'\">\n <div class=\"preview-page-mid-inner\" [class.tablet]=\"selectedDevice === 'TABLET'\"\n [class.mobile]=\"selectedDevice === 'MOBILE'\">\n <ng-container>\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\n <div class=\"preview-inside vx-pr-2\">\n <!-- <app-question-welcome></app-question-welcome> -->\n <app-page-header *ngIf=\"questionData?.hasWelcome === true\" [pageTitle]=\"'WELCOME SCREEN'\"></app-page-header>\n <app-preview-welcome [questionDetails]=\"questionData\"\n *ngIf=\"questionData?.hasWelcome === true\"></app-preview-welcome>\n <ng-container *ngFor=\"\n let question of questionData?.questions?.elements;\n let i = index\n \">\n <app-page-header *ngIf=\"pageData[i]\" [pageDetail]=\"pageData[i]\"></app-page-header>\n <ng-container *ngIf=\"\n questionData\n | getSectionOrder : question?.sectionId as sectionDetails\n \">\n <app-section-details *ngIf=\"\n sectionDetails?.questionId === question.name &&\n sectionDetails?.index > -1\n \" [sectionDetails]=\"sectionDetails\"></app-section-details>\n </ng-container>\n\n <div class=\"question-area\" [class.last-question-area]=\"false\">\n <app-radio-question *ngIf=\"question.type === 'multiple-choice'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-radio-question>\n <app-checkbox-question *ngIf=\"question.type === 'checkbox'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-checkbox-question>\n <!-- <app-image-radio-question></app-image-radio-question>\n <app-star-rating></app-star-rating> -->\n <app-single-textbox *ngIf=\"question.type === 'single-textbox'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-single-textbox>\n <!-- <app-comment-question></app-comment-question>\n <app-rating-table></app-rating-table> -->\n <app-select-question *ngIf=\"question.type === 'dropdown'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-select-question>\n <!-- <app-select-option-rating></app-select-option-rating>\n <app-ranking></app-ranking>\n <app-slider-question></app-slider-question>\n <app-multiple-textbox></app-multiple-textbox> -->\n <app-preview-matrix-dropdown *ngIf=\"question.type === 'matrix-dropdown'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-preview-matrix-dropdown>\n <app-date-time *ngIf=\"question.type === 'date-time'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-date-time>\n <app-file-upload *ngIf=\"question.type === 'file-upload'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-file-upload>\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"device-area\">\n <app-device (deviceChanged)=\"selectedDevice = $event\" [selectedDevice]=\"selectedDevice\"></app-device>\n </div>\n </div>\n </div>\n\n <div class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"question-count vx-text-center\">\n <!-- <div class=\"label vx-fs-12 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mb-1\">1 OF {{questionData?.questions?.elements?.length}} QUESTIONS ANSWERED</div>\n <div class=\"question-progress\">\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\n </div> -->\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <div\n class=\"powered-section vx-fs-9 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-lh-7\">\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup class=\"vx-fw-600\">TM</sup>\n </div>\n <button (click)=\"previewBack.emit()\"\n class=\"back vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">\n <i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK\n </button>\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";::ng-deep .preview-page{background:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;left:0;height:100vh;width:calc(100vw - 3rem);z-index:4}::ng-deep .preview-page.full-screen{width:100%;border-top:none}::ng-deep .preview-page.with-datepicker{z-index:11}::ng-deep .preview-page-heading{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .preview-page-heading .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100vw - 42.5rem)}::ng-deep .preview-page-mid.with-tablet{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid.with-mobile{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid-inner .preview-inside{padding:0;width:calc(100% - 1.75rem);height:calc(100vh - 10.5rem);overflow-y:auto;width:64rem;margin:0 auto 1.5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .preview-inside{width:58rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .preview-inside{width:45rem}}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner .preview-inside app-page-header+app-section-details .section-details-header{border-top:none;top:-1.25rem;margin:0!important}::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding:0 5rem 0 2.5rem;position:relative}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding-left:2rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{background:#f1f1f1;content:\"\";position:absolute;top:-1.25rem;left:1.625rem;width:1px;height:calc(100% + 1.25rem)}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{left:1.125rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area.last-question-area:before{height:3.75rem}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:4.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 6rem)!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .device-area{right:5rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .device-area{right:4rem}}::ng-deep .preview-page-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 0 10px #1e5dd326;height:3.25rem;margin-top:1.25rem;position:fixed;left:1rem;bottom:1.5rem;width:calc(100% - 4.75rem)}::ng-deep .preview-page-footer .question-count .question-progress{background:#dbdbdb;border-radius:1.25rem;width:12rem;height:.1875rem}::ng-deep .preview-page-footer .question-count .question-progress .inner-line{background:#34aa44;border-radius:1.25rem;height:.1875rem}::ng-deep .preview-page-footer button{border-radius:.125rem;height:1.75rem}::ng-deep .preview-page-footer button.back{background:#1e5dd3;border:none}::ng-deep .preview-page-footer button.disabled{background:#dbdbdb;color:#747576;pointer-events:none}::ng-deep .preview-page-footer .powered-section{background:#f1f1f1;border-radius:.125rem}::ng-deep .preview-page-footer .powered-section sup{position:relative;top:-.25rem}\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.PreviewMatrixDropdownComponent, selector: "app-preview-matrix-dropdown", inputs: ["question", "questionIndex"] }, { kind: "component", type: i4.WelcomeComponent, selector: "app-preview-welcome" }, { kind: "component", type: i5.CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i6.DateTimeComponent, selector: "app-date-time", inputs: ["question", "questionIndex"] }, { kind: "component", type: i7.DeviceComponent, selector: "app-device", inputs: ["selectedDevice"], outputs: ["deviceChanged"] }, { kind: "component", type: i8.FileUploadComponent, selector: "app-file-upload", inputs: ["question", "questionIndex"] }, { kind: "component", type: i9.RadioQuestionComponent, selector: "app-radio-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i10.SelectQuestionComponent, selector: "app-select-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i11.SingleTextboxComponent, selector: "app-single-textbox", inputs: ["question", "questionIndex"] }, { kind: "component", type: i12.PageAssessmentHeaderComponent, selector: "app-page-header", inputs: ["pageDetail", "pageTitle"] }, { kind: "component", type: i13.WelcomeComponent, selector: "app-preview-welcome", inputs: ["questionDetails"] }, { kind: "component", type: i14.SectionDetailsComponent, selector: "app-section-details", inputs: ["sectionDetails"] }, { kind: "pipe", type: i15.GetSectionOrderPipe, name: "getSectionOrder" }] }); }
|
|
53
54
|
}
|
|
54
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewComponent, decorators: [{
|
|
55
56
|
type: Component,
|
|
56
|
-
args: [{ selector: 'app-preview', template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\n <div\n class=\"preview-page-heading vx-fs-14 vx-fw-500 vx-label-txt vx-pl-3 vx-pr-3 vx-mb-5 vx-d-flex vx-align-center\"\n >\n Preview\n <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\"\n >(<span\n class=\"value\"\n [appTooltip]=\"questionData?.assessment_name\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >{{ questionData?.assessment_name }}</span\n >)</span\n >\n </div>\n\n <div\n class=\"preview-page-mid\"\n [class.with-tablet]=\"selectedDevice === 'TABLET'\"\n [class.with-mobile]=\"selectedDevice === 'MOBILE'\"\n >\n <div\n class=\"preview-page-mid-inner\"\n [class.tablet]=\"selectedDevice === 'TABLET'\"\n [class.mobile]=\"selectedDevice === 'MOBILE'\"\n >\n <ng-container>\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\n <div class=\"preview-inside vx-pr-2\">\n <!-- <app-question-welcome></app-question-welcome> -->\n <app-page-header\n *ngIf=\"questionData?.hasWelcome === true\"\n [pageTitle]=\"'WELCOME SCREEN'\"\n ></app-page-header>\n <app-preview-welcome\n [questionDetails]=\"questionData\"\n *ngIf=\"questionData?.hasWelcome === true\"\n ></app-preview-welcome>\n <ng-container\n *ngFor=\"\n let question of questionData?.questions?.elements;\n let i = index\n \"\n >\n <app-page-header\n *ngIf=\"pageData[i]\"\n [pageDetail]=\"pageData[i]\"\n ></app-page-header>\n <ng-container\n *ngIf=\"\n questionData\n | getSectionOrder : question?.sectionId as sectionDetails\n \"\n >\n <app-section-details\n *ngIf=\"\n sectionDetails?.questionId === question.name &&\n sectionDetails?.index > -1\n \"\n [sectionDetails]=\"sectionDetails\"\n ></app-section-details>\n </ng-container>\n\n <div class=\"question-area\" [class.last-question-area]=\"false\">\n <app-radio-question\n *ngIf=\"question.type === 'multiple-choice'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-radio-question>\n <app-checkbox-question\n *ngIf=\"question.type === 'checkbox'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-checkbox-question>\n <!-- <app-image-radio-question></app-image-radio-question>\n <app-star-rating></app-star-rating> -->\n <app-single-textbox\n *ngIf=\"question.type === 'single-textbox'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-single-textbox>\n <!-- <app-comment-question></app-comment-question>\n <app-rating-table></app-rating-table> -->\n <app-select-question\n *ngIf=\"question.type === 'dropdown'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-select-question>\n <!-- <app-select-option-rating></app-select-option-rating>\n <app-ranking></app-ranking>\n <app-slider-question></app-slider-question>\n <app-multiple-textbox></app-multiple-textbox> -->\n <app-preview-matrix-dropdown\n *ngIf=\"question.type === 'matrix-dropdown'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-preview-matrix-dropdown>\n <app-date-time\n *ngIf=\"question.type === 'date-time'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-date-time>\n <app-file-upload\n *ngIf=\"question.type === 'file-upload'\"\n [question]=\"question\"\n [questionIndex]=\"i + 1\"\n ></app-file-upload>\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"device-area\">\n <app-device\n (deviceChanged)=\"selectedDevice = $event\"\n [selectedDevice]=\"selectedDevice\"\n ></app-device>\n </div>\n </div>\n </div>\n\n <div\n class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\"\n >\n <div class=\"question-count vx-text-center\">\n <!-- <div class=\"label vx-fs-12 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mb-1\">1 OF {{questionData?.questions?.elements?.length}} QUESTIONS ANSWERED</div>\n <div class=\"question-progress\">\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\n </div> -->\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <div\n class=\"powered-section vx-fs-9 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-lh-7\"\n >\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup\n class=\"vx-fw-600\"\n >TM</sup\n >\n </div>\n <button\n (click)=\"previewBack.emit()\"\n class=\"back vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n >\n <i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK\n </button>\n </div>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";::ng-deep .preview-page{background:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;left:0;height:100vh;width:calc(100vw - 3rem);z-index:4}::ng-deep .preview-page.with-datepicker{z-index:11}::ng-deep .preview-page-heading{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .preview-page-heading .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100vw - 42.5rem)}::ng-deep .preview-page-mid.with-tablet{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid.with-mobile{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid-inner .preview-inside{padding:0;width:calc(100% - 1.75rem);height:calc(100vh - 10.5rem);overflow-y:auto;width:64rem;margin:0 auto 1.5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .preview-inside{width:58rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .preview-inside{width:45rem}}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner .preview-inside app-page-header+app-section-details .section-details-header{border-top:none;top:-1.25rem;margin:0!important}::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding:0 5rem 0 2.5rem;position:relative}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding-left:2rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{background:#f1f1f1;content:\"\";position:absolute;top:-1.25rem;left:1.625rem;width:1px;height:calc(100% + 1.25rem)}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{left:1.125rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area.last-question-area:before{height:3.75rem}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:4.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 6rem)!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .device-area{right:5rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .device-area{right:4rem}}::ng-deep .preview-page-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 0 10px #1e5dd326;height:3.25rem;margin-top:1.25rem;position:fixed;left:1rem;bottom:1.5rem;width:calc(100% - 4.75rem)}::ng-deep .preview-page-footer .question-count .question-progress{background:#dbdbdb;border-radius:1.25rem;width:12rem;height:.1875rem}::ng-deep .preview-page-footer .question-count .question-progress .inner-line{background:#34aa44;border-radius:1.25rem;height:.1875rem}::ng-deep .preview-page-footer button{border-radius:.125rem;height:1.75rem}::ng-deep .preview-page-footer button.back{background:#1e5dd3;border:none}::ng-deep .preview-page-footer button.disabled{background:#dbdbdb;color:#747576;pointer-events:none}::ng-deep .preview-page-footer .powered-section{background:#f1f1f1;border-radius:.125rem}::ng-deep .preview-page-footer .powered-section sup{position:relative;top:-.25rem}\n"] }]
|
|
57
|
+
args: [{ selector: 'app-preview', template: "<div class=\"preview-page\" [class.full-screen]=\"isFullScreen\">\n <div class=\"preview-page-heading vx-fs-14 vx-fw-500 vx-label-txt vx-pl-3 vx-pr-3 vx-mb-5 vx-d-flex vx-align-center\">\n Preview\n <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\">(<span class=\"value\"\n [appTooltip]=\"questionData?.assessment_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">{{ questionData?.assessment_name }}</span>)</span>\n </div>\n\n <div class=\"preview-page-mid\" [class.with-tablet]=\"selectedDevice === 'TABLET'\"\n [class.with-mobile]=\"selectedDevice === 'MOBILE'\">\n <div class=\"preview-page-mid-inner\" [class.tablet]=\"selectedDevice === 'TABLET'\"\n [class.mobile]=\"selectedDevice === 'MOBILE'\">\n <ng-container>\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\n <div class=\"preview-inside vx-pr-2\">\n <!-- <app-question-welcome></app-question-welcome> -->\n <app-page-header *ngIf=\"questionData?.hasWelcome === true\" [pageTitle]=\"'WELCOME SCREEN'\"></app-page-header>\n <app-preview-welcome [questionDetails]=\"questionData\"\n *ngIf=\"questionData?.hasWelcome === true\"></app-preview-welcome>\n <ng-container *ngFor=\"\n let question of questionData?.questions?.elements;\n let i = index\n \">\n <app-page-header *ngIf=\"pageData[i]\" [pageDetail]=\"pageData[i]\"></app-page-header>\n <ng-container *ngIf=\"\n questionData\n | getSectionOrder : question?.sectionId as sectionDetails\n \">\n <app-section-details *ngIf=\"\n sectionDetails?.questionId === question.name &&\n sectionDetails?.index > -1\n \" [sectionDetails]=\"sectionDetails\"></app-section-details>\n </ng-container>\n\n <div class=\"question-area\" [class.last-question-area]=\"false\">\n <app-radio-question *ngIf=\"question.type === 'multiple-choice'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-radio-question>\n <app-checkbox-question *ngIf=\"question.type === 'checkbox'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-checkbox-question>\n <!-- <app-image-radio-question></app-image-radio-question>\n <app-star-rating></app-star-rating> -->\n <app-single-textbox *ngIf=\"question.type === 'single-textbox'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-single-textbox>\n <!-- <app-comment-question></app-comment-question>\n <app-rating-table></app-rating-table> -->\n <app-select-question *ngIf=\"question.type === 'dropdown'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-select-question>\n <!-- <app-select-option-rating></app-select-option-rating>\n <app-ranking></app-ranking>\n <app-slider-question></app-slider-question>\n <app-multiple-textbox></app-multiple-textbox> -->\n <app-preview-matrix-dropdown *ngIf=\"question.type === 'matrix-dropdown'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-preview-matrix-dropdown>\n <app-date-time *ngIf=\"question.type === 'date-time'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-date-time>\n <app-file-upload *ngIf=\"question.type === 'file-upload'\" [question]=\"question\"\n [questionIndex]=\"i + 1\"></app-file-upload>\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"device-area\">\n <app-device (deviceChanged)=\"selectedDevice = $event\" [selectedDevice]=\"selectedDevice\"></app-device>\n </div>\n </div>\n </div>\n\n <div class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"question-count vx-text-center\">\n <!-- <div class=\"label vx-fs-12 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mb-1\">1 OF {{questionData?.questions?.elements?.length}} QUESTIONS ANSWERED</div>\n <div class=\"question-progress\">\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\n </div> -->\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <div\n class=\"powered-section vx-fs-9 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-lh-7\">\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup class=\"vx-fw-600\">TM</sup>\n </div>\n <button (click)=\"previewBack.emit()\"\n class=\"back vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">\n <i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK\n </button>\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";::ng-deep .preview-page{background:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;left:0;height:100vh;width:calc(100vw - 3rem);z-index:4}::ng-deep .preview-page.full-screen{width:100%;border-top:none}::ng-deep .preview-page.with-datepicker{z-index:11}::ng-deep .preview-page-heading{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .preview-page-heading .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100vw - 42.5rem)}::ng-deep .preview-page-mid.with-tablet{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid.with-mobile{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid-inner .preview-inside{padding:0;width:calc(100% - 1.75rem);height:calc(100vh - 10.5rem);overflow-y:auto;width:64rem;margin:0 auto 1.5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .preview-inside{width:58rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .preview-inside{width:45rem}}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner .preview-inside app-page-header+app-section-details .section-details-header{border-top:none;top:-1.25rem;margin:0!important}::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding:0 5rem 0 2.5rem;position:relative}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding-left:2rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{background:#f1f1f1;content:\"\";position:absolute;top:-1.25rem;left:1.625rem;width:1px;height:calc(100% + 1.25rem)}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{left:1.125rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area.last-question-area:before{height:3.75rem}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:4.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 6rem)!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .device-area{right:5rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .device-area{right:4rem}}::ng-deep .preview-page-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 0 10px #1e5dd326;height:3.25rem;margin-top:1.25rem;position:fixed;left:1rem;bottom:1.5rem;width:calc(100% - 4.75rem)}::ng-deep .preview-page-footer .question-count .question-progress{background:#dbdbdb;border-radius:1.25rem;width:12rem;height:.1875rem}::ng-deep .preview-page-footer .question-count .question-progress .inner-line{background:#34aa44;border-radius:1.25rem;height:.1875rem}::ng-deep .preview-page-footer button{border-radius:.125rem;height:1.75rem}::ng-deep .preview-page-footer button.back{background:#1e5dd3;border:none}::ng-deep .preview-page-footer button.disabled{background:#dbdbdb;color:#747576;pointer-events:none}::ng-deep .preview-page-footer .powered-section{background:#f1f1f1;border-radius:.125rem}::ng-deep .preview-page-footer .powered-section sup{position:relative;top:-.25rem}\n"] }]
|
|
57
58
|
}], ctorParameters: function () { return []; }, propDecorators: { questionData: [{
|
|
58
59
|
type: Input
|
|
60
|
+
}], isFullScreen: [{
|
|
61
|
+
type: Input
|
|
59
62
|
}], previewBack: [{
|
|
60
63
|
type: Output
|
|
61
64
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtcHJldmlldy9wcmV2aWV3L3ByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcHJldmlldy9wcmV2aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT3ZCLE1BQU0sT0FBTyxnQkFBZ0I7SUFLM0I7UUFIVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDM0MsYUFBUSxHQUFRLEVBQUUsQ0FBQztRQUNuQixtQkFBYyxHQUFHLFNBQVMsQ0FBQztJQUNaLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUNELG1CQUFtQjtRQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQVEsRUFBRSxLQUFVLEVBQUUsRUFBRTtZQUN0RSxJQUFJLE9BQU8sS0FBSyxHQUFHLENBQUMsSUFBSSxFQUFFO2dCQUN4QixPQUFPLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDbkIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsZUFBZSxDQUFDLElBQUksQ0FDcEUsQ0FBQyxJQUFTLEVBQUUsRUFBRTtvQkFDWixPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDdEMsQ0FBQyxDQUNGLENBQUM7Z0JBQ0YsSUFBSSxXQUFXLEVBQUU7b0JBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFXLENBQUM7aUJBQ3BDO3FCQUFNO29CQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUc7d0JBQ3JCLFFBQVEsRUFBRSxFQUFFO3dCQUNaLFVBQVUsRUFBRSxHQUFHLENBQUMsSUFBSTt3QkFDcEIsZUFBZSxFQUFFLEVBQUU7cUJBQ3BCLENBQUM7aUJBQ0g7YUFDRjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0FsQ1UsZ0JBQWdCO21HQUFoQixnQkFBZ0IsMkpDZDdCLHF2TEFxSkE7OzRGRHZJYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTswRUFLZCxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcHJldmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcmV2aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQcmV2aWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBxdWVzdGlvbkRhdGEhOiBhbnk7XG4gIEBPdXRwdXQoKSBwcmV2aWV3QmFjayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgcGFnZURhdGE6IGFueSA9IFtdO1xuICBzZWxlY3RlZERldmljZSA9ICdERVNLVE9QJztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2VuZXJhdGVQYWdlRGV0YWlscygpO1xuICB9XG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuZ2VuZXJhdGVQYWdlRGV0YWlscygpO1xuICB9XG4gIGdlbmVyYXRlUGFnZURldGFpbHMoKSB7XG4gICAgbGV0IG9sZFBhZ2UgPSAwO1xuICAgIHRoaXMucXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LmVsZW1lbnRzLmZvckVhY2goKGVsZTogYW55LCBpbmRleDogYW55KSA9PiB7XG4gICAgICBpZiAob2xkUGFnZSAhPT0gZWxlLnBhZ2UpIHtcbiAgICAgICAgb2xkUGFnZSA9IGVsZS5wYWdlO1xuICAgICAgICBjb25zdCBjdXJyZW50UGFnZSA9IHRoaXMucXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LnBhZ2VEZXRhaWxzTGlzdC5maW5kKFxuICAgICAgICAgIChwYWdlOiBhbnkpID0+IHtcbiAgICAgICAgICAgIHJldHVybiBwYWdlLnBhZ2VOdW1iZXIgPT09IGVsZS5wYWdlO1xuICAgICAgICAgIH1cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGN1cnJlbnRQYWdlKSB7XG4gICAgICAgICAgdGhpcy5wYWdlRGF0YVtpbmRleF0gPSBjdXJyZW50UGFnZTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLnBhZ2VEYXRhW2luZGV4XSA9IHtcbiAgICAgICAgICAgIHBhZ2VOYW1lOiAnJyxcbiAgICAgICAgICAgIHBhZ2VOdW1iZXI6IGVsZS5wYWdlLFxuICAgICAgICAgICAgcGFnZURlc2NyaXB0aW9uOiAnJyxcbiAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwcmV2aWV3LXBhZ2VcIiBbY2xhc3Mud2l0aC1kYXRlcGlja2VyXT1cImZhbHNlXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cInByZXZpZXctcGFnZS1oZWFkaW5nIHZ4LWZzLTE0IHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHQgdngtcGwtMyB2eC1wci0zIHZ4LW1iLTUgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiXG4gID5cbiAgICBQcmV2aWV3XG4gICAgPHNwYW4gY2xhc3M9XCJ2eC1mcy0xMiB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW1sLTIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiXG4gICAgICA+KDxzcGFuXG4gICAgICAgIGNsYXNzPVwidmFsdWVcIlxuICAgICAgICBbYXBwVG9vbHRpcF09XCJxdWVzdGlvbkRhdGE/LmFzc2Vzc21lbnRfbmFtZVwiXG4gICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgZGVsYXk9XCIwXCJcbiAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgICA+e3sgcXVlc3Rpb25EYXRhPy5hc3Nlc3NtZW50X25hbWUgfX08L3NwYW5cbiAgICAgID4pPC9zcGFuXG4gICAgPlxuICA8L2Rpdj5cblxuICA8ZGl2XG4gICAgY2xhc3M9XCJwcmV2aWV3LXBhZ2UtbWlkXCJcbiAgICBbY2xhc3Mud2l0aC10YWJsZXRdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdUQUJMRVQnXCJcbiAgICBbY2xhc3Mud2l0aC1tb2JpbGVdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdNT0JJTEUnXCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwicHJldmlldy1wYWdlLW1pZC1pbm5lclwiXG4gICAgICBbY2xhc3MudGFibGV0XT1cInNlbGVjdGVkRGV2aWNlID09PSAnVEFCTEVUJ1wiXG4gICAgICBbY2xhc3MubW9iaWxlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnTU9CSUxFJ1wiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vYmlsZS10b3BcIiAqbmdJZj1cImZhbHNlXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWluc2lkZSB2eC1wci0yXCI+XG4gICAgICAgICAgPCEtLSA8YXBwLXF1ZXN0aW9uLXdlbGNvbWU+PC9hcHAtcXVlc3Rpb24td2VsY29tZT4gLS0+XG4gICAgICAgICAgPGFwcC1wYWdlLWhlYWRlclxuICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbkRhdGE/Lmhhc1dlbGNvbWUgPT09IHRydWVcIlxuICAgICAgICAgICAgW3BhZ2VUaXRsZV09XCInV0VMQ09NRSBTQ1JFRU4nXCJcbiAgICAgICAgICA+PC9hcHAtcGFnZS1oZWFkZXI+XG4gICAgICAgICAgPGFwcC1wcmV2aWV3LXdlbGNvbWVcbiAgICAgICAgICAgIFtxdWVzdGlvbkRldGFpbHNdPVwicXVlc3Rpb25EYXRhXCJcbiAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb25EYXRhPy5oYXNXZWxjb21lID09PSB0cnVlXCJcbiAgICAgICAgICA+PC9hcHAtcHJldmlldy13ZWxjb21lPlxuICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgICAgICBsZXQgcXVlc3Rpb24gb2YgcXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LmVsZW1lbnRzO1xuICAgICAgICAgICAgICBsZXQgaSA9IGluZGV4XG4gICAgICAgICAgICBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxhcHAtcGFnZS1oZWFkZXJcbiAgICAgICAgICAgICAgKm5nSWY9XCJwYWdlRGF0YVtpXVwiXG4gICAgICAgICAgICAgIFtwYWdlRGV0YWlsXT1cInBhZ2VEYXRhW2ldXCJcbiAgICAgICAgICAgID48L2FwcC1wYWdlLWhlYWRlcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgICAgICBxdWVzdGlvbkRhdGFcbiAgICAgICAgICAgICAgICAgIHwgZ2V0U2VjdGlvbk9yZGVyIDogcXVlc3Rpb24/LnNlY3Rpb25JZCBhcyBzZWN0aW9uRGV0YWlsc1xuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8YXBwLXNlY3Rpb24tZGV0YWlsc1xuICAgICAgICAgICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgICAgICAgICBzZWN0aW9uRGV0YWlscz8ucXVlc3Rpb25JZCA9PT0gcXVlc3Rpb24ubmFtZSAmJlxuICAgICAgICAgICAgICAgICAgc2VjdGlvbkRldGFpbHM/LmluZGV4ID4gLTFcbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgIFtzZWN0aW9uRGV0YWlsc109XCJzZWN0aW9uRGV0YWlsc1wiXG4gICAgICAgICAgICAgID48L2FwcC1zZWN0aW9uLWRldGFpbHM+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWFyZWFcIiBbY2xhc3MubGFzdC1xdWVzdGlvbi1hcmVhXT1cImZhbHNlXCI+XG4gICAgICAgICAgICAgIDxhcHAtcmFkaW8tcXVlc3Rpb25cbiAgICAgICAgICAgICAgICAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdtdWx0aXBsZS1jaG9pY2UnXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcbiAgICAgICAgICAgICAgPjwvYXBwLXJhZGlvLXF1ZXN0aW9uPlxuICAgICAgICAgICAgICA8YXBwLWNoZWNrYm94LXF1ZXN0aW9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnY2hlY2tib3gnXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcbiAgICAgICAgICAgICAgPjwvYXBwLWNoZWNrYm94LXF1ZXN0aW9uPlxuICAgICAgICAgICAgICA8IS0tIDxhcHAtaW1hZ2UtcmFkaW8tcXVlc3Rpb24+PC9hcHAtaW1hZ2UtcmFkaW8tcXVlc3Rpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXN0YXItcmF0aW5nPjwvYXBwLXN0YXItcmF0aW5nPiAtLT5cbiAgICAgICAgICAgICAgPGFwcC1zaW5nbGUtdGV4dGJveFxuICAgICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ3NpbmdsZS10ZXh0Ym94J1wiXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiXG4gICAgICAgICAgICAgID48L2FwcC1zaW5nbGUtdGV4dGJveD5cbiAgICAgICAgICAgICAgPCEtLSA8YXBwLWNvbW1lbnQtcXVlc3Rpb24+PC9hcHAtY29tbWVudC1xdWVzdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtcmF0aW5nLXRhYmxlPjwvYXBwLXJhdGluZy10YWJsZT4gLS0+XG4gICAgICAgICAgICAgIDxhcHAtc2VsZWN0LXF1ZXN0aW9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZHJvcGRvd24nXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcbiAgICAgICAgICAgICAgPjwvYXBwLXNlbGVjdC1xdWVzdGlvbj5cbiAgICAgICAgICAgICAgPCEtLSA8YXBwLXNlbGVjdC1vcHRpb24tcmF0aW5nPjwvYXBwLXNlbGVjdC1vcHRpb24tcmF0aW5nPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1yYW5raW5nPjwvYXBwLXJhbmtpbmc+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXNsaWRlci1xdWVzdGlvbj48L2FwcC1zbGlkZXItcXVlc3Rpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLW11bHRpcGxlLXRleHRib3g+PC9hcHAtbXVsdGlwbGUtdGV4dGJveD4gLS0+XG4gICAgICAgICAgICAgIDxhcHAtcHJldmlldy1tYXRyaXgtZHJvcGRvd25cbiAgICAgICAgICAgICAgICAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdtYXRyaXgtZHJvcGRvd24nXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcbiAgICAgICAgICAgICAgPjwvYXBwLXByZXZpZXctbWF0cml4LWRyb3Bkb3duPlxuICAgICAgICAgICAgICA8YXBwLWRhdGUtdGltZVxuICAgICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ2RhdGUtdGltZSdcIlxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIlxuICAgICAgICAgICAgICA+PC9hcHAtZGF0ZS10aW1lPlxuICAgICAgICAgICAgICA8YXBwLWZpbGUtdXBsb2FkXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZmlsZS11cGxvYWQnXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcbiAgICAgICAgICAgICAgPjwvYXBwLWZpbGUtdXBsb2FkPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGV2aWNlLWFyZWFcIj5cbiAgICAgICAgPGFwcC1kZXZpY2VcbiAgICAgICAgICAoZGV2aWNlQ2hhbmdlZCk9XCJzZWxlY3RlZERldmljZSA9ICRldmVudFwiXG4gICAgICAgICAgW3NlbGVjdGVkRGV2aWNlXT1cInNlbGVjdGVkRGV2aWNlXCJcbiAgICAgICAgPjwvYXBwLWRldmljZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2XG4gICAgY2xhc3M9XCJwcmV2aWV3LXBhZ2UtZm9vdGVyIHZ4LXAtMyB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlblwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tY291bnQgdngtdGV4dC1jZW50ZXJcIj5cbiAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImxhYmVsIHZ4LWZzLTEyIHZ4LWZ3LTUwMCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1tYi0xXCI+MSBPRiB7e3F1ZXN0aW9uRGF0YT8ucXVlc3Rpb25zPy5lbGVtZW50cz8ubGVuZ3RofX0gUVVFU1RJT05TIEFOU1dFUkVEPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tcHJvZ3Jlc3NcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5uZXItbGluZVwiIHN0eWxlPVwid2lkdGg6IDIwJTtcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PiAtLT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInBvd2VyZWQtc2VjdGlvbiB2eC1mcy05IHZ4LWZ3LTUwMCB2eC10eHQtYmx1ZSB2eC10dC11cHBlcmNhc2UgdngtcGwtMiB2eC1wci0yIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbGgtN1wiXG4gICAgICA+XG4gICAgICAgIFBPV0VSRUQgQlkmbmJzcDs8c3BhbiBjbGFzcz1cInZ4LWZ3LTcwMFwiPlZDT01QTFk8L3NwYW4+Jm5ic3A7PHN1cFxuICAgICAgICAgIGNsYXNzPVwidngtZnctNjAwXCJcbiAgICAgICAgICA+VE08L3N1cFxuICAgICAgICA+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKGNsaWNrKT1cInByZXZpZXdCYWNrLmVtaXQoKVwiXG4gICAgICAgIGNsYXNzPVwiYmFjayB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtcGwtMiB2eC1wci0yIHZ4LW0tMCB2eC1tbC0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxuICAgICAgPlxuICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE2IHZ4LW1yLTFcIj4mI3hlOTFkOzwvaT4gQkFDS1xuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtcHJldmlldy9wcmV2aWV3L3ByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcHJldmlldy9wcmV2aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT3ZCLE1BQU0sT0FBTyxnQkFBZ0I7SUFNM0I7UUFKUyxpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUM3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDM0MsYUFBUSxHQUFRLEVBQUUsQ0FBQztRQUNuQixtQkFBYyxHQUFHLFNBQVMsQ0FBQztJQUNaLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUNELG1CQUFtQjtRQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQVEsRUFBRSxLQUFVLEVBQUUsRUFBRTtZQUN0RSxJQUFJLE9BQU8sS0FBSyxHQUFHLENBQUMsSUFBSSxFQUFFO2dCQUN4QixPQUFPLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDbkIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsZUFBZSxDQUFDLElBQUksQ0FDcEUsQ0FBQyxJQUFTLEVBQUUsRUFBRTtvQkFDWixPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDdEMsQ0FBQyxDQUNGLENBQUM7Z0JBQ0YsSUFBSSxXQUFXLEVBQUU7b0JBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFXLENBQUM7aUJBQ3BDO3FCQUFNO29CQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUc7d0JBQ3JCLFFBQVEsRUFBRSxFQUFFO3dCQUNaLFVBQVUsRUFBRSxHQUFHLENBQUMsSUFBSTt3QkFDcEIsZUFBZSxFQUFFLEVBQUU7cUJBQ3BCLENBQUM7aUJBQ0g7YUFDRjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0FuQ1UsZ0JBQWdCO21HQUFoQixnQkFBZ0IseUxDZDdCLG0vSkFxRk07OzRGRHZFTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTswRUFLZCxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wcmV2aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcmV2aWV3LmNvbXBvbmVudC5sZXNzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFByZXZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHF1ZXN0aW9uRGF0YSE6IGFueTtcbiAgQElucHV0KCkgaXNGdWxsU2NyZWVuOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBwcmV2aWV3QmFjayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgcGFnZURhdGE6IGFueSA9IFtdO1xuICBzZWxlY3RlZERldmljZSA9ICdERVNLVE9QJztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2VuZXJhdGVQYWdlRGV0YWlscygpO1xuICB9XG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuZ2VuZXJhdGVQYWdlRGV0YWlscygpO1xuICB9XG4gIGdlbmVyYXRlUGFnZURldGFpbHMoKSB7XG4gICAgbGV0IG9sZFBhZ2UgPSAwO1xuICAgIHRoaXMucXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LmVsZW1lbnRzLmZvckVhY2goKGVsZTogYW55LCBpbmRleDogYW55KSA9PiB7XG4gICAgICBpZiAob2xkUGFnZSAhPT0gZWxlLnBhZ2UpIHtcbiAgICAgICAgb2xkUGFnZSA9IGVsZS5wYWdlO1xuICAgICAgICBjb25zdCBjdXJyZW50UGFnZSA9IHRoaXMucXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LnBhZ2VEZXRhaWxzTGlzdC5maW5kKFxuICAgICAgICAgIChwYWdlOiBhbnkpID0+IHtcbiAgICAgICAgICAgIHJldHVybiBwYWdlLnBhZ2VOdW1iZXIgPT09IGVsZS5wYWdlO1xuICAgICAgICAgIH1cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGN1cnJlbnRQYWdlKSB7XG4gICAgICAgICAgdGhpcy5wYWdlRGF0YVtpbmRleF0gPSBjdXJyZW50UGFnZTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLnBhZ2VEYXRhW2luZGV4XSA9IHtcbiAgICAgICAgICAgIHBhZ2VOYW1lOiAnJyxcbiAgICAgICAgICAgIHBhZ2VOdW1iZXI6IGVsZS5wYWdlLFxuICAgICAgICAgICAgcGFnZURlc2NyaXB0aW9uOiAnJyxcbiAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwcmV2aWV3LXBhZ2VcIiBbY2xhc3MuZnVsbC1zY3JlZW5dPVwiaXNGdWxsU2NyZWVuXCI+XG4gIDxkaXYgY2xhc3M9XCJwcmV2aWV3LXBhZ2UtaGVhZGluZyB2eC1mcy0xNCB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LXBsLTMgdngtcHItMyB2eC1tYi01IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cbiAgICBQcmV2aWV3XG4gICAgPHNwYW4gY2xhc3M9XCJ2eC1mcy0xMiB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW1sLTIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiPig8c3BhbiBjbGFzcz1cInZhbHVlXCJcbiAgICAgICAgW2FwcFRvb2x0aXBdPVwicXVlc3Rpb25EYXRhPy5hc3Nlc3NtZW50X25hbWVcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiXG4gICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCI+e3sgcXVlc3Rpb25EYXRhPy5hc3Nlc3NtZW50X25hbWUgfX08L3NwYW4+KTwvc3Bhbj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInByZXZpZXctcGFnZS1taWRcIiBbY2xhc3Mud2l0aC10YWJsZXRdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdUQUJMRVQnXCJcbiAgICBbY2xhc3Mud2l0aC1tb2JpbGVdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdNT0JJTEUnXCI+XG4gICAgPGRpdiBjbGFzcz1cInByZXZpZXctcGFnZS1taWQtaW5uZXJcIiBbY2xhc3MudGFibGV0XT1cInNlbGVjdGVkRGV2aWNlID09PSAnVEFCTEVUJ1wiXG4gICAgICBbY2xhc3MubW9iaWxlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnTU9CSUxFJ1wiPlxuICAgICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vYmlsZS10b3BcIiAqbmdJZj1cImZhbHNlXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWluc2lkZSB2eC1wci0yXCI+XG4gICAgICAgICAgPCEtLSA8YXBwLXF1ZXN0aW9uLXdlbGNvbWU+PC9hcHAtcXVlc3Rpb24td2VsY29tZT4gLS0+XG4gICAgICAgICAgPGFwcC1wYWdlLWhlYWRlciAqbmdJZj1cInF1ZXN0aW9uRGF0YT8uaGFzV2VsY29tZSA9PT0gdHJ1ZVwiIFtwYWdlVGl0bGVdPVwiJ1dFTENPTUUgU0NSRUVOJ1wiPjwvYXBwLXBhZ2UtaGVhZGVyPlxuICAgICAgICAgIDxhcHAtcHJldmlldy13ZWxjb21lIFtxdWVzdGlvbkRldGFpbHNdPVwicXVlc3Rpb25EYXRhXCJcbiAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb25EYXRhPy5oYXNXZWxjb21lID09PSB0cnVlXCI+PC9hcHAtcHJldmlldy13ZWxjb21lPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwiXG4gICAgICAgICAgICAgIGxldCBxdWVzdGlvbiBvZiBxdWVzdGlvbkRhdGE/LnF1ZXN0aW9ucz8uZWxlbWVudHM7XG4gICAgICAgICAgICAgIGxldCBpID0gaW5kZXhcbiAgICAgICAgICAgIFwiPlxuICAgICAgICAgICAgPGFwcC1wYWdlLWhlYWRlciAqbmdJZj1cInBhZ2VEYXRhW2ldXCIgW3BhZ2VEZXRhaWxdPVwicGFnZURhdGFbaV1cIj48L2FwcC1wYWdlLWhlYWRlcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJcbiAgICAgICAgICAgICAgICBxdWVzdGlvbkRhdGFcbiAgICAgICAgICAgICAgICAgIHwgZ2V0U2VjdGlvbk9yZGVyIDogcXVlc3Rpb24/LnNlY3Rpb25JZCBhcyBzZWN0aW9uRGV0YWlsc1xuICAgICAgICAgICAgICBcIj5cbiAgICAgICAgICAgICAgPGFwcC1zZWN0aW9uLWRldGFpbHMgKm5nSWY9XCJcbiAgICAgICAgICAgICAgICAgIHNlY3Rpb25EZXRhaWxzPy5xdWVzdGlvbklkID09PSBxdWVzdGlvbi5uYW1lICYmXG4gICAgICAgICAgICAgICAgICBzZWN0aW9uRGV0YWlscz8uaW5kZXggPiAtMVxuICAgICAgICAgICAgICAgIFwiIFtzZWN0aW9uRGV0YWlsc109XCJzZWN0aW9uRGV0YWlsc1wiPjwvYXBwLXNlY3Rpb24tZGV0YWlscz5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tYXJlYVwiIFtjbGFzcy5sYXN0LXF1ZXN0aW9uLWFyZWFdPVwiZmFsc2VcIj5cbiAgICAgICAgICAgICAgPGFwcC1yYWRpby1xdWVzdGlvbiAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdtdWx0aXBsZS1jaG9pY2UnXCIgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiPjwvYXBwLXJhZGlvLXF1ZXN0aW9uPlxuICAgICAgICAgICAgICA8YXBwLWNoZWNrYm94LXF1ZXN0aW9uICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ2NoZWNrYm94J1wiIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIj48L2FwcC1jaGVja2JveC1xdWVzdGlvbj5cbiAgICAgICAgICAgICAgPCEtLSA8YXBwLWltYWdlLXJhZGlvLXF1ZXN0aW9uPjwvYXBwLWltYWdlLXJhZGlvLXF1ZXN0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1zdGFyLXJhdGluZz48L2FwcC1zdGFyLXJhdGluZz4gLS0+XG4gICAgICAgICAgICAgIDxhcHAtc2luZ2xlLXRleHRib3ggKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnc2luZ2xlLXRleHRib3gnXCIgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiPjwvYXBwLXNpbmdsZS10ZXh0Ym94PlxuICAgICAgICAgICAgICA8IS0tIDxhcHAtY29tbWVudC1xdWVzdGlvbj48L2FwcC1jb21tZW50LXF1ZXN0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1yYXRpbmctdGFibGU+PC9hcHAtcmF0aW5nLXRhYmxlPiAtLT5cbiAgICAgICAgICAgICAgPGFwcC1zZWxlY3QtcXVlc3Rpb24gKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZHJvcGRvd24nXCIgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiPjwvYXBwLXNlbGVjdC1xdWVzdGlvbj5cbiAgICAgICAgICAgICAgPCEtLSA8YXBwLXNlbGVjdC1vcHRpb24tcmF0aW5nPjwvYXBwLXNlbGVjdC1vcHRpb24tcmF0aW5nPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1yYW5raW5nPjwvYXBwLXJhbmtpbmc+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXNsaWRlci1xdWVzdGlvbj48L2FwcC1zbGlkZXItcXVlc3Rpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLW11bHRpcGxlLXRleHRib3g+PC9hcHAtbXVsdGlwbGUtdGV4dGJveD4gLS0+XG4gICAgICAgICAgICAgIDxhcHAtcHJldmlldy1tYXRyaXgtZHJvcGRvd24gKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnbWF0cml4LWRyb3Bkb3duJ1wiIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIj48L2FwcC1wcmV2aWV3LW1hdHJpeC1kcm9wZG93bj5cbiAgICAgICAgICAgICAgPGFwcC1kYXRlLXRpbWUgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZGF0ZS10aW1lJ1wiIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIj48L2FwcC1kYXRlLXRpbWU+XG4gICAgICAgICAgICAgIDxhcHAtZmlsZS11cGxvYWQgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZmlsZS11cGxvYWQnXCIgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiPjwvYXBwLWZpbGUtdXBsb2FkPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGV2aWNlLWFyZWFcIj5cbiAgICAgICAgPGFwcC1kZXZpY2UgKGRldmljZUNoYW5nZWQpPVwic2VsZWN0ZWREZXZpY2UgPSAkZXZlbnRcIiBbc2VsZWN0ZWREZXZpY2VdPVwic2VsZWN0ZWREZXZpY2VcIj48L2FwcC1kZXZpY2U+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInByZXZpZXctcGFnZS1mb290ZXIgdngtcC0zIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuXCI+XG4gICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWNvdW50IHZ4LXRleHQtY2VudGVyXCI+XG4gICAgICA8IS0tIDxkaXYgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMiB2eC1mdy01MDAgdngtcGFyYWdyYXBoLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbWItMVwiPjEgT0Yge3txdWVzdGlvbkRhdGE/LnF1ZXN0aW9ucz8uZWxlbWVudHM/Lmxlbmd0aH19IFFVRVNUSU9OUyBBTlNXRVJFRDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLXByb2dyZXNzXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlubmVyLWxpbmVcIiBzdHlsZT1cIndpZHRoOiAyMCU7XCI+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj4gLS0+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJwb3dlcmVkLXNlY3Rpb24gdngtZnMtOSB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTIgdngtcHItMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWxoLTdcIj5cbiAgICAgICAgUE9XRVJFRCBCWSZuYnNwOzxzcGFuIGNsYXNzPVwidngtZnctNzAwXCI+VkNPTVBMWTwvc3Bhbj4mbmJzcDs8c3VwIGNsYXNzPVwidngtZnctNjAwXCI+VE08L3N1cD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwicHJldmlld0JhY2suZW1pdCgpXCJcbiAgICAgICAgY2xhc3M9XCJiYWNrIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1wbC0yIHZ4LXByLTIgdngtbS0wIHZ4LW1sLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiPlxuICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE2IHZ4LW1yLTFcIj4mI3hlOTFkOzwvaT4gQkFDS1xuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19
|