vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/sharedComponents/assessment-preview/preview/preview.component.mjs

@@ -0,0 +1,62 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
+import * as i3 from "../../assessment-editor/components/preview/preview-matrix-dropdown/preview-matrix-dropdown.component";
+import * as i4 from "../../assessment-editor/components/preview/welcome/welcome.component";
+import * as i5 from "../checkbox-question/checkbox-question.component";
+import * as i6 from "../date-time/date-time.component";
+import * as i7 from "../device/device.component";
+import * as i8 from "../file-upload/file-upload.component";
+import * as i9 from "../radio-question/radio-question.component";
+import * as i10 from "../select-question/select-question.component";
+import * as i11 from "../single-textbox/single-textbox.component";
+import * as i12 from "../page-header/page-header.component";
+import * as i13 from "../welcome/welcome.component";
+import * as i14 from "../section-details/section-details.component";
+import * as i15 from "../pipes/get-section-order.pipe";
+export class PreviewComponent {
+    constructor() {
+        this.previewBack = new EventEmitter();
+        this.pageData = [];
+        this.selectedDevice = 'DESKTOP';
+    }
+    ngOnInit() {
+        this.generatePageDetails();
+    }
+    ngOnChanges() {
+        this.generatePageDetails();
+    }
+    generatePageDetails() {
+        let oldPage = 0;
+        this.questionData?.questions?.elements.forEach((ele, index) => {
+            if (oldPage !== ele.page) {
+                oldPage = ele.page;
+                const currentPage = this.questionData?.questions?.pageDetailsList.find((page) => {
+                    return page.pageNumber === ele.page;
+                });
+                if (currentPage) {
+                    this.pageData[index] = currentPage;
+                }
+                else {
+                    this.pageData[index] = {
+                        pageName: '',
+                        pageNumber: ele.page,
+                        pageDescription: '',
+                    };
+                }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewComponent, selector: "app-preview", inputs: { questionData: "questionData" }, outputs: { previewBack: "previewBack" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\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 vx-pr-2\">\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            <ng-container\r\n              *ngIf=\"\r\n                questionData\r\n                  | getSectionOrder : question?.sectionId as sectionDetails\r\n              \"\r\n            >\r\n              <app-section-details\r\n                *ngIf=\"\r\n                  sectionDetails?.questionId === question.name &&\r\n                  sectionDetails?.index > -1\r\n                \"\r\n                [sectionDetails]=\"sectionDetails\"\r\n              ></app-section-details>\r\n            </ng-container>\r\n\r\n            <div class=\"question-area\" [class.last-question-area]=\"false\">\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            </div>\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&nbsp;<span class=\"vx-fw-700\">VCOMPLY</span>&nbsp;<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\">&#xe91d;</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:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;left:0;height:100vh;width:calc(100vw - 3rem);z-index:4}::ng-deep .preview-page.with-datepicker{z-index:11}::ng-deep .preview-page-heading{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .preview-page-heading .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100vw - 42.5rem)}::ng-deep .preview-page-mid.with-tablet{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid.with-mobile{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid-inner .preview-inside{padding:0;width:calc(100% - 1.75rem);height:calc(100vh - 10.5rem);overflow-y:auto;width:64rem;margin:0 auto 1.5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .preview-inside{width:58rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .preview-inside{width:45rem}}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner .preview-inside app-page-header+app-section-details .section-details-header{border-top:none;top:-1.25rem;margin:0!important}::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding:0 5rem 0 2.5rem;position:relative}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding-left:2rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{background:#f1f1f1;content:\"\";position:absolute;top:-1.25rem;left:1.625rem;width:1px;height:calc(100% + 1.25rem)}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{left:1.125rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area.last-question-area:before{height:3.75rem}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:4.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 6rem)!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .device-area{right:5rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .device-area{right:4rem}}::ng-deep .preview-page-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 0 10px #1e5dd326;height:3.25rem;margin-top:1.25rem;position:fixed;left:1rem;bottom:1.5rem;width:calc(100% - 4.75rem)}::ng-deep .preview-page-footer .question-count .question-progress{background:#dbdbdb;border-radius:1.25rem;width:12rem;height:.1875rem}::ng-deep .preview-page-footer .question-count .question-progress .inner-line{background:#34aa44;border-radius:1.25rem;height:.1875rem}::ng-deep .preview-page-footer button{border-radius:.125rem;height:1.75rem}::ng-deep .preview-page-footer button.back{background:#1e5dd3;border:none}::ng-deep .preview-page-footer button.disabled{background:#dbdbdb;color:#747576;pointer-events:none}::ng-deep .preview-page-footer .powered-section{background:#f1f1f1;border-radius:.125rem}::ng-deep .preview-page-footer .powered-section sup{position:relative;top:-.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.PreviewMatrixDropdownComponent, selector: "app-preview-matrix-dropdown", inputs: ["question", "questionIndex"] }, { kind: "component", type: i4.WelcomeComponent, selector: "app-preview-welcome" }, { kind: "component", type: i5.CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i6.DateTimeComponent, selector: "app-date-time", inputs: ["question", "questionIndex"] }, { kind: "component", type: i7.DeviceComponent, selector: "app-device", inputs: ["selectedDevice"], outputs: ["deviceChanged"] }, { kind: "component", type: i8.FileUploadComponent, selector: "app-file-upload", inputs: ["question", "questionIndex"] }, { kind: "component", type: i9.RadioQuestionComponent, selector: "app-radio-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i10.SelectQuestionComponent, selector: "app-select-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i11.SingleTextboxComponent, selector: "app-single-textbox", inputs: ["question", "questionIndex"] }, { kind: "component", type: i12.PageHeaderComponent, selector: "app-page-header", inputs: ["pageDetail", "pageTitle"] }, { kind: "component", type: i13.WelcomeComponent, selector: "app-preview-welcome", inputs: ["questionDetails"] }, { kind: "component", type: i14.SectionDetailsComponent, selector: "app-section-details", inputs: ["sectionDetails"] }, { kind: "pipe", type: i15.GetSectionOrderPipe, name: "getSectionOrder" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewComponent, decorators: [{
+            type: Component,
+            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 vx-pr-2\">\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            <ng-container\r\n              *ngIf=\"\r\n                questionData\r\n                  | getSectionOrder : question?.sectionId as sectionDetails\r\n              \"\r\n            >\r\n              <app-section-details\r\n                *ngIf=\"\r\n                  sectionDetails?.questionId === question.name &&\r\n                  sectionDetails?.index > -1\r\n                \"\r\n                [sectionDetails]=\"sectionDetails\"\r\n              ></app-section-details>\r\n            </ng-container>\r\n\r\n            <div class=\"question-area\" [class.last-question-area]=\"false\">\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            </div>\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&nbsp;<span class=\"vx-fw-700\">VCOMPLY</span>&nbsp;<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\">&#xe91d;</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:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;left:0;height:100vh;width:calc(100vw - 3rem);z-index:4}::ng-deep .preview-page.with-datepicker{z-index:11}::ng-deep .preview-page-heading{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .preview-page-heading .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100vw - 42.5rem)}::ng-deep .preview-page-mid.with-tablet{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid.with-mobile{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid-inner .preview-inside{padding:0;width:calc(100% - 1.75rem);height:calc(100vh - 10.5rem);overflow-y:auto;width:64rem;margin:0 auto 1.5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .preview-inside{width:58rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .preview-inside{width:45rem}}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner .preview-inside app-page-header+app-section-details .section-details-header{border-top:none;top:-1.25rem;margin:0!important}::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding:0 5rem 0 2.5rem;position:relative}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area{padding-left:2rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{background:#f1f1f1;content:\"\";position:absolute;top:-1.25rem;left:1.625rem;width:1px;height:calc(100% + 1.25rem)}@media screen and (max-width: 667px){::ng-deep .preview-page-mid-inner .preview-inside .question-area:before{left:1.125rem}}::ng-deep .preview-page-mid-inner .preview-inside .question-area.last-question-area:before{height:3.75rem}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:4.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-quick-settings{right:-2.75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:8rem!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 8rem)!important}::ng-deep .preview-page-mid-inner.tablet .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto;padding:8px!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area{padding-right:0}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-quick-settings{right:-.25rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-checkbox-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-image-radio-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-star-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-comment-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-rating-table .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-option-rating .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-ranking .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-slider-question .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-multiple-textbox .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-date-time .question-inner-inside,::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-file-upload .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-single-textbox .question-option .single-textbox{width:100%!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .left{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 6rem)!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-preview-matrix-dropdown .question-inner-inside .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:6rem!important}::ng-deep .preview-page-mid-inner.mobile .preview-inside .question-area app-select-question .question-inner-inside .question-option .options-area{width:100%!important}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:5rem}@media screen and (max-width: 1280px){::ng-deep .preview-page-mid-inner .device-area{right:5rem}}@media screen and (max-width: 1024px){::ng-deep .preview-page-mid-inner .device-area{right:4rem}}::ng-deep .preview-page-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 0 10px #1e5dd326;height:3.25rem;margin-top:1.25rem;position:fixed;left:1rem;bottom:1.5rem;width:calc(100% - 4.75rem)}::ng-deep .preview-page-footer .question-count .question-progress{background:#dbdbdb;border-radius:1.25rem;width:12rem;height:.1875rem}::ng-deep .preview-page-footer .question-count .question-progress .inner-line{background:#34aa44;border-radius:1.25rem;height:.1875rem}::ng-deep .preview-page-footer button{border-radius:.125rem;height:1.75rem}::ng-deep .preview-page-footer button.back{background:#1e5dd3;border:none}::ng-deep .preview-page-footer button.disabled{background:#dbdbdb;color:#747576;pointer-events:none}::ng-deep .preview-page-footer .powered-section{background:#f1f1f1;border-radius:.125rem}::ng-deep .preview-page-footer .powered-section sup{position:relative;top:-.25rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { questionData: [{
+                type: Input
+            }], previewBack: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtcHJldmlldy9wcmV2aWV3L3ByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcHJldmlldy9wcmV2aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT3ZCLE1BQU0sT0FBTyxnQkFBZ0I7SUFLM0I7UUFIVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDM0MsYUFBUSxHQUFRLEVBQUUsQ0FBQztRQUNuQixtQkFBYyxHQUFHLFNBQVMsQ0FBQztJQUNaLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUNELG1CQUFtQjtRQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQVEsRUFBRSxLQUFVLEVBQUUsRUFBRTtZQUN0RSxJQUFJLE9BQU8sS0FBSyxHQUFHLENBQUMsSUFBSSxFQUFFO2dCQUN4QixPQUFPLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDbkIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsZUFBZSxDQUFDLElBQUksQ0FDcEUsQ0FBQyxJQUFTLEVBQUUsRUFBRTtvQkFDWixPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDdEMsQ0FBQyxDQUNGLENBQUM7Z0JBQ0YsSUFBSSxXQUFXLEVBQUU7b0JBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFXLENBQUM7aUJBQ3BDO3FCQUFNO29CQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUc7d0JBQ3JCLFFBQVEsRUFBRSxFQUFFO3dCQUNaLFVBQVUsRUFBRSxHQUFHLENBQUMsSUFBSTt3QkFDcEIsZUFBZSxFQUFFLEVBQUU7cUJBQ3BCLENBQUM7aUJBQ0g7YUFDRjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0FsQ1UsZ0JBQWdCO21HQUFoQixnQkFBZ0IsMkpDZDdCLCtoTUFxSkE7OzRGRHZJYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTswRUFLZCxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wcmV2aWV3JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJldmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJldmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBxdWVzdGlvbkRhdGEhOiBhbnk7XHJcbiAgQE91dHB1dCgpIHByZXZpZXdCYWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIHBhZ2VEYXRhOiBhbnkgPSBbXTtcclxuICBzZWxlY3RlZERldmljZSA9ICdERVNLVE9QJztcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5nZW5lcmF0ZVBhZ2VEZXRhaWxzKCk7XHJcbiAgfVxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG4gICAgdGhpcy5nZW5lcmF0ZVBhZ2VEZXRhaWxzKCk7XHJcbiAgfVxyXG4gIGdlbmVyYXRlUGFnZURldGFpbHMoKSB7XHJcbiAgICBsZXQgb2xkUGFnZSA9IDA7XHJcbiAgICB0aGlzLnF1ZXN0aW9uRGF0YT8ucXVlc3Rpb25zPy5lbGVtZW50cy5mb3JFYWNoKChlbGU6IGFueSwgaW5kZXg6IGFueSkgPT4ge1xyXG4gICAgICBpZiAob2xkUGFnZSAhPT0gZWxlLnBhZ2UpIHtcclxuICAgICAgICBvbGRQYWdlID0gZWxlLnBhZ2U7XHJcbiAgICAgICAgY29uc3QgY3VycmVudFBhZ2UgPSB0aGlzLnF1ZXN0aW9uRGF0YT8ucXVlc3Rpb25zPy5wYWdlRGV0YWlsc0xpc3QuZmluZChcclxuICAgICAgICAgIChwYWdlOiBhbnkpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIHBhZ2UucGFnZU51bWJlciA9PT0gZWxlLnBhZ2U7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgKTtcclxuICAgICAgICBpZiAoY3VycmVudFBhZ2UpIHtcclxuICAgICAgICAgIHRoaXMucGFnZURhdGFbaW5kZXhdID0gY3VycmVudFBhZ2U7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMucGFnZURhdGFbaW5kZXhdID0ge1xyXG4gICAgICAgICAgICBwYWdlTmFtZTogJycsXHJcbiAgICAgICAgICAgIHBhZ2VOdW1iZXI6IGVsZS5wYWdlLFxyXG4gICAgICAgICAgICBwYWdlRGVzY3JpcHRpb246ICcnLFxyXG4gICAgICAgICAgfTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicHJldmlldy1wYWdlXCIgW2NsYXNzLndpdGgtZGF0ZXBpY2tlcl09XCJmYWxzZVwiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwicHJldmlldy1wYWdlLWhlYWRpbmcgdngtZnMtMTQgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC1wbC0zIHZ4LXByLTMgdngtbWItNSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCJcclxuICA+XHJcbiAgICBQcmV2aWV3XHJcbiAgICA8c3BhbiBjbGFzcz1cInZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHQgdngtbWwtMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCJcclxuICAgICAgPig8c3BhblxyXG4gICAgICAgIGNsYXNzPVwidmFsdWVcIlxyXG4gICAgICAgIFthcHBUb29sdGlwXT1cInF1ZXN0aW9uRGF0YT8uYXNzZXNzbWVudF9uYW1lXCJcclxuICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXHJcbiAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcclxuICAgICAgICA+e3sgcXVlc3Rpb25EYXRhPy5hc3Nlc3NtZW50X25hbWUgfX08L3NwYW5cclxuICAgICAgPik8L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJwcmV2aWV3LXBhZ2UtbWlkXCJcclxuICAgIFtjbGFzcy53aXRoLXRhYmxldF09XCJzZWxlY3RlZERldmljZSA9PT0gJ1RBQkxFVCdcIlxyXG4gICAgW2NsYXNzLndpdGgtbW9iaWxlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnTU9CSUxFJ1wiXHJcbiAgPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cInByZXZpZXctcGFnZS1taWQtaW5uZXJcIlxyXG4gICAgICBbY2xhc3MudGFibGV0XT1cInNlbGVjdGVkRGV2aWNlID09PSAnVEFCTEVUJ1wiXHJcbiAgICAgIFtjbGFzcy5tb2JpbGVdPVwic2VsZWN0ZWREZXZpY2UgPT09ICdNT0JJTEUnXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lcj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9iaWxlLXRvcFwiICpuZ0lmPVwiZmFsc2VcIj48L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1pbnNpZGUgdngtcHItMlwiPlxyXG4gICAgICAgICAgPCEtLSA8YXBwLXF1ZXN0aW9uLXdlbGNvbWU+PC9hcHAtcXVlc3Rpb24td2VsY29tZT4gLS0+XHJcbiAgICAgICAgICA8YXBwLXBhZ2UtaGVhZGVyXHJcbiAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb25EYXRhPy5oYXNXZWxjb21lID09PSB0cnVlXCJcclxuICAgICAgICAgICAgW3BhZ2VUaXRsZV09XCInV0VMQ09NRSBTQ1JFRU4nXCJcclxuICAgICAgICAgID48L2FwcC1wYWdlLWhlYWRlcj5cclxuICAgICAgICAgIDxhcHAtcHJldmlldy13ZWxjb21lXHJcbiAgICAgICAgICAgIFtxdWVzdGlvbkRldGFpbHNdPVwicXVlc3Rpb25EYXRhXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJxdWVzdGlvbkRhdGE/Lmhhc1dlbGNvbWUgPT09IHRydWVcIlxyXG4gICAgICAgICAgPjwvYXBwLXByZXZpZXctd2VsY29tZT5cclxuICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgKm5nRm9yPVwiXHJcbiAgICAgICAgICAgICAgbGV0IHF1ZXN0aW9uIG9mIHF1ZXN0aW9uRGF0YT8ucXVlc3Rpb25zPy5lbGVtZW50cztcclxuICAgICAgICAgICAgICBsZXQgaSA9IGluZGV4XHJcbiAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxhcHAtcGFnZS1oZWFkZXJcclxuICAgICAgICAgICAgICAqbmdJZj1cInBhZ2VEYXRhW2ldXCJcclxuICAgICAgICAgICAgICBbcGFnZURldGFpbF09XCJwYWdlRGF0YVtpXVwiXHJcbiAgICAgICAgICAgID48L2FwcC1wYWdlLWhlYWRlcj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICAgICAgICBxdWVzdGlvbkRhdGFcclxuICAgICAgICAgICAgICAgICAgfCBnZXRTZWN0aW9uT3JkZXIgOiBxdWVzdGlvbj8uc2VjdGlvbklkIGFzIHNlY3Rpb25EZXRhaWxzXHJcbiAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgIDxhcHAtc2VjdGlvbi1kZXRhaWxzXHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cIlxyXG4gICAgICAgICAgICAgICAgICBzZWN0aW9uRGV0YWlscz8ucXVlc3Rpb25JZCA9PT0gcXVlc3Rpb24ubmFtZSAmJlxyXG4gICAgICAgICAgICAgICAgICBzZWN0aW9uRGV0YWlscz8uaW5kZXggPiAtMVxyXG4gICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgIFtzZWN0aW9uRGV0YWlsc109XCJzZWN0aW9uRGV0YWlsc1wiXHJcbiAgICAgICAgICAgICAgPjwvYXBwLXNlY3Rpb24tZGV0YWlscz5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tYXJlYVwiIFtjbGFzcy5sYXN0LXF1ZXN0aW9uLWFyZWFdPVwiZmFsc2VcIj5cclxuICAgICAgICAgICAgICA8YXBwLXJhZGlvLXF1ZXN0aW9uXHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdtdWx0aXBsZS1jaG9pY2UnXCJcclxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbl09XCJxdWVzdGlvblwiXHJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25JbmRleF09XCJpICsgMVwiXHJcbiAgICAgICAgICAgICAgPjwvYXBwLXJhZGlvLXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICAgIDxhcHAtY2hlY2tib3gtcXVlc3Rpb25cclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ2NoZWNrYm94J1wiXHJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIlxyXG4gICAgICAgICAgICAgID48L2FwcC1jaGVja2JveC1xdWVzdGlvbj5cclxuICAgICAgICAgICAgICA8IS0tIDxhcHAtaW1hZ2UtcmFkaW8tcXVlc3Rpb24+PC9hcHAtaW1hZ2UtcmFkaW8tcXVlc3Rpb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtc3Rhci1yYXRpbmc+PC9hcHAtc3Rhci1yYXRpbmc+IC0tPlxyXG4gICAgICAgICAgICAgIDxhcHAtc2luZ2xlLXRleHRib3hcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ3NpbmdsZS10ZXh0Ym94J1wiXHJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIlxyXG4gICAgICAgICAgICAgID48L2FwcC1zaW5nbGUtdGV4dGJveD5cclxuICAgICAgICAgICAgICA8IS0tIDxhcHAtY29tbWVudC1xdWVzdGlvbj48L2FwcC1jb21tZW50LXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXJhdGluZy10YWJsZT48L2FwcC1yYXRpbmctdGFibGU+IC0tPlxyXG4gICAgICAgICAgICAgIDxhcHAtc2VsZWN0LXF1ZXN0aW9uXHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cInF1ZXN0aW9uLnR5cGUgPT09ICdkcm9wZG93bidcIlxyXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcclxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcclxuICAgICAgICAgICAgICA+PC9hcHAtc2VsZWN0LXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICAgIDwhLS0gPGFwcC1zZWxlY3Qtb3B0aW9uLXJhdGluZz48L2FwcC1zZWxlY3Qtb3B0aW9uLXJhdGluZz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1yYW5raW5nPjwvYXBwLXJhbmtpbmc+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtc2xpZGVyLXF1ZXN0aW9uPjwvYXBwLXNsaWRlci1xdWVzdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1tdWx0aXBsZS10ZXh0Ym94PjwvYXBwLW11bHRpcGxlLXRleHRib3g+IC0tPlxyXG4gICAgICAgICAgICAgIDxhcHAtcHJldmlldy1tYXRyaXgtZHJvcGRvd25cclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ21hdHJpeC1kcm9wZG93bidcIlxyXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcclxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcclxuICAgICAgICAgICAgICA+PC9hcHAtcHJldmlldy1tYXRyaXgtZHJvcGRvd24+XHJcbiAgICAgICAgICAgICAgPGFwcC1kYXRlLXRpbWVcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ2RhdGUtdGltZSdcIlxyXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCJcclxuICAgICAgICAgICAgICAgIFtxdWVzdGlvbkluZGV4XT1cImkgKyAxXCJcclxuICAgICAgICAgICAgICA+PC9hcHAtZGF0ZS10aW1lPlxyXG4gICAgICAgICAgICAgIDxhcHAtZmlsZS11cGxvYWRcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicXVlc3Rpb24udHlwZSA9PT0gJ2ZpbGUtdXBsb2FkJ1wiXHJcbiAgICAgICAgICAgICAgICBbcXVlc3Rpb25dPVwicXVlc3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwiaSArIDFcIlxyXG4gICAgICAgICAgICAgID48L2FwcC1maWxlLXVwbG9hZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkZXZpY2UtYXJlYVwiPlxyXG4gICAgICAgIDxhcHAtZGV2aWNlXHJcbiAgICAgICAgICAoZGV2aWNlQ2hhbmdlZCk9XCJzZWxlY3RlZERldmljZSA9ICRldmVudFwiXHJcbiAgICAgICAgICBbc2VsZWN0ZWREZXZpY2VdPVwic2VsZWN0ZWREZXZpY2VcIlxyXG4gICAgICAgID48L2FwcC1kZXZpY2U+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwicHJldmlldy1wYWdlLWZvb3RlciB2eC1wLTMgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW5cIlxyXG4gID5cclxuICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1jb3VudCB2eC10ZXh0LWNlbnRlclwiPlxyXG4gICAgICA8IS0tIDxkaXYgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMiB2eC1mdy01MDAgdngtcGFyYWdyYXBoLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbWItMVwiPjEgT0Yge3txdWVzdGlvbkRhdGE/LnF1ZXN0aW9ucz8uZWxlbWVudHM/Lmxlbmd0aH19IFFVRVNUSU9OUyBBTlNXRVJFRDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tcHJvZ3Jlc3NcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbm5lci1saW5lXCIgc3R5bGU9XCJ3aWR0aDogMjAlO1wiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj4gLS0+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJ2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInBvd2VyZWQtc2VjdGlvbiB2eC1mcy05IHZ4LWZ3LTUwMCB2eC10eHQtYmx1ZSB2eC10dC11cHBlcmNhc2UgdngtcGwtMiB2eC1wci0yIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbGgtN1wiXHJcbiAgICAgID5cclxuICAgICAgICBQT1dFUkVEIEJZJm5ic3A7PHNwYW4gY2xhc3M9XCJ2eC1mdy03MDBcIj5WQ09NUExZPC9zcGFuPiZuYnNwOzxzdXBcclxuICAgICAgICAgIGNsYXNzPVwidngtZnctNjAwXCJcclxuICAgICAgICAgID5UTTwvc3VwXHJcbiAgICAgICAgPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIChjbGljayk9XCJwcmV2aWV3QmFjay5lbWl0KClcIlxyXG4gICAgICAgIGNsYXNzPVwiYmFjayB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtcGwtMiB2eC1wci0yIHZ4LW0tMCB2eC1tbC0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNiB2eC1tci0xXCI+JiN4ZTkxZDs8L2k+IEJBQ0tcclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/sharedComponents/assessment-preview/preview-container/preview-container.component.mjs

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
+import * as i3 from "../checkbox-question/checkbox-question.component";
+import * as i4 from "../date-time/date-time.component";
+import * as i5 from "../file-upload/file-upload.component";
+import * as i6 from "../radio-question/radio-question.component";
+import * as i7 from "../select-question/select-question.component";
+import * as i8 from "../single-textbox/single-textbox.component";
+export class PreviewContainerComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewContainerComponent, selector: "app-preview-container", ngImport: i0, template: "<div class=\"preview-body\">\r\n    <div class=\"preview-heading vx-bg-white vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\">\r\n        <div class=\"vx-avatar-group vx-align-center vx-mr-2\">\r\n            <div class=\"vx-avatar md\">\r\n                <span class=\"blue\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\r\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n            </div>\r\n            <div class=\"vx-avatar md\">\r\n                <span class=\"green\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\r\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n            </div>\r\n        </div>\r\n        <i class=\"icons star vx-fs-12 vx-mr-2\" [class.active]=\"false\">&#xea70;</i>\r\n        <div class=\"name\">\r\n            <div class=\"id vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-4\">[CID-19110027]</div>\r\n            <div class=\"value vx-fs-14 vx-labl-txt vx-pr-5 vx-lh-5\" [appTooltip]=\"'Data Protection Impact Assessment (DPIA) (RSK-10)'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Data Protection Impact Assessment (DPIA) (RSK-10)</div>\r\n        </div>\r\n    </div>\r\n    <!-- <app-preview-details></app-preview-details> -->\r\n    <div class=\"preview-inner vx-mt-1 vx-mb-5 vx-pt-5\">\r\n        <div class=\"inside vx-pt-5\">\r\n            <!-- <app-question-welcome></app-question-welcome> -->\r\n            <app-radio-question></app-radio-question>\r\n            <app-checkbox-question></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></app-single-textbox>\r\n            <!-- <app-comment-question></app-comment-question>\r\n            <app-rating-table></app-rating-table> -->\r\n            <app-select-question></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></app-date-time>\r\n            <app-file-upload></app-file-upload>\r\n        </div>\r\n        <div *ngIf=\"false\" class=\"inside vx-pt-5\">\r\n            <!-- <app-question-loader></app-question-loader> -->\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\";.preview-heading{border-radius:.125rem}.preview-heading i.star{color:#dbdbdb}.preview-heading i.star.active{color:#f0b819}.preview-heading .name{width:calc(100% - 5rem)}.preview-heading .name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-inner{background:#fff;border-radius:.125rem;padding-right:5rem;padding-left:4.375rem;height:calc(100vh - 16.25rem)}.preview-inner .inside{padding-right:5rem;height:calc(100% - 1.25rem);overflow-y:auto}.preview-inner .inside::-webkit-scrollbar-track{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i4.DateTimeComponent, selector: "app-date-time", inputs: ["question", "questionIndex"] }, { kind: "component", type: i5.FileUploadComponent, selector: "app-file-upload", inputs: ["question", "questionIndex"] }, { kind: "component", type: i6.RadioQuestionComponent, selector: "app-radio-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i7.SelectQuestionComponent, selector: "app-select-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i8.SingleTextboxComponent, selector: "app-single-textbox", inputs: ["question", "questionIndex"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-preview-container', template: "<div class=\"preview-body\">\r\n    <div class=\"preview-heading vx-bg-white vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\">\r\n        <div class=\"vx-avatar-group vx-align-center vx-mr-2\">\r\n            <div class=\"vx-avatar md\">\r\n                <span class=\"blue\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\r\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n            </div>\r\n            <div class=\"vx-avatar md\">\r\n                <span class=\"green\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\r\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n            </div>\r\n        </div>\r\n        <i class=\"icons star vx-fs-12 vx-mr-2\" [class.active]=\"false\">&#xea70;</i>\r\n        <div class=\"name\">\r\n            <div class=\"id vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-4\">[CID-19110027]</div>\r\n            <div class=\"value vx-fs-14 vx-labl-txt vx-pr-5 vx-lh-5\" [appTooltip]=\"'Data Protection Impact Assessment (DPIA) (RSK-10)'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Data Protection Impact Assessment (DPIA) (RSK-10)</div>\r\n        </div>\r\n    </div>\r\n    <!-- <app-preview-details></app-preview-details> -->\r\n    <div class=\"preview-inner vx-mt-1 vx-mb-5 vx-pt-5\">\r\n        <div class=\"inside vx-pt-5\">\r\n            <!-- <app-question-welcome></app-question-welcome> -->\r\n            <app-radio-question></app-radio-question>\r\n            <app-checkbox-question></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></app-single-textbox>\r\n            <!-- <app-comment-question></app-comment-question>\r\n            <app-rating-table></app-rating-table> -->\r\n            <app-select-question></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></app-date-time>\r\n            <app-file-upload></app-file-upload>\r\n        </div>\r\n        <div *ngIf=\"false\" class=\"inside vx-pt-5\">\r\n            <!-- <app-question-loader></app-question-loader> -->\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\";.preview-heading{border-radius:.125rem}.preview-heading i.star{color:#dbdbdb}.preview-heading i.star.active{color:#f0b819}.preview-heading .name{width:calc(100% - 5rem)}.preview-heading .name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-inner{background:#fff;border-radius:.125rem;padding-right:5rem;padding-left:4.375rem;height:calc(100vh - 16.25rem)}.preview-inner .inside{padding-right:5rem;height:calc(100% - 1.25rem);overflow-y:auto}.preview-inner .inside::-webkit-scrollbar-track{background-color:transparent}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcHJldmlldy1jb250YWluZXIvcHJldmlldy1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcHJldmlldy1jb250YWluZXIvcHJldmlldy1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztBQU9sRCxNQUFNLE9BQU8seUJBQXlCO0lBRXBDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQUxVLHlCQUF5QjttR0FBekIseUJBQXlCLDZEQ1B0QyxxK0ZBeUNNOzs0RkRsQ08seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wcmV2aWV3LWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcmV2aWV3LWNvbnRhaW5lci5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcmV2aWV3Q29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicHJldmlldy1ib2R5XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1oZWFkaW5nIHZ4LWJnLXdoaXRlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtcHQtMiB2eC1wYi0yIHZ4LXBsLTMgdngtcHItM1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1hdmF0YXItZ3JvdXAgdngtYWxpZ24tY2VudGVyIHZ4LW1yLTJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWF2YXRhciBtZFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJibHVlXCIgW2FwcFRvb2x0aXBdPVwiJ0hhcnNodmFyZGhhbiBLYXJpd2FsYSdcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5Iazwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJmYWxzZVwiIHNyYz1cImh0dHBzOi8vczMtZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vZXUudi1jb21wbHkuY29tL3Byb2ZpbGVfcGljL3RodW1iLzE1OTE4NzUyMjc2NjdfdmNvbXBseS5wbmdcIiBhbHQ9XCJcIiBbYXBwVG9vbHRpcF09XCInSGFyc2h2YXJkaGFuIEthcml3YWxhJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWF2YXRhciBtZFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJncmVlblwiIFthcHBUb29sdGlwXT1cIidIYXJzaHZhcmRoYW4gS2FyaXdhbGEnXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCI+SGs8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8aW1nICpuZ0lmPVwiZmFsc2VcIiBzcmM9XCJodHRwczovL3MzLWV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2V1LnYtY29tcGx5LmNvbS9wcm9maWxlX3BpYy90aHVtYi8xNTkxODc1MjI3NjY3X3Zjb21wbHkucG5nXCIgYWx0PVwiXCIgW2FwcFRvb2x0aXBdPVwiJ0hhcnNodmFyZGhhbiBLYXJpd2FsYSdcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJpY29ucyBzdGFyIHZ4LWZzLTEyIHZ4LW1yLTJcIiBbY2xhc3MuYWN0aXZlXT1cImZhbHNlXCI+JiN4ZWE3MDs8L2k+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWVcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlkIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1saC00XCI+W0NJRC0xOTExMDAyN108L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlIHZ4LWZzLTE0IHZ4LWxhYmwtdHh0IHZ4LXByLTUgdngtbGgtNVwiIFthcHBUb29sdGlwXT1cIidEYXRhIFByb3RlY3Rpb24gSW1wYWN0IEFzc2Vzc21lbnQgKERQSUEpIChSU0stMTApJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj5EYXRhIFByb3RlY3Rpb24gSW1wYWN0IEFzc2Vzc21lbnQgKERQSUEpIChSU0stMTApPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS0gPGFwcC1wcmV2aWV3LWRldGFpbHM+PC9hcHAtcHJldmlldy1kZXRhaWxzPiAtLT5cclxuICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWlubmVyIHZ4LW10LTEgdngtbWItNSB2eC1wdC01XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImluc2lkZSB2eC1wdC01XCI+XHJcbiAgICAgICAgICAgIDwhLS0gPGFwcC1xdWVzdGlvbi13ZWxjb21lPjwvYXBwLXF1ZXN0aW9uLXdlbGNvbWU+IC0tPlxyXG4gICAgICAgICAgICA8YXBwLXJhZGlvLXF1ZXN0aW9uPjwvYXBwLXJhZGlvLXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICA8YXBwLWNoZWNrYm94LXF1ZXN0aW9uPjwvYXBwLWNoZWNrYm94LXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICA8IS0tIDxhcHAtaW1hZ2UtcmFkaW8tcXVlc3Rpb24+PC9hcHAtaW1hZ2UtcmFkaW8tcXVlc3Rpb24+XHJcbiAgICAgICAgICAgIDxhcHAtc3Rhci1yYXRpbmc+PC9hcHAtc3Rhci1yYXRpbmc+IC0tPlxyXG4gICAgICAgICAgICA8YXBwLXNpbmdsZS10ZXh0Ym94PjwvYXBwLXNpbmdsZS10ZXh0Ym94PlxyXG4gICAgICAgICAgICA8IS0tIDxhcHAtY29tbWVudC1xdWVzdGlvbj48L2FwcC1jb21tZW50LXF1ZXN0aW9uPlxyXG4gICAgICAgICAgICA8YXBwLXJhdGluZy10YWJsZT48L2FwcC1yYXRpbmctdGFibGU+IC0tPlxyXG4gICAgICAgICAgICA8YXBwLXNlbGVjdC1xdWVzdGlvbj48L2FwcC1zZWxlY3QtcXVlc3Rpb24+XHJcbiAgICAgICAgICAgIDwhLS0gPGFwcC1zZWxlY3Qtb3B0aW9uLXJhdGluZz48L2FwcC1zZWxlY3Qtb3B0aW9uLXJhdGluZz5cclxuICAgICAgICAgICAgPGFwcC1yYW5raW5nPjwvYXBwLXJhbmtpbmc+XHJcbiAgICAgICAgICAgIDxhcHAtc2xpZGVyLXF1ZXN0aW9uPjwvYXBwLXNsaWRlci1xdWVzdGlvbj5cclxuICAgICAgICAgICAgPGFwcC1tdWx0aXBsZS10ZXh0Ym94PjwvYXBwLW11bHRpcGxlLXRleHRib3g+IC0tPlxyXG4gICAgICAgICAgICA8YXBwLWRhdGUtdGltZT48L2FwcC1kYXRlLXRpbWU+XHJcbiAgICAgICAgICAgIDxhcHAtZmlsZS11cGxvYWQ+PC9hcHAtZmlsZS11cGxvYWQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImZhbHNlXCIgY2xhc3M9XCJpbnNpZGUgdngtcHQtNVwiPlxyXG4gICAgICAgICAgICA8IS0tIDxhcHAtcXVlc3Rpb24tbG9hZGVyPjwvYXBwLXF1ZXN0aW9uLWxvYWRlcj4gLS0+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19