vcomply-workflow-engine 3.3.0 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/sharedComponents/assessment-editor/components/preview/preview-matrix-dropdown/preview-matrix-dropdown.component.mjs +10 -7
- package/esm2020/lib/sharedComponents/assessment-editor/components/preview/preview-wrapper/preview-wrapper.component.mjs +1 -1
- package/esm2020/lib/sharedComponents/assessment-editor/components/preview/preview.module.mjs +7 -3
- package/esm2020/lib/sharedComponents/assessment-preview/assessment-preview.module.mjs +13 -10
- package/esm2020/lib/sharedComponents/assessment-preview/checkbox-question/checkbox-question.component.mjs +2 -2
- package/esm2020/lib/sharedComponents/assessment-preview/date-time/date-time.component.mjs +2 -2
- package/esm2020/lib/sharedComponents/assessment-preview/file-upload/file-upload.component.mjs +2 -2
- package/esm2020/lib/sharedComponents/assessment-preview/preview/preview.component.mjs +14 -12
- package/esm2020/lib/sharedComponents/assessment-preview/quick-settings/quick-settings.component.mjs +7 -5
- package/esm2020/lib/sharedComponents/assessment-preview/radio-question/radio-question.component.mjs +2 -2
- package/esm2020/lib/sharedComponents/assessment-preview/select-question/select-question.component.mjs +2 -2
- package/esm2020/lib/sharedComponents/assessment-preview/single-textbox/single-textbox.component.mjs +2 -2
- package/esm2020/lib/sharedComponents/v-loader/loader/loader.component.mjs +1 -1
- package/esm2020/lib/sharedComponents/v-loader/loader-inline/loader-inline.component.mjs +1 -1
- package/fesm2015/vcomply-workflow-engine.mjs +211 -205
- package/fesm2015/vcomply-workflow-engine.mjs.map +1 -1
- package/fesm2020/vcomply-workflow-engine.mjs +211 -205
- package/fesm2020/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/sharedComponents/assessment-editor/components/preview/preview-matrix-dropdown/preview-matrix-dropdown.component.d.ts +5 -2
- package/lib/sharedComponents/assessment-editor/components/preview/preview.module.d.ts +2 -1
- package/lib/sharedComponents/assessment-preview/assessment-preview.module.d.ts +14 -13
- package/lib/sharedComponents/assessment-preview/quick-settings/quick-settings.component.d.ts +1 -1
- package/lib/sharedComponents/v-loader/loader/loader.component.d.ts +1 -1
- package/lib/sharedComponents/v-loader/loader-inline/loader-inline.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2,15 +2,17 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "../
|
|
8
|
-
import * as i6 from "../
|
|
9
|
-
import * as i7 from "../
|
|
10
|
-
import * as i8 from "../
|
|
11
|
-
import * as i9 from "../
|
|
12
|
-
import * as i10 from "../
|
|
13
|
-
import * as i11 from "../
|
|
5
|
+
import * as i3 from "../../assessment-editor/components/preview/preview-matrix-dropdown/preview-matrix-dropdown.component";
|
|
6
|
+
import * as i4 from "../../assessment-editor/components/preview/welcome/welcome.component";
|
|
7
|
+
import * as i5 from "../checkbox-question/checkbox-question.component";
|
|
8
|
+
import * as i6 from "../date-time/date-time.component";
|
|
9
|
+
import * as i7 from "../device/device.component";
|
|
10
|
+
import * as i8 from "../file-upload/file-upload.component";
|
|
11
|
+
import * as i9 from "../radio-question/radio-question.component";
|
|
12
|
+
import * as i10 from "../select-question/select-question.component";
|
|
13
|
+
import * as i11 from "../single-textbox/single-textbox.component";
|
|
14
|
+
import * as i12 from "../page-header/page-header.component";
|
|
15
|
+
import * as i13 from "../welcome/welcome.component";
|
|
14
16
|
export class PreviewComponent {
|
|
15
17
|
constructor() {
|
|
16
18
|
this.previewBack = new EventEmitter();
|
|
@@ -43,13 +45,13 @@ export class PreviewComponent {
|
|
|
43
45
|
}
|
|
44
46
|
}
|
|
45
47
|
PreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PreviewComponent, selector: "app-preview", inputs: { questionData: "questionData" }, outputs: { previewBack: "previewBack" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\r\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\">Preview <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\">(<span class=\"value\" [appTooltip]=\"questionData?.assessment_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{questionData?.assessment_name}}</span>)</span></div>\r\n\r\n <div class=\"preview-page-mid\" [class.with-tablet]=\"selectedDevice === 'TABLET'\" [class.with-mobile]=\"selectedDevice === 'MOBILE'\">\r\n <div class=\"preview-page-mid-inner\" [class.tablet]=\"selectedDevice === 'TABLET'\" [class.mobile]=\"selectedDevice === 'MOBILE'\">\r\n <ng-container>\r\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\r\n <div class=\"preview-inside\">\r\n <!-- <app-question-welcome></app-question-welcome> -->\r\n <app-page-header *ngIf=\"questionData?.hasWelcome===true\" [pageTitle]=\"'WELCOME SCREEN'\"></app-page-header>\r\n <app-preview-welcome [questionDetails]=\"questionData\" *ngIf=\"questionData?.hasWelcome===true\" ></app-preview-welcome>\r\n <ng-container *ngFor=\"let question of questionData?.questions?.elements;let i = index\">\r\n <app-page-header *ngIf=\"pageData[i]\" [pageDetail]=\"pageData[i]\"></app-page-header>\r\n <app-radio-question *ngIf=\"question.type === 'multiple-choice'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-radio-question>\r\n <app-checkbox-question *ngIf=\"question.type === 'checkbox'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-checkbox-question>\r\n <!-- <app-image-radio-question></app-image-radio-question>\r\n <app-star-rating></app-star-rating> -->\r\n <app-single-textbox *ngIf=\"question.type === 'single-textbox'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-single-textbox>\r\n <!-- <app-comment-question></app-comment-question>\r\n <app-rating-table></app-rating-table> -->\r\n <app-select-question *ngIf=\"question.type === 'dropdown'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-select-question>\r\n <!-- <app-select-option-rating></app-select-option-rating>\r\n <app-ranking></app-ranking>\r\n <app-slider-question></app-slider-question>\r\n <app-multiple-textbox></app-multiple-textbox> -->\r\n <app-date-time *ngIf=\"question.type === 'date-time'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-date-time>\r\n <app-file-upload *ngIf=\"question.type === 'file-upload'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-file-upload>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <div class=\"device-area\"><app-device (deviceChanged)=\"selectedDevice = $event\" [selectedDevice]=\"selectedDevice\"></app-device></div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\">\r\n <div class=\"question-count vx-text-center\">\r\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>\r\n <div class=\"question-progress\">\r\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\r\n </div> -->\r\n </div>\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <div 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\">\r\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup class=\"vx-fw-600\">TM</sup>\r\n </div>\r\n <button (click)=\"previewBack.emit()\" 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\"><i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK</button>\r\n </div>\r\n </div>\r\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:#FFFFFF;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:1.5rem 3rem 1.5rem 1.25rem;width:calc(100% - 1.75rem);height:calc(100vh - 9rem);overflow-y:auto;width:52.5rem;margin:0 auto}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::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:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::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}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside 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 .device-area{position:fixed;top:38%;transform:translate(-50%);right:8rem}::ng-deep .preview-page-footer{background:#FFFFFF;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.CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i4.DateTimeComponent, selector: "app-date-time", inputs: ["question", "questionIndex"] }, { kind: "component", type: i5.DeviceComponent, selector: "app-device", inputs: ["selectedDevice"], outputs: ["deviceChanged"] }, { kind: "component", type: i6.FileUploadComponent, selector: "app-file-upload", inputs: ["question", "questionIndex"] }, { kind: "component", type: i7.RadioQuestionComponent, selector: "app-radio-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i8.SelectQuestionComponent, selector: "app-select-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i9.SingleTextboxComponent, selector: "app-single-textbox", inputs: ["question", "questionIndex"] }, { kind: "component", type: i10.PageHeaderComponent, selector: "app-page-header", inputs: ["pageDetail", "pageTitle"] }, { kind: "component", type: i11.WelcomeComponent, selector: "app-preview-welcome", inputs: ["questionDetails"] }] });
|
|
48
|
+
PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PreviewComponent, selector: "app-preview", inputs: { questionData: "questionData" }, outputs: { previewBack: "previewBack" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\r\n <div\r\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\"\r\n >\r\n Preview\r\n <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\"\r\n >(<span\r\n class=\"value\"\r\n [appTooltip]=\"questionData?.assessment_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ questionData?.assessment_name }}</span\r\n >)</span\r\n >\r\n </div>\r\n\r\n <div\r\n class=\"preview-page-mid\"\r\n [class.with-tablet]=\"selectedDevice === 'TABLET'\"\r\n [class.with-mobile]=\"selectedDevice === 'MOBILE'\"\r\n >\r\n <div\r\n class=\"preview-page-mid-inner\"\r\n [class.tablet]=\"selectedDevice === 'TABLET'\"\r\n [class.mobile]=\"selectedDevice === 'MOBILE'\"\r\n >\r\n <ng-container>\r\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\r\n <div class=\"preview-inside\">\r\n <!-- <app-question-welcome></app-question-welcome> -->\r\n <app-page-header\r\n *ngIf=\"questionData?.hasWelcome === true\"\r\n [pageTitle]=\"'WELCOME SCREEN'\"\r\n ></app-page-header>\r\n <app-preview-welcome\r\n [questionDetails]=\"questionData\"\r\n *ngIf=\"questionData?.hasWelcome === true\"\r\n ></app-preview-welcome>\r\n <ng-container\r\n *ngFor=\"\r\n let question of questionData?.questions?.elements;\r\n let i = index\r\n \"\r\n >\r\n <app-page-header\r\n *ngIf=\"pageData[i]\"\r\n [pageDetail]=\"pageData[i]\"\r\n ></app-page-header>\r\n <app-radio-question\r\n *ngIf=\"question.type === 'multiple-choice'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-radio-question>\r\n <app-checkbox-question\r\n *ngIf=\"question.type === 'checkbox'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-checkbox-question>\r\n <!-- <app-image-radio-question></app-image-radio-question>\r\n <app-star-rating></app-star-rating> -->\r\n <app-single-textbox\r\n *ngIf=\"question.type === 'single-textbox'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-single-textbox>\r\n <!-- <app-comment-question></app-comment-question>\r\n <app-rating-table></app-rating-table> -->\r\n <app-select-question\r\n *ngIf=\"question.type === 'dropdown'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-select-question>\r\n <!-- <app-select-option-rating></app-select-option-rating>\r\n <app-ranking></app-ranking>\r\n <app-slider-question></app-slider-question>\r\n <app-multiple-textbox></app-multiple-textbox> -->\r\n <app-preview-matrix-dropdown\r\n *ngIf=\"question.type === 'matrix-dropdown'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-preview-matrix-dropdown>\r\n <app-date-time\r\n *ngIf=\"question.type === 'date-time'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-date-time>\r\n <app-file-upload\r\n *ngIf=\"question.type === 'file-upload'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-file-upload>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <div class=\"device-area\">\r\n <app-device\r\n (deviceChanged)=\"selectedDevice = $event\"\r\n [selectedDevice]=\"selectedDevice\"\r\n ></app-device>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\"\r\n >\r\n <div class=\"question-count vx-text-center\">\r\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>\r\n <div class=\"question-progress\">\r\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\r\n </div> -->\r\n </div>\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <div\r\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\"\r\n >\r\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup\r\n class=\"vx-fw-600\"\r\n >TM</sup\r\n >\r\n </div>\r\n <button\r\n (click)=\"previewBack.emit()\"\r\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\"\r\n >\r\n <i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\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:#FFFFFF;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:1.5rem 5rem 1.5rem 1.25rem;width:calc(100% - 1.75rem);height:calc(100vh - 9rem);overflow-y:auto;width:52.5rem;margin:0 auto}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::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}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::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}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside 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 app-preview-matrix-dropdown .preview-list{width:90%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-preview-matrix-dropdown .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-preview-matrix-dropdown .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-preview-matrix-dropdown .preview-list .question-quick-settings{right:-2.5rem}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:8rem}::ng-deep .preview-page-footer{background:#FFFFFF;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.PageHeaderComponent, selector: "app-page-header", inputs: ["pageDetail", "pageTitle"] }, { kind: "component", type: i13.WelcomeComponent, selector: "app-preview-welcome", inputs: ["questionDetails"] }] });
|
|
47
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreviewComponent, decorators: [{
|
|
48
50
|
type: Component,
|
|
49
|
-
args: [{ selector: 'app-preview', template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\r\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\">Preview <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\">(<span class=\"value\" [appTooltip]=\"questionData?.assessment_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{questionData?.assessment_name}}</span>)</span></div>\r\n\r\n <div class=\"preview-page-mid\" [class.with-tablet]=\"selectedDevice === 'TABLET'\" [class.with-mobile]=\"selectedDevice === 'MOBILE'\">\r\n <div class=\"preview-page-mid-inner\" [class.tablet]=\"selectedDevice === 'TABLET'\" [class.mobile]=\"selectedDevice === 'MOBILE'\">\r\n <ng-container>\r\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\r\n <div class=\"preview-inside\">\r\n <!-- <app-question-welcome></app-question-welcome> -->\r\n <app-page-header *ngIf=\"questionData?.hasWelcome===true\" [pageTitle]=\"'WELCOME SCREEN'\"></app-page-header>\r\n <app-preview-welcome [questionDetails]=\"questionData\" *ngIf=\"questionData?.hasWelcome===true\" ></app-preview-welcome>\r\n <ng-container *ngFor=\"let question of questionData?.questions?.elements;let i = index\">\r\n <app-page-header *ngIf=\"pageData[i]\" [pageDetail]=\"pageData[i]\"></app-page-header>\r\n <app-radio-question *ngIf=\"question.type === 'multiple-choice'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-radio-question>\r\n <app-checkbox-question *ngIf=\"question.type === 'checkbox'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-checkbox-question>\r\n <!-- <app-image-radio-question></app-image-radio-question>\r\n <app-star-rating></app-star-rating> -->\r\n <app-single-textbox *ngIf=\"question.type === 'single-textbox'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-single-textbox>\r\n <!-- <app-comment-question></app-comment-question>\r\n <app-rating-table></app-rating-table> -->\r\n <app-select-question *ngIf=\"question.type === 'dropdown'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-select-question>\r\n <!-- <app-select-option-rating></app-select-option-rating>\r\n <app-ranking></app-ranking>\r\n <app-slider-question></app-slider-question>\r\n <app-multiple-textbox></app-multiple-textbox> -->\r\n <app-date-time *ngIf=\"question.type === 'date-time'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-date-time>\r\n <app-file-upload *ngIf=\"question.type === 'file-upload'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-file-upload>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <div class=\"device-area\"><app-device (deviceChanged)=\"selectedDevice = $event\" [selectedDevice]=\"selectedDevice\"></app-device></div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\">\r\n <div class=\"question-count vx-text-center\">\r\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>\r\n <div class=\"question-progress\">\r\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\r\n </div> -->\r\n </div>\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <div 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\">\r\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup class=\"vx-fw-600\">TM</sup>\r\n </div>\r\n <button (click)=\"previewBack.emit()\" 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\"><i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK</button>\r\n </div>\r\n </div>\r\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:#FFFFFF;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:1.5rem 3rem 1.5rem 1.25rem;width:calc(100% - 1.75rem);height:calc(100vh - 9rem);overflow-y:auto;width:52.5rem;margin:0 auto}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::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:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::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}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside 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 .device-area{position:fixed;top:38%;transform:translate(-50%);right:8rem}::ng-deep .preview-page-footer{background:#FFFFFF;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"] }]
|
|
51
|
+
args: [{ selector: 'app-preview', template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\r\n <div\r\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\"\r\n >\r\n Preview\r\n <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\"\r\n >(<span\r\n class=\"value\"\r\n [appTooltip]=\"questionData?.assessment_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ questionData?.assessment_name }}</span\r\n >)</span\r\n >\r\n </div>\r\n\r\n <div\r\n class=\"preview-page-mid\"\r\n [class.with-tablet]=\"selectedDevice === 'TABLET'\"\r\n [class.with-mobile]=\"selectedDevice === 'MOBILE'\"\r\n >\r\n <div\r\n class=\"preview-page-mid-inner\"\r\n [class.tablet]=\"selectedDevice === 'TABLET'\"\r\n [class.mobile]=\"selectedDevice === 'MOBILE'\"\r\n >\r\n <ng-container>\r\n <div class=\"mobile-top\" *ngIf=\"false\"></div>\r\n <div class=\"preview-inside\">\r\n <!-- <app-question-welcome></app-question-welcome> -->\r\n <app-page-header\r\n *ngIf=\"questionData?.hasWelcome === true\"\r\n [pageTitle]=\"'WELCOME SCREEN'\"\r\n ></app-page-header>\r\n <app-preview-welcome\r\n [questionDetails]=\"questionData\"\r\n *ngIf=\"questionData?.hasWelcome === true\"\r\n ></app-preview-welcome>\r\n <ng-container\r\n *ngFor=\"\r\n let question of questionData?.questions?.elements;\r\n let i = index\r\n \"\r\n >\r\n <app-page-header\r\n *ngIf=\"pageData[i]\"\r\n [pageDetail]=\"pageData[i]\"\r\n ></app-page-header>\r\n <app-radio-question\r\n *ngIf=\"question.type === 'multiple-choice'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-radio-question>\r\n <app-checkbox-question\r\n *ngIf=\"question.type === 'checkbox'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-checkbox-question>\r\n <!-- <app-image-radio-question></app-image-radio-question>\r\n <app-star-rating></app-star-rating> -->\r\n <app-single-textbox\r\n *ngIf=\"question.type === 'single-textbox'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-single-textbox>\r\n <!-- <app-comment-question></app-comment-question>\r\n <app-rating-table></app-rating-table> -->\r\n <app-select-question\r\n *ngIf=\"question.type === 'dropdown'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-select-question>\r\n <!-- <app-select-option-rating></app-select-option-rating>\r\n <app-ranking></app-ranking>\r\n <app-slider-question></app-slider-question>\r\n <app-multiple-textbox></app-multiple-textbox> -->\r\n <app-preview-matrix-dropdown\r\n *ngIf=\"question.type === 'matrix-dropdown'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-preview-matrix-dropdown>\r\n <app-date-time\r\n *ngIf=\"question.type === 'date-time'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-date-time>\r\n <app-file-upload\r\n *ngIf=\"question.type === 'file-upload'\"\r\n [question]=\"question\"\r\n [questionIndex]=\"i + 1\"\r\n ></app-file-upload>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <div class=\"device-area\">\r\n <app-device\r\n (deviceChanged)=\"selectedDevice = $event\"\r\n [selectedDevice]=\"selectedDevice\"\r\n ></app-device>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\"\r\n >\r\n <div class=\"question-count vx-text-center\">\r\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>\r\n <div class=\"question-progress\">\r\n <div class=\"inner-line\" style=\"width: 20%;\"></div>\r\n </div> -->\r\n </div>\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <div\r\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\"\r\n >\r\n POWERED BY <span class=\"vx-fw-700\">VCOMPLY</span> <sup\r\n class=\"vx-fw-600\"\r\n >TM</sup\r\n >\r\n </div>\r\n <button\r\n (click)=\"previewBack.emit()\"\r\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\"\r\n >\r\n <i class=\"icons vx-fs-16 vx-mr-1\"></i> BACK\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\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:#FFFFFF;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:1.5rem 5rem 1.5rem 1.25rem;width:calc(100% - 1.75rem);height:calc(100vh - 9rem);overflow-y:auto;width:52.5rem;margin:0 auto}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::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}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::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}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside 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 app-preview-matrix-dropdown .preview-list{width:90%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-preview-matrix-dropdown .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-preview-matrix-dropdown .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-preview-matrix-dropdown .preview-list .question-quick-settings{right:-2.5rem}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:8rem}::ng-deep .preview-page-footer{background:#FFFFFF;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"] }]
|
|
50
52
|
}], ctorParameters: function () { return []; }, propDecorators: { questionData: [{
|
|
51
53
|
type: Input
|
|
52
54
|
}], previewBack: [{
|
|
53
55
|
type: Output
|
|
54
56
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtcHJldmlldy9wcmV2aWV3L3ByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcHJldmlldy9wcmV2aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7O0FBUTFGLE1BQU0sT0FBTyxnQkFBZ0I7SUFLM0I7UUFIVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDM0MsYUFBUSxHQUFRLEVBQUUsQ0FBQTtRQUNsQixtQkFBYyxHQUFHLFNBQVMsQ0FBQztJQUNYLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFDSCxXQUFXO1FBQ1gsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUNDLG1CQUFtQjtRQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQU8sRUFBRSxLQUFTLEVBQUUsRUFBRTtZQUNsRSxJQUFJLE9BQU8sS0FBSyxHQUFHLENBQUMsSUFBSSxFQUFFO2dCQUN4QixPQUFPLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDbkIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQVEsRUFBRSxFQUFFO29CQUNsRixPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDdEMsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsSUFBSSxXQUFXLEVBQUU7b0JBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFXLENBQUM7aUJBQ3BDO3FCQUFNO29CQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxHQUFHLENBQUMsSUFBSSxFQUFFLGVBQWUsRUFBRSxFQUFFLEVBQUMsQ0FBQztpQkFDcEY7YUFFRjtRQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ0gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0IsQ0FBQzs7NkdBOUJVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLDJKQ1I3Qiw4MklBZ0RNOzJGRHhDTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTswRUFLZCxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wcmV2aWV3JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJldmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcmV2aWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uRGF0YSAhOmFueTtcclxuICBAT3V0cHV0KCkgcHJldmlld0JhY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgcGFnZURhdGEgOmFueSA9IFtdXHJcbiAgc2VsZWN0ZWREZXZpY2UgPSAnREVTS1RPUCc7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmdlbmVyYXRlUGFnZURldGFpbHMoKTtcclxuICB9XHJcbm5nT25DaGFuZ2VzKCl7XHJcbnRoaXMuZ2VuZXJhdGVQYWdlRGV0YWlscygpO1xyXG59XHJcbiAgZ2VuZXJhdGVQYWdlRGV0YWlscygpIHtcclxuICAgIGxldCBvbGRQYWdlID0gMDtcclxuICAgIHRoaXMucXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LmVsZW1lbnRzLmZvckVhY2goKGVsZTphbnksIGluZGV4OmFueSkgPT4ge1xyXG4gICAgICAgIGlmIChvbGRQYWdlICE9PSBlbGUucGFnZSkge1xyXG4gICAgICAgICAgb2xkUGFnZSA9IGVsZS5wYWdlO1xyXG4gICAgICAgICAgY29uc3QgY3VycmVudFBhZ2UgPSB0aGlzLnF1ZXN0aW9uRGF0YT8ucXVlc3Rpb25zPy5wYWdlRGV0YWlsc0xpc3QuZmluZCgocGFnZTphbnkpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIHBhZ2UucGFnZU51bWJlciA9PT0gZWxlLnBhZ2U7XHJcbiAgICAgICAgICB9KTtcclxuICAgICAgICAgIGlmIChjdXJyZW50UGFnZSkge1xyXG4gICAgICAgICAgICB0aGlzLnBhZ2VEYXRhW2luZGV4XSA9IGN1cnJlbnRQYWdlO1xyXG4gICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5wYWdlRGF0YVtpbmRleF0gPSAgeyBwYWdlTmFtZTogJycsIHBhZ2VOdW1iZXI6IGVsZS5wYWdlLCBwYWdlRGVzY3JpcHRpb246ICcnfTtcclxuICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgfVxyXG4gICAgfSk7XHJcbiAgICBjb25zb2xlLmxvZyh0aGlzLnBhZ2VEYXRhKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwcmV2aWV3LXBhZ2VcIiBbY2xhc3Mud2l0aC1kYXRlcGlja2VyXT1cImZhbHNlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1wYWdlLWhlYWRpbmcgdngtZnMtMTQgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC1wbC0zIHZ4LXByLTMgdngtbWItNSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+UHJldmlldyA8c3BhbiBjbGFzcz1cInZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHQgdngtbWwtMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+KDxzcGFuIGNsYXNzPVwidmFsdWVcIiBbYXBwVG9vbHRpcF09XCJxdWVzdGlvbkRhdGE/LmFzc2Vzc21lbnRfbmFtZVwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj57e3F1ZXN0aW9uRGF0YT8uYXNzZXNzbWVudF9uYW1lfX08L3NwYW4+KTwvc3Bhbj48L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1wYWdlLW1pZFwiIFtjbGFzcy53aXRoLXRhYmxldF09XCJzZWxlY3RlZERldmljZSA9PT0gJ1RBQkxFVCdcIiBbY2xhc3Mud2l0aC1tb2JpbGVdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdNT0JJTEUnXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByZXZpZXctcGFnZS1taWQtaW5uZXJcIiBbY2xhc3MudGFibGV0XT1cInNlbGVjdGVkRGV2aWNlID09PSAnVEFCTEVUJ1wiIFtjbGFzcy5tb2JpbGVdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdNT0JJTEUnXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9iaWxlLXRvcFwiICpuZ0lmPVwiZmFsc2VcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWluc2lkZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGFwcC1xdWVzdGlvbi13ZWxjb21lPjwvYXBwLXF1ZXN0aW9uLXdlbGNvbWU+IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgIDxhcHAtcGFnZS1oZWFkZXIgICpuZ0lmPVwicXVlc3Rpb25EYXRhPy5oYXNXZWxjb21lPT09dHJ1ZVwiIFtwYWdlVGl0bGVdPVwiJ1dFTENPTUUgU0NSRUVOJ1wiPjwvYXBwLXBhZ2UtaGVhZGVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxhcHAtcHJldmlldy13ZWxjb21lIFtxdWVzdGlvbkRldGFpbHNdPVwicXVlc3Rpb25EYXRhXCIgKm5nSWY9XCJxdWVzdGlvbkRhdGE/Lmhhc1dlbGNvbWU9PT10cnVlXCIgPjwvYXBwLXByZXZpZXctd2VsY29tZT5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBxdWVzdGlvbiBvZiBxdWVzdGlvbkRhdGE/LnF1ZXN0aW9ucz8uZWxlbWVudHM7bGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXBhZ2UtaGVhZGVyICpuZ0lmPVwicGFnZURhdGFbaV1cIiBbcGFnZURldGFpbF09XCJwYWdlRGF0YVtpXVwiPjwvYXBwLXBhZ2UtaGVhZGVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXJhZGlvLXF1ZXN0aW9uICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ211bHRpcGxlLWNob2ljZSdcIiBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIiBbcXVlc3Rpb25JbmRleF09XCJpKzFcIj48L2FwcC1yYWRpby1xdWVzdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1jaGVja2JveC1xdWVzdGlvbiAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdjaGVja2JveCdcIiBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIiBbcXVlc3Rpb25JbmRleF09XCJpKzFcIj48L2FwcC1jaGVja2JveC1xdWVzdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8YXBwLWltYWdlLXJhZGlvLXF1ZXN0aW9uPjwvYXBwLWltYWdlLXJhZGlvLXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXN0YXItcmF0aW5nPjwvYXBwLXN0YXItcmF0aW5nPiAtLT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1zaW5nbGUtdGV4dGJveCAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdzaW5nbGUtdGV4dGJveCdcIiBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIiBbcXVlc3Rpb25JbmRleF09XCJpKzFcIj48L2FwcC1zaW5nbGUtdGV4dGJveD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8YXBwLWNvbW1lbnQtcXVlc3Rpb24+PC9hcHAtY29tbWVudC1xdWVzdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1yYXRpbmctdGFibGU+PC9hcHAtcmF0aW5nLXRhYmxlPiAtLT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1zZWxlY3QtcXVlc3Rpb24gKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZHJvcGRvd24nXCIgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCIgW3F1ZXN0aW9uSW5kZXhdPVwiaSsxXCI+PC9hcHAtc2VsZWN0LXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8IS0tIDxhcHAtc2VsZWN0LW9wdGlvbi1yYXRpbmc+PC9hcHAtc2VsZWN0LW9wdGlvbi1yYXRpbmc+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtcmFua2luZz48L2FwcC1yYW5raW5nPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXNsaWRlci1xdWVzdGlvbj48L2FwcC1zbGlkZXItcXVlc3Rpb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtbXVsdGlwbGUtdGV4dGJveD48L2FwcC1tdWx0aXBsZS10ZXh0Ym94PiAtLT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1kYXRlLXRpbWUgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZGF0ZS10aW1lJ1wiIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiIFtxdWVzdGlvbkluZGV4XT1cImkrMVwiPjwvYXBwLWRhdGUtdGltZT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1maWxlLXVwbG9hZCAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdmaWxlLXVwbG9hZCdcIiBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIiBbcXVlc3Rpb25JbmRleF09XCJpKzFcIj48L2FwcC1maWxlLXVwbG9hZD5cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldmljZS1hcmVhXCI+PGFwcC1kZXZpY2UgKGRldmljZUNoYW5nZWQpPVwic2VsZWN0ZWREZXZpY2UgPSAkZXZlbnRcIiAgW3NlbGVjdGVkRGV2aWNlXT1cInNlbGVjdGVkRGV2aWNlXCI+PC9hcHAtZGV2aWNlPjwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgIFxyXG4gICAgPGRpdiBjbGFzcz1cInByZXZpZXctcGFnZS1mb290ZXIgdngtcC0zIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWNvdW50IHZ4LXRleHQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImxhYmVsIHZ4LWZzLTEyIHZ4LWZ3LTUwMCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1tYi0xXCI+MSBPRiB7e3F1ZXN0aW9uRGF0YT8ucXVlc3Rpb25zPy5lbGVtZW50cz8ubGVuZ3RofX0gUVVFU1RJT05TIEFOU1dFUkVEPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1wcm9ncmVzc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlubmVyLWxpbmVcIiBzdHlsZT1cIndpZHRoOiAyMCU7XCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PiAtLT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG93ZXJlZC1zZWN0aW9uIHZ4LWZzLTkgdngtZnctNTAwIHZ4LXR4dC1ibHVlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0yIHZ4LXByLTIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1saC03XCI+XHJcbiAgICAgICAgICAgICAgICBQT1dFUkVEIEJZJm5ic3A7PHNwYW4gY2xhc3M9XCJ2eC1mdy03MDBcIj5WQ09NUExZPC9zcGFuPiZuYnNwOzxzdXAgY2xhc3M9XCJ2eC1mdy02MDBcIj5UTTwvc3VwPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwicHJldmlld0JhY2suZW1pdCgpXCIgY2xhc3M9XCJiYWNrIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1wbC0yIHZ4LXByLTIgdngtbS0wIHZ4LW1sLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiPjxpIGNsYXNzPVwiaWNvbnMgdngtZnMtMTYgdngtbXItMVwiPiYjeGU5MWQ7PC9pPiBCQUNLPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtcHJldmlldy9wcmV2aWV3L3ByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcHJldmlldy9wcmV2aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7QUFRMUYsTUFBTSxPQUFPLGdCQUFnQjtJQUszQjtRQUhVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMzQyxhQUFRLEdBQVEsRUFBRSxDQUFBO1FBQ2xCLG1CQUFjLEdBQUcsU0FBUyxDQUFDO0lBQ1gsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUNILFdBQVc7UUFDWCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBQ0MsbUJBQW1CO1FBQ2pCLElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztRQUNoQixJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBTyxFQUFFLEtBQVMsRUFBRSxFQUFFO1lBQ2xFLElBQUksT0FBTyxLQUFLLEdBQUcsQ0FBQyxJQUFJLEVBQUU7Z0JBQ3hCLE9BQU8sR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO2dCQUNuQixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBUSxFQUFFLEVBQUU7b0JBQ2xGLE9BQU8sSUFBSSxDQUFDLFVBQVUsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDO2dCQUN0QyxDQUFDLENBQUMsQ0FBQztnQkFDSCxJQUFJLFdBQVcsRUFBRTtvQkFDZixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLFdBQVcsQ0FBQztpQkFDcEM7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLEdBQUcsQ0FBQyxJQUFJLEVBQUUsZUFBZSxFQUFFLEVBQUUsRUFBQyxDQUFDO2lCQUNwRjthQUVGO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM3QixDQUFDOzs2R0E5QlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsMkpDUjdCLHcwS0FvSUE7MkZENUhhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxhQUFhOzBFQUtkLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXByZXZpZXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcmV2aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcmV2aWV3LmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByZXZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkgcXVlc3Rpb25EYXRhICE6YW55O1xyXG4gIEBPdXRwdXQoKSBwcmV2aWV3QmFjayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBwYWdlRGF0YSA6YW55ID0gW11cclxuICBzZWxlY3RlZERldmljZSA9ICdERVNLVE9QJztcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZ2VuZXJhdGVQYWdlRGV0YWlscygpO1xyXG4gIH1cclxubmdPbkNoYW5nZXMoKXtcclxudGhpcy5nZW5lcmF0ZVBhZ2VEZXRhaWxzKCk7XHJcbn1cclxuICBnZW5lcmF0ZVBhZ2VEZXRhaWxzKCkge1xyXG4gICAgbGV0IG9sZFBhZ2UgPSAwO1xyXG4gICAgdGhpcy5xdWVzdGlvbkRhdGE/LnF1ZXN0aW9ucz8uZWxlbWVudHMuZm9yRWFjaCgoZWxlOmFueSwgaW5kZXg6YW55KSA9PiB7XHJcbiAgICAgICAgaWYgKG9sZFBhZ2UgIT09IGVsZS5wYWdlKSB7XHJcbiAgICAgICAgICBvbGRQYWdlID0gZWxlLnBhZ2U7XHJcbiAgICAgICAgICBjb25zdCBjdXJyZW50UGFnZSA9IHRoaXMucXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LnBhZ2VEZXRhaWxzTGlzdC5maW5kKChwYWdlOmFueSkgPT4ge1xyXG4gICAgICAgICAgICByZXR1cm4gcGFnZS5wYWdlTnVtYmVyID09PSBlbGUucGFnZTtcclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgaWYgKGN1cnJlbnRQYWdlKSB7XHJcbiAgICAgICAgICAgIHRoaXMucGFnZURhdGFbaW5kZXhdID0gY3VycmVudFBhZ2U7XHJcbiAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLnBhZ2VEYXRhW2luZGV4XSA9ICB7IHBhZ2VOYW1lOiAnJywgcGFnZU51bWJlcjogZWxlLnBhZ2UsIHBhZ2VEZXNjcmlwdGlvbjogJyd9O1xyXG4gICAgICAgICAgfVxyXG5cclxuICAgICAgICB9XHJcbiAgICB9KTtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMucGFnZURhdGEpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInByZXZpZXctcGFnZVwiIFtjbGFzcy53aXRoLWRhdGVwaWNrZXJdPVwiZmFsc2VcIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInByZXZpZXctcGFnZS1oZWFkaW5nIHZ4LWZzLTE0IHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHQgdngtcGwtMyB2eC1wci0zIHZ4LW1iLTUgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiXHJcbiAgPlxyXG4gICAgUHJldmlld1xyXG4gICAgPHNwYW4gY2xhc3M9XCJ2eC1mcy0xMiB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW1sLTIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiXHJcbiAgICAgID4oPHNwYW5cclxuICAgICAgICBjbGFzcz1cInZhbHVlXCJcclxuICAgICAgICBbYXBwVG9vbHRpcF09XCJxdWVzdGlvbkRhdGE/LmFzc2Vzc21lbnRfbmFtZVwiXHJcbiAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgPnt7IHF1ZXN0aW9uRGF0YT8uYXNzZXNzbWVudF9uYW1lIH19PC9zcGFuXHJcbiAgICAgID4pPC9zcGFuXHJcbiAgICA+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwicHJldmlldy1wYWdlLW1pZFwiXHJcbiAgICBbY2xhc3Mud2l0aC10YWJsZXRdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdUQUJMRVQnXCJcclxuICAgIFtjbGFzcy53aXRoLW1vYmlsZV09XCJzZWxlY3RlZERldmljZSA9PT0gJ01PQklMRSdcIlxyXG4gID5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJwcmV2aWV3LXBhZ2UtbWlkLWlubmVyXCJcclxuICAgICAgW2NsYXNzLnRhYmxldF09XCJzZWxlY3RlZERldmljZSA9PT0gJ1RBQkxFVCdcIlxyXG4gICAgICBbY2xhc3MubW9iaWxlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnTU9CSUxFJ1wiXHJcbiAgICA+XHJcbiAgICAgIDxuZy1jb250YWluZXI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vYmlsZS10b3BcIiAqbmdJZj1cImZhbHNlXCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByZXZpZXctaW5zaWRlXCI+XHJcbiAgICAgICAgICA8IS0tIDxhcHAtcXVlc3Rpb24td2VsY29tZT48L2FwcC1xdWVzdGlvbi13ZWxjb21lPiAtLT5cclxuICAgICAgICAgIDxhcHAtcGFnZS1oZWFkZXJcclxuICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbkRhdGE/Lmhhc1dlbGNvbWUgPT09IHRydWVcIlxyXG4gICAgICAgICAgICBbcGFnZVRpdGxlXT1cIidXRUxDT01FIFNDUkVFTidcIlxyXG4gICAgICAgICAgPjwvYXBwLXBhZ2UtaGVhZGVyPlxyXG4gICAgICAgICAgPGFwcC1wcmV2aWV3LXdlbGNvbWVcclxuICAgICAgICAgICAgW3F1ZXN0aW9uRGV0YWlsc109XCJxdWVzdGlvbkRhdGFcIlxyXG4gICAgICAgICAgICAqbmdJZj1cInF1ZXN0aW9uRGF0YT8uaGFzV2VsY29tZSA9PT0gdHJ1ZVwiXHJcbiAgICAgICAgICA+PC9hcHAtcHJldmlldy13ZWxjb21lPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAqbmdGb3I9XCJcclxuICAgICAgICAgICAgICBsZXQgcXVlc3Rpb24gb2YgcXVlc3Rpb25EYXRhPy5xdWVzdGlvbnM/LmVsZW1lbnRzO1xyXG4gICAgICAgICAgICAgIGxldCBpID0gaW5kZXhcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPGFwcC1wYWdlLWhlYWRlclxyXG4gICAgICAgICAgICAgICpuZ0lmPVwicGFnZURhdGFbaV1cIlxyXG4gICAgICAgICAgICAgIFtwYWdlRGV0YWlsXT1cInBhZ2VEYXRhW2ldXCJcclxuICAgICAgICAgICAgPjwvYXBwLXBhZ2UtaGVhZGVyPlxyXG4gICAgICAgICAgICA8YXBwLXJhZGlvLXF1ZXN0aW9uXHJcbiAgICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnbXVsdGlwbGUtY2hvaWNlJ1wiXHJcbiAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcclxuICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiXHJcbiAgICAgICAgICAgID48L2FwcC1yYWRpby1xdWVzdGlvbj5cclxuICAgICAgICAgICAgPGFwcC1jaGVja2JveC1xdWVzdGlvblxyXG4gICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ2NoZWNrYm94J1wiXHJcbiAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcclxuICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiXHJcbiAgICAgICAgICAgID48L2FwcC1jaGVja2JveC1xdWVzdGlvbj5cclxuICAgICAgICAgICAgPCEtLSA8YXBwLWltYWdlLXJhZGlvLXF1ZXN0aW9uPjwvYXBwLWltYWdlLXJhZGlvLXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXN0YXItcmF0aW5nPjwvYXBwLXN0YXItcmF0aW5nPiAtLT5cclxuICAgICAgICAgICAgPGFwcC1zaW5nbGUtdGV4dGJveFxyXG4gICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ3NpbmdsZS10ZXh0Ym94J1wiXHJcbiAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcclxuICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiXHJcbiAgICAgICAgICAgID48L2FwcC1zaW5nbGUtdGV4dGJveD5cclxuICAgICAgICAgICAgPCEtLSA8YXBwLWNvbW1lbnQtcXVlc3Rpb24+PC9hcHAtY29tbWVudC1xdWVzdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1yYXRpbmctdGFibGU+PC9hcHAtcmF0aW5nLXRhYmxlPiAtLT5cclxuICAgICAgICAgICAgPGFwcC1zZWxlY3QtcXVlc3Rpb25cclxuICAgICAgICAgICAgICAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdkcm9wZG93bidcIlxyXG4gICAgICAgICAgICAgIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXHJcbiAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIlxyXG4gICAgICAgICAgICA+PC9hcHAtc2VsZWN0LXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICA8IS0tIDxhcHAtc2VsZWN0LW9wdGlvbi1yYXRpbmc+PC9hcHAtc2VsZWN0LW9wdGlvbi1yYXRpbmc+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtcmFua2luZz48L2FwcC1yYW5raW5nPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXNsaWRlci1xdWVzdGlvbj48L2FwcC1zbGlkZXItcXVlc3Rpb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtbXVsdGlwbGUtdGV4dGJveD48L2FwcC1tdWx0aXBsZS10ZXh0Ym94PiAtLT5cclxuICAgICAgICAgICAgPGFwcC1wcmV2aWV3LW1hdHJpeC1kcm9wZG93blxyXG4gICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ21hdHJpeC1kcm9wZG93bidcIlxyXG4gICAgICAgICAgICAgIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXHJcbiAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIlxyXG4gICAgICAgICAgICA+PC9hcHAtcHJldmlldy1tYXRyaXgtZHJvcGRvd24+XHJcbiAgICAgICAgICAgIDxhcHAtZGF0ZS10aW1lXHJcbiAgICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbi50eXBlID09PSAnZGF0ZS10aW1lJ1wiXHJcbiAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcclxuICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiXHJcbiAgICAgICAgICAgID48L2FwcC1kYXRlLXRpbWU+XHJcbiAgICAgICAgICAgIDxhcHAtZmlsZS11cGxvYWRcclxuICAgICAgICAgICAgICAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdmaWxlLXVwbG9hZCdcIlxyXG4gICAgICAgICAgICAgIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXHJcbiAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIlxyXG4gICAgICAgICAgICA+PC9hcHAtZmlsZS11cGxvYWQ+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkZXZpY2UtYXJlYVwiPlxyXG4gICAgICAgIDxhcHAtZGV2aWNlXHJcbiAgICAgICAgICAoZGV2aWNlQ2hhbmdlZCk9XCJzZWxlY3RlZERldmljZSA9ICRldmVudFwiXHJcbiAgICAgICAgICBbc2VsZWN0ZWREZXZpY2VdPVwic2VsZWN0ZWREZXZpY2VcIlxyXG4gICAgICAgID48L2FwcC1kZXZpY2U+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwicHJldmlldy1wYWdlLWZvb3RlciB2eC1wLTMgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW5cIlxyXG4gID5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1jb3VudCB2eC10ZXh0LWNlbnRlclwiPlxyXG4gICAgICA8IS0tIDxkaXYgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMiB2eC1mdy01MDAgdngtcGFyYWdyYXBoLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbWItMVwiPjEgT0Yge3txdWVzdGlvbkRhdGE/LnF1ZXN0aW9ucz8uZWxlbWVudHM/Lmxlbmd0aH19IFFVRVNUSU9OUyBBTlNXRVJFRDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tcHJvZ3Jlc3NcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbm5lci1saW5lXCIgc3R5bGU9XCJ3aWR0aDogMjAlO1wiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj4gLS0+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJ2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInBvd2VyZWQtc2VjdGlvbiB2eC1mcy05IHZ4LWZ3LTUwMCB2eC10eHQtYmx1ZSB2eC10dC11cHBlcmNhc2UgdngtcGwtMiB2eC1wci0yIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbGgtN1wiXHJcbiAgICAgID5cclxuICAgICAgICBQT1dFUkVEIEJZJm5ic3A7PHNwYW4gY2xhc3M9XCJ2eC1mdy03MDBcIj5WQ09NUExZPC9zcGFuPiZuYnNwOzxzdXBcclxuICAgICAgICAgIGNsYXNzPVwidngtZnctNjAwXCJcclxuICAgICAgICAgID5UTTwvc3VwXHJcbiAgICAgICAgPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIChjbGljayk9XCJwcmV2aWV3QmFjay5lbWl0KClcIlxyXG4gICAgICAgIGNsYXNzPVwiYmFjayB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtcGwtMiB2eC1wci0yIHZ4LW0tMCB2eC1tbC0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNiB2eC1tci0xXCI+JiN4ZTkxZDs8L2k+IEJBQ0tcclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|