vcomply-workflow-engine 3.5.6 → 3.5.7

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

@@ -15,7 +15,7 @@ import { FormgroupModule } from '../../formgroup/formgroup.module';
 import { PopoverModule } from '../../ui-kit/popover/popover.module';
 import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
 import { DpDatePickerModule } from 'ng2-date-picker';
-import { PageHeaderComponent } from './page-header/page-header.component';
+import { PageAssessmentHeaderComponent } from './page-header/page-header.component';
 import { WelcomeComponent } from './welcome/welcome.component';
 import { PreviewModule } from '../assessment-editor/components/preview/preview.module';
 import { SectionDetailsComponent } from './section-details/section-details.component';
@@ -34,7 +34,7 @@ export class AssessmentPreviewModule {
             RadioQuestionComponent,
             SelectQuestionComponent,
             SingleTextboxComponent,
-            PageHeaderComponent,
+            PageAssessmentHeaderComponent,
             WelcomeComponent,
             SectionDetailsComponent,
             GetSectionOrderPipe,
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         RadioQuestionComponent,
                         SelectQuestionComponent,
                         SingleTextboxComponent,
-                        PageHeaderComponent,
+                        PageAssessmentHeaderComponent,
                         WelcomeComponent,
                         SectionDetailsComponent,
                         GetSectionOrderPipe,
@@ -110,4 +110,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXNzbWVudC1wcmV2aWV3Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2Fzc2Vzc21lbnQtcHJldmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDNUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDckUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scURBQXFELENBQUM7O0FBMkNsRyxNQUFNLE9BQU8sdUJBQXVCOytHQUF2Qix1QkFBdUI7Z0hBQXZCLHVCQUF1QixpQkF2Q2hDLHlCQUF5QjtZQUN6QixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIseUJBQXlCO1lBQ3pCLHNCQUFzQjtZQUN0Qix1QkFBdUI7WUFDdkIsc0JBQXNCO1lBQ3RCLG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIsdUJBQXVCO1lBQ3ZCLG1CQUFtQjtZQUNuQiwyQkFBMkIsYUFHM0IsWUFBWTtZQUNaLGFBQWE7WUFDYixlQUFlO1lBQ2YsYUFBYTtZQUNiLDJCQUEyQjtZQUMzQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLHNCQUFzQjtZQUN0QixXQUFXLGFBR1gseUJBQXlCO1lBQ3pCLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQix5QkFBeUI7WUFDekIsc0JBQXNCO1lBQ3RCLHVCQUF1QjtZQUN2QixzQkFBc0I7WUFDdEIsZ0JBQWdCO2dIQUdQLHVCQUF1QixZQXZCaEMsWUFBWTtZQUNaLGFBQWE7WUFDYixlQUFlO1lBQ2YsYUFBYTtZQUNiLDJCQUEyQjtZQUMzQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLHNCQUFzQjtZQUN0QixXQUFXOzs0RkFlRix1QkFBdUI7a0JBekNuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix5QkFBeUI7d0JBQ3pCLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixzQkFBc0I7d0JBQ3RCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsMkJBQTJCO3dCQUMzQixrQkFBa0I7d0JBQ2xCLGFBQWE7d0JBQ2Isc0JBQXNCO3dCQUN0QixXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCx5QkFBeUI7d0JBQ3pCLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixzQkFBc0I7d0JBQ3RCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixnQkFBZ0I7cUJBQ2pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hlY2tib3hRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY2hlY2tib3gtcXVlc3Rpb24vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGF0ZVRpbWVDb21wb25lbnQgfSBmcm9tICcuL2RhdGUtdGltZS9kYXRlLXRpbWUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGV2aWNlQ29tcG9uZW50IH0gZnJvbSAnLi9kZXZpY2UvZGV2aWNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZpbGVVcGxvYWRDb21wb25lbnQgfSBmcm9tICcuL2ZpbGUtdXBsb2FkL2ZpbGUtdXBsb2FkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFByZXZpZXdDb21wb25lbnQgfSBmcm9tICcuL3ByZXZpZXcvcHJldmlldy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQcmV2aWV3Q29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9wcmV2aWV3LWNvbnRhaW5lci9wcmV2aWV3LWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBRdWlja1NldHRpbmdzQ29tcG9uZW50IH0gZnJvbSAnLi9xdWljay1zZXR0aW5ncy9xdWljay1zZXR0aW5ncy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBSYWRpb1F1ZXN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby1xdWVzdGlvbi9yYWRpby1xdWVzdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZWxlY3RRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXF1ZXN0aW9uL3NlbGVjdC1xdWVzdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaW5nbGVUZXh0Ym94Q29tcG9uZW50IH0gZnJvbSAnLi9zaW5nbGUtdGV4dGJveC9zaW5nbGUtdGV4dGJveC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vLi4vdWkta2l0L3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBGb3JtZ3JvdXBNb2R1bGUgfSBmcm9tICcuLi8uLi9mb3JtZ3JvdXAvZm9ybWdyb3VwLm1vZHVsZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJNb2R1bGUgfSBmcm9tICcuLi8uLi91aS1raXQvcG9wb3Zlci9wb3BvdmVyLm1vZHVsZSc7XHJcbmltcG9ydCB7IE5neE1hdGVyaWFsVGltZXBpY2tlck1vZHVsZSB9IGZyb20gJ25neC1tYXRlcmlhbC10aW1lcGlja2VyJztcclxuaW1wb3J0IHsgRHBEYXRlUGlja2VyTW9kdWxlIH0gZnJvbSAnbmcyLWRhdGUtcGlja2VyJztcclxuaW1wb3J0IHsgUGFnZUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgV2VsY29tZUNvbXBvbmVudCB9IGZyb20gJy4vd2VsY29tZS93ZWxjb21lLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFByZXZpZXdNb2R1bGUgfSBmcm9tICcuLi9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBTZWN0aW9uRGV0YWlsc0NvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi1kZXRhaWxzL3NlY3Rpb24tZGV0YWlscy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQaXBlc01vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3BpcGVzLm1vZHVsZSc7XHJcbmltcG9ydCB7IEdldFNlY3Rpb25PcmRlclBpcGUgfSBmcm9tICcuL3BpcGVzL2dldC1zZWN0aW9uLW9yZGVyLnBpcGUnO1xyXG5pbXBvcnQgeyBEZXNjcmlwdGlvblByZXZpZXdDb21wb25lbnQgfSBmcm9tICcuL2Rlc2NyaXB0aW9uLXByZXZpZXcvZGVzY3JpcHRpb24tcHJldmlldy5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENoZWNrYm94UXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBEYXRlVGltZUNvbXBvbmVudCxcclxuICAgIERldmljZUNvbXBvbmVudCxcclxuICAgIEZpbGVVcGxvYWRDb21wb25lbnQsXHJcbiAgICBQcmV2aWV3Q29tcG9uZW50LFxyXG4gICAgUHJldmlld0NvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIFJhZGlvUXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBTZWxlY3RRdWVzdGlvbkNvbXBvbmVudCxcclxuICAgIFNpbmdsZVRleHRib3hDb21wb25lbnQsXHJcbiAgICBQYWdlSGVhZGVyQ29tcG9uZW50LFxyXG4gICAgV2VsY29tZUNvbXBvbmVudCxcclxuICAgIFNlY3Rpb25EZXRhaWxzQ29tcG9uZW50LFxyXG4gICAgR2V0U2VjdGlvbk9yZGVyUGlwZSxcclxuICAgIERlc2NyaXB0aW9uUHJldmlld0NvbXBvbmVudCxcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFRvb2x0aXBNb2R1bGUsXHJcbiAgICBGb3JtZ3JvdXBNb2R1bGUsXHJcbiAgICBQb3BvdmVyTW9kdWxlLFxyXG4gICAgTmd4TWF0ZXJpYWxUaW1lcGlja2VyTW9kdWxlLFxyXG4gICAgRHBEYXRlUGlja2VyTW9kdWxlLFxyXG4gICAgUHJldmlld01vZHVsZSxcclxuICAgIFF1aWNrU2V0dGluZ3NDb21wb25lbnQsXHJcbiAgICBQaXBlc01vZHVsZSxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIENoZWNrYm94UXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBEYXRlVGltZUNvbXBvbmVudCxcclxuICAgIERldmljZUNvbXBvbmVudCxcclxuICAgIEZpbGVVcGxvYWRDb21wb25lbnQsXHJcbiAgICBQcmV2aWV3Q29tcG9uZW50LFxyXG4gICAgUHJldmlld0NvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIFJhZGlvUXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBTZWxlY3RRdWVzdGlvbkNvbXBvbmVudCxcclxuICAgIFNpbmdsZVRleHRib3hDb21wb25lbnQsXHJcbiAgICBXZWxjb21lQ29tcG9uZW50LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBc3Nlc3NtZW50UHJldmlld01vZHVsZSB7fVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXNzbWVudC1wcmV2aWV3Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2Fzc2Vzc21lbnQtcHJldmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDNUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDckUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scURBQXFELENBQUM7O0FBMkNsRyxNQUFNLE9BQU8sdUJBQXVCOytHQUF2Qix1QkFBdUI7Z0hBQXZCLHVCQUF1QixpQkF2Q2hDLHlCQUF5QjtZQUN6QixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIseUJBQXlCO1lBQ3pCLHNCQUFzQjtZQUN0Qix1QkFBdUI7WUFDdkIsc0JBQXNCO1lBQ3RCLDZCQUE2QjtZQUM3QixnQkFBZ0I7WUFDaEIsdUJBQXVCO1lBQ3ZCLG1CQUFtQjtZQUNuQiwyQkFBMkIsYUFHM0IsWUFBWTtZQUNaLGFBQWE7WUFDYixlQUFlO1lBQ2YsYUFBYTtZQUNiLDJCQUEyQjtZQUMzQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLHNCQUFzQjtZQUN0QixXQUFXLGFBR1gseUJBQXlCO1lBQ3pCLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQix5QkFBeUI7WUFDekIsc0JBQXNCO1lBQ3RCLHVCQUF1QjtZQUN2QixzQkFBc0I7WUFDdEIsZ0JBQWdCO2dIQUdQLHVCQUF1QixZQXZCaEMsWUFBWTtZQUNaLGFBQWE7WUFDYixlQUFlO1lBQ2YsYUFBYTtZQUNiLDJCQUEyQjtZQUMzQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLHNCQUFzQjtZQUN0QixXQUFXOzs0RkFlRix1QkFBdUI7a0JBekNuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix5QkFBeUI7d0JBQ3pCLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixzQkFBc0I7d0JBQ3RCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0Qiw2QkFBNkI7d0JBQzdCLGdCQUFnQjt3QkFDaEIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsMkJBQTJCO3dCQUMzQixrQkFBa0I7d0JBQ2xCLGFBQWE7d0JBQ2Isc0JBQXNCO3dCQUN0QixXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCx5QkFBeUI7d0JBQ3pCLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixzQkFBc0I7d0JBQ3RCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixnQkFBZ0I7cUJBQ2pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hlY2tib3hRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY2hlY2tib3gtcXVlc3Rpb24vY2hlY2tib3gtcXVlc3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGF0ZVRpbWVDb21wb25lbnQgfSBmcm9tICcuL2RhdGUtdGltZS9kYXRlLXRpbWUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGV2aWNlQ29tcG9uZW50IH0gZnJvbSAnLi9kZXZpY2UvZGV2aWNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZpbGVVcGxvYWRDb21wb25lbnQgfSBmcm9tICcuL2ZpbGUtdXBsb2FkL2ZpbGUtdXBsb2FkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFByZXZpZXdDb21wb25lbnQgfSBmcm9tICcuL3ByZXZpZXcvcHJldmlldy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQcmV2aWV3Q29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9wcmV2aWV3LWNvbnRhaW5lci9wcmV2aWV3LWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBRdWlja1NldHRpbmdzQ29tcG9uZW50IH0gZnJvbSAnLi9xdWljay1zZXR0aW5ncy9xdWljay1zZXR0aW5ncy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBSYWRpb1F1ZXN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby1xdWVzdGlvbi9yYWRpby1xdWVzdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZWxlY3RRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXF1ZXN0aW9uL3NlbGVjdC1xdWVzdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaW5nbGVUZXh0Ym94Q29tcG9uZW50IH0gZnJvbSAnLi9zaW5nbGUtdGV4dGJveC9zaW5nbGUtdGV4dGJveC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vLi4vdWkta2l0L3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBGb3JtZ3JvdXBNb2R1bGUgfSBmcm9tICcuLi8uLi9mb3JtZ3JvdXAvZm9ybWdyb3VwLm1vZHVsZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJNb2R1bGUgfSBmcm9tICcuLi8uLi91aS1raXQvcG9wb3Zlci9wb3BvdmVyLm1vZHVsZSc7XHJcbmltcG9ydCB7IE5neE1hdGVyaWFsVGltZXBpY2tlck1vZHVsZSB9IGZyb20gJ25neC1tYXRlcmlhbC10aW1lcGlja2VyJztcclxuaW1wb3J0IHsgRHBEYXRlUGlja2VyTW9kdWxlIH0gZnJvbSAnbmcyLWRhdGUtcGlja2VyJztcclxuaW1wb3J0IHsgUGFnZUFzc2Vzc21lbnRIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFdlbGNvbWVDb21wb25lbnQgfSBmcm9tICcuL3dlbGNvbWUvd2VsY29tZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQcmV2aWV3TW9kdWxlIH0gZnJvbSAnLi4vYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9wcmV2aWV3L3ByZXZpZXcubW9kdWxlJztcclxuaW1wb3J0IHsgU2VjdGlvbkRldGFpbHNDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24tZGV0YWlscy9zZWN0aW9uLWRldGFpbHMuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUGlwZXNNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlcy9waXBlcy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBHZXRTZWN0aW9uT3JkZXJQaXBlIH0gZnJvbSAnLi9waXBlcy9nZXQtc2VjdGlvbi1vcmRlci5waXBlJztcclxuaW1wb3J0IHsgRGVzY3JpcHRpb25QcmV2aWV3Q29tcG9uZW50IH0gZnJvbSAnLi9kZXNjcmlwdGlvbi1wcmV2aWV3L2Rlc2NyaXB0aW9uLXByZXZpZXcuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDaGVja2JveFF1ZXN0aW9uQ29tcG9uZW50LFxyXG4gICAgRGF0ZVRpbWVDb21wb25lbnQsXHJcbiAgICBEZXZpY2VDb21wb25lbnQsXHJcbiAgICBGaWxlVXBsb2FkQ29tcG9uZW50LFxyXG4gICAgUHJldmlld0NvbXBvbmVudCxcclxuICAgIFByZXZpZXdDb250YWluZXJDb21wb25lbnQsXHJcbiAgICBSYWRpb1F1ZXN0aW9uQ29tcG9uZW50LFxyXG4gICAgU2VsZWN0UXVlc3Rpb25Db21wb25lbnQsXHJcbiAgICBTaW5nbGVUZXh0Ym94Q29tcG9uZW50LFxyXG4gICAgUGFnZUFzc2Vzc21lbnRIZWFkZXJDb21wb25lbnQsXHJcbiAgICBXZWxjb21lQ29tcG9uZW50LFxyXG4gICAgU2VjdGlvbkRldGFpbHNDb21wb25lbnQsXHJcbiAgICBHZXRTZWN0aW9uT3JkZXJQaXBlLFxyXG4gICAgRGVzY3JpcHRpb25QcmV2aWV3Q29tcG9uZW50LFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgVG9vbHRpcE1vZHVsZSxcclxuICAgIEZvcm1ncm91cE1vZHVsZSxcclxuICAgIFBvcG92ZXJNb2R1bGUsXHJcbiAgICBOZ3hNYXRlcmlhbFRpbWVwaWNrZXJNb2R1bGUsXHJcbiAgICBEcERhdGVQaWNrZXJNb2R1bGUsXHJcbiAgICBQcmV2aWV3TW9kdWxlLFxyXG4gICAgUXVpY2tTZXR0aW5nc0NvbXBvbmVudCxcclxuICAgIFBpcGVzTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ2hlY2tib3hRdWVzdGlvbkNvbXBvbmVudCxcclxuICAgIERhdGVUaW1lQ29tcG9uZW50LFxyXG4gICAgRGV2aWNlQ29tcG9uZW50LFxyXG4gICAgRmlsZVVwbG9hZENvbXBvbmVudCxcclxuICAgIFByZXZpZXdDb21wb25lbnQsXHJcbiAgICBQcmV2aWV3Q29udGFpbmVyQ29tcG9uZW50LFxyXG4gICAgUmFkaW9RdWVzdGlvbkNvbXBvbmVudCxcclxuICAgIFNlbGVjdFF1ZXN0aW9uQ29tcG9uZW50LFxyXG4gICAgU2luZ2xlVGV4dGJveENvbXBvbmVudCxcclxuICAgIFdlbGNvbWVDb21wb25lbnQsXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFzc2Vzc21lbnRQcmV2aWV3TW9kdWxlIHt9XHJcbiJdfQ==

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

@@ -2,15 +2,15 @@ import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
-export class PageHeaderComponent {
+export class PageAssessmentHeaderComponent {
     constructor() {
         this.isExpand = false;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageHeaderComponent, selector: "app-page-header", inputs: { pageDetail: "pageDetail", pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"page-header vx-pb-2 vx-mb-5\">\r\n  <div class=\"page-heading vx-d-flex\">\r\n    <div\r\n      *ngIf=\"!pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      PAGE {{ pageDetail?.pageNumber }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      {{ pageTitle }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageDetail?.pageName?.trim()?.length\"\r\n      class=\"page-name vx-fs-13 vx-label-txt\"\r\n      [innerHTML]=\"pageDetail?.pageName\"\r\n      [appTooltip]=\"pageDetail?.pageName\"\r\n      placement=\"bottom-left\"\r\n      delay=\"0\"\r\n      type=\"black\"\r\n      [tooltipMandatory]=\"false\"\r\n    ></div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"pageDetail?.pageDescription?.trim()?.length\"\r\n    class=\"page-details vx-fs-11 vx-paragraph-txt vx-mt-2\"\r\n    [innerHTML]=\"pageDetail?.pageDescription\"\r\n    [class.expand]=\"false\"\r\n  ></div>\r\n  <div class=\"page-details-btn vx-d-flex vx-justify-end\">\r\n    <button class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">\r\n      Read More\r\n    </button>\r\n  </div>\r\n\r\n  <!-- <div  *ngIf=\"!pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">PAGE {{pageDetail?.pageNumber}} </div>\r\n    <div  *ngIf=\"pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">{{pageTitle}} </div>\r\n    <div *ngIf=\"pageDetail?.pageName?.trim()?.length\" class=\"page-name vx-fs-12 vx-label-txt vx-mb-3\" [innerHTML]=\"pageDetail?.pageName\"> </div>\r\n    <div *ngIf=\"pageDetail?.pageDescription?.trim()?.length\" class=\"page-details vx-fs-12 vx-label-txt vx-p-4\" [innerHTML]=\"pageDetail?.pageDescription\"></div> -->\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-header{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .page-header .page-heading{width:calc(100% - 4rem)}::ng-deep .page-header .page-heading .label{background:#161b2f;border-radius:.125rem;height:1rem}::ng-deep .page-header .page-heading .page-name{width:calc(100% - 3rem);position:relative;top:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .page-header .page-details{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:2.5rem;position:relative}::ng-deep .page-header .page-details.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .page-header .page-details-btn button{background:transparent;border-radius:0;border:none}\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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageAssessmentHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageAssessmentHeaderComponent, selector: "app-page-header", inputs: { pageDetail: "pageDetail", pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"page-header vx-pb-2 vx-mb-5\">\r\n  <div class=\"page-heading vx-d-flex\">\r\n    <div\r\n      *ngIf=\"!pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      PAGE {{ pageDetail?.pageNumber }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      {{ pageTitle }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageDetail?.pageName?.trim()?.length\"\r\n      class=\"page-name vx-fs-13 vx-label-txt\"\r\n      [innerHTML]=\"pageDetail?.pageName\"\r\n      [appTooltip]=\"pageDetail?.pageName\"\r\n      placement=\"bottom-left\"\r\n      delay=\"0\"\r\n      type=\"black\"\r\n      [tooltipMandatory]=\"false\"\r\n    ></div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"pageDetail?.pageDescription?.trim()?.length\"\r\n    class=\"page-details vx-fs-11 vx-paragraph-txt vx-mt-2\"\r\n    [innerHTML]=\"pageDetail?.pageDescription\"\r\n    [class.expand]=\"false\"\r\n  ></div>\r\n  <div class=\"page-details-btn vx-d-flex vx-justify-end\">\r\n    <button class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">\r\n      Read More\r\n    </button>\r\n  </div>\r\n\r\n  <!-- <div  *ngIf=\"!pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">PAGE {{pageDetail?.pageNumber}} </div>\r\n    <div  *ngIf=\"pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">{{pageTitle}} </div>\r\n    <div *ngIf=\"pageDetail?.pageName?.trim()?.length\" class=\"page-name vx-fs-12 vx-label-txt vx-mb-3\" [innerHTML]=\"pageDetail?.pageName\"> </div>\r\n    <div *ngIf=\"pageDetail?.pageDescription?.trim()?.length\" class=\"page-details vx-fs-12 vx-label-txt vx-p-4\" [innerHTML]=\"pageDetail?.pageDescription\"></div> -->\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-header{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .page-header .page-heading{width:calc(100% - 4rem)}::ng-deep .page-header .page-heading .label{background:#161b2f;border-radius:.125rem;height:1rem}::ng-deep .page-header .page-heading .page-name{width:calc(100% - 3rem);position:relative;top:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .page-header .page-details{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:2.5rem;position:relative}::ng-deep .page-header .page-details.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .page-header .page-details-btn button{background:transparent;border-radius:0;border:none}\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageAssessmentHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-page-header', template: "<div class=\"page-header vx-pb-2 vx-mb-5\">\r\n  <div class=\"page-heading vx-d-flex\">\r\n    <div\r\n      *ngIf=\"!pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      PAGE {{ pageDetail?.pageNumber }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageTitle\"\r\n      class=\"label vx-fs-11 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1\"\r\n    >\r\n      {{ pageTitle }}\r\n    </div>\r\n    <div\r\n      *ngIf=\"pageDetail?.pageName?.trim()?.length\"\r\n      class=\"page-name vx-fs-13 vx-label-txt\"\r\n      [innerHTML]=\"pageDetail?.pageName\"\r\n      [appTooltip]=\"pageDetail?.pageName\"\r\n      placement=\"bottom-left\"\r\n      delay=\"0\"\r\n      type=\"black\"\r\n      [tooltipMandatory]=\"false\"\r\n    ></div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"pageDetail?.pageDescription?.trim()?.length\"\r\n    class=\"page-details vx-fs-11 vx-paragraph-txt vx-mt-2\"\r\n    [innerHTML]=\"pageDetail?.pageDescription\"\r\n    [class.expand]=\"false\"\r\n  ></div>\r\n  <div class=\"page-details-btn vx-d-flex vx-justify-end\">\r\n    <button class=\"vx-fs-8 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">\r\n      Read More\r\n    </button>\r\n  </div>\r\n\r\n  <!-- <div  *ngIf=\"!pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">PAGE {{pageDetail?.pageNumber}} </div>\r\n    <div  *ngIf=\"pageTitle\" class=\"label vx-fs-10 vx-fw-500 vx-txt-white vx-pl-1 vx-pr-1 vx-lh-4 vx-mb-2 vx-d-inline-flex\">{{pageTitle}} </div>\r\n    <div *ngIf=\"pageDetail?.pageName?.trim()?.length\" class=\"page-name vx-fs-12 vx-label-txt vx-mb-3\" [innerHTML]=\"pageDetail?.pageName\"> </div>\r\n    <div *ngIf=\"pageDetail?.pageDescription?.trim()?.length\" class=\"page-details vx-fs-12 vx-label-txt vx-p-4\" [innerHTML]=\"pageDetail?.pageDescription\"></div> -->\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-header{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .page-header .page-heading{width:calc(100% - 4rem)}::ng-deep .page-header .page-heading .label{background:#161b2f;border-radius:.125rem;height:1rem}::ng-deep .page-header .page-heading .page-name{width:calc(100% - 3rem);position:relative;top:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .page-header .page-details{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:2.5rem;position:relative}::ng-deep .page-header .page-details.expand{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;word-break:unset;max-height:unset}::ng-deep .page-header .page-details-btn button{background:transparent;border-radius:0;border:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { pageDetail: [{
@@ -18,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], pageTitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QjtRQURBLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFDWCxDQUFDO0lBQ2hCLFFBQVEsS0FBVSxDQUFDOytHQUxSLG1CQUFtQjttR0FBbkIsbUJBQW1CLHFIQ1BoQyw4M0RBMENBOzs0RkRuQ2EsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjswRUFLbEIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wYWdlLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFnZUhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgcGFnZURldGFpbCE6IGFueTtcclxuICBASW5wdXQoKSBwYWdlVGl0bGUhOiBhbnk7XHJcbiAgaXNFeHBhbmQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlciB2eC1wYi0yIHZ4LW1iLTVcIj5cclxuICA8ZGl2IGNsYXNzPVwicGFnZS1oZWFkaW5nIHZ4LWQtZmxleFwiPlxyXG4gICAgPGRpdlxyXG4gICAgICAqbmdJZj1cIiFwYWdlVGl0bGVcIlxyXG4gICAgICBjbGFzcz1cImxhYmVsIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtcGwtMSB2eC1wci0xIHZ4LWxoLTQgdngtbXItMVwiXHJcbiAgICA+XHJcbiAgICAgIFBBR0Uge3sgcGFnZURldGFpbD8ucGFnZU51bWJlciB9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2XHJcbiAgICAgICpuZ0lmPVwicGFnZVRpdGxlXCJcclxuICAgICAgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXBsLTEgdngtcHItMSB2eC1saC00IHZ4LW1yLTFcIlxyXG4gICAgPlxyXG4gICAgICB7eyBwYWdlVGl0bGUgfX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdlxyXG4gICAgICAqbmdJZj1cInBhZ2VEZXRhaWw/LnBhZ2VOYW1lPy50cmltKCk/Lmxlbmd0aFwiXHJcbiAgICAgIGNsYXNzPVwicGFnZS1uYW1lIHZ4LWZzLTEzIHZ4LWxhYmVsLXR4dFwiXHJcbiAgICAgIFtpbm5lckhUTUxdPVwicGFnZURldGFpbD8ucGFnZU5hbWVcIlxyXG4gICAgICBbYXBwVG9vbHRpcF09XCJwYWdlRGV0YWlsPy5wYWdlTmFtZVwiXHJcbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgPjwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXZcclxuICAgICpuZ0lmPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uPy50cmltKCk/Lmxlbmd0aFwiXHJcbiAgICBjbGFzcz1cInBhZ2UtZGV0YWlscyB2eC1mcy0xMSB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW10LTJcIlxyXG4gICAgW2lubmVySFRNTF09XCJwYWdlRGV0YWlsPy5wYWdlRGVzY3JpcHRpb25cIlxyXG4gICAgW2NsYXNzLmV4cGFuZF09XCJmYWxzZVwiXHJcbiAgPjwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJwYWdlLWRldGFpbHMtYnRuIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWVuZFwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cInZ4LWZzLTggdngtZnctNTAwIHZ4LXR4dC1ibHVlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgIFJlYWQgTW9yZVxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDwhLS0gPGRpdiAgKm5nSWY9XCIhcGFnZVRpdGxlXCIgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMCB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXBsLTEgdngtcHItMSB2eC1saC00IHZ4LW1iLTIgdngtZC1pbmxpbmUtZmxleFwiPlBBR0Uge3twYWdlRGV0YWlsPy5wYWdlTnVtYmVyfX0gPC9kaXY+XHJcbiAgICA8ZGl2ICAqbmdJZj1cInBhZ2VUaXRsZVwiIGNsYXNzPVwibGFiZWwgdngtZnMtMTAgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1wbC0xIHZ4LXByLTEgdngtbGgtNCB2eC1tYi0yIHZ4LWQtaW5saW5lLWZsZXhcIj57e3BhZ2VUaXRsZX19IDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cInBhZ2VEZXRhaWw/LnBhZ2VOYW1lPy50cmltKCk/Lmxlbmd0aFwiIGNsYXNzPVwicGFnZS1uYW1lIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1tYi0zXCIgW2lubmVySFRNTF09XCJwYWdlRGV0YWlsPy5wYWdlTmFtZVwiPiA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJwYWdlRGV0YWlsPy5wYWdlRGVzY3JpcHRpb24/LnRyaW0oKT8ubGVuZ3RoXCIgY2xhc3M9XCJwYWdlLWRldGFpbHMgdngtZnMtMTIgdngtbGFiZWwtdHh0IHZ4LXAtNFwiIFtpbm5lckhUTUxdPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uXCI+PC9kaXY+IC0tPlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLDZCQUE2QjtJQUl4QztRQURBLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFDWCxDQUFDO0lBQ2hCLFFBQVEsS0FBVSxDQUFDOytHQUxSLDZCQUE2QjttR0FBN0IsNkJBQTZCLHFIQ1AxQyw4M0RBMENBOzs0RkRuQ2EsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLGlCQUFpQjswRUFLbEIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wYWdlLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFnZUFzc2Vzc21lbnRIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHBhZ2VEZXRhaWwhOiBhbnk7XHJcbiAgQElucHV0KCkgcGFnZVRpdGxlITogYW55O1xyXG4gIGlzRXhwYW5kOiBib29sZWFuID0gZmFsc2U7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicGFnZS1oZWFkZXIgdngtcGItMiB2eC1tYi01XCI+XHJcbiAgPGRpdiBjbGFzcz1cInBhZ2UtaGVhZGluZyB2eC1kLWZsZXhcIj5cclxuICAgIDxkaXZcclxuICAgICAgKm5nSWY9XCIhcGFnZVRpdGxlXCJcclxuICAgICAgY2xhc3M9XCJsYWJlbCB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXBsLTEgdngtcHItMSB2eC1saC00IHZ4LW1yLTFcIlxyXG4gICAgPlxyXG4gICAgICBQQUdFIHt7IHBhZ2VEZXRhaWw/LnBhZ2VOdW1iZXIgfX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdlxyXG4gICAgICAqbmdJZj1cInBhZ2VUaXRsZVwiXHJcbiAgICAgIGNsYXNzPVwibGFiZWwgdngtZnMtMTEgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1wbC0xIHZ4LXByLTEgdngtbGgtNCB2eC1tci0xXCJcclxuICAgID5cclxuICAgICAge3sgcGFnZVRpdGxlIH19XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXZcclxuICAgICAgKm5nSWY9XCJwYWdlRGV0YWlsPy5wYWdlTmFtZT8udHJpbSgpPy5sZW5ndGhcIlxyXG4gICAgICBjbGFzcz1cInBhZ2UtbmFtZSB2eC1mcy0xMyB2eC1sYWJlbC10eHRcIlxyXG4gICAgICBbaW5uZXJIVE1MXT1cInBhZ2VEZXRhaWw/LnBhZ2VOYW1lXCJcclxuICAgICAgW2FwcFRvb2x0aXBdPVwicGFnZURldGFpbD8ucGFnZU5hbWVcIlxyXG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXHJcbiAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcclxuICAgID48L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2XHJcbiAgICAqbmdJZj1cInBhZ2VEZXRhaWw/LnBhZ2VEZXNjcmlwdGlvbj8udHJpbSgpPy5sZW5ndGhcIlxyXG4gICAgY2xhc3M9XCJwYWdlLWRldGFpbHMgdngtZnMtMTEgdngtcGFyYWdyYXBoLXR4dCB2eC1tdC0yXCJcclxuICAgIFtpbm5lckhUTUxdPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uXCJcclxuICAgIFtjbGFzcy5leHBhbmRdPVwiZmFsc2VcIlxyXG4gID48L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwicGFnZS1kZXRhaWxzLWJ0biB2eC1kLWZsZXggdngtanVzdGlmeS1lbmRcIj5cclxuICAgIDxidXR0b24gY2xhc3M9XCJ2eC1mcy04IHZ4LWZ3LTUwMCB2eC10eHQtYmx1ZSB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LW0tMFwiPlxyXG4gICAgICBSZWFkIE1vcmVcclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8IS0tIDxkaXYgICpuZ0lmPVwiIXBhZ2VUaXRsZVwiIGNsYXNzPVwibGFiZWwgdngtZnMtMTAgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1wbC0xIHZ4LXByLTEgdngtbGgtNCB2eC1tYi0yIHZ4LWQtaW5saW5lLWZsZXhcIj5QQUdFIHt7cGFnZURldGFpbD8ucGFnZU51bWJlcn19IDwvZGl2PlxyXG4gICAgPGRpdiAgKm5nSWY9XCJwYWdlVGl0bGVcIiBjbGFzcz1cImxhYmVsIHZ4LWZzLTEwIHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtcGwtMSB2eC1wci0xIHZ4LWxoLTQgdngtbWItMiB2eC1kLWlubGluZS1mbGV4XCI+e3twYWdlVGl0bGV9fSA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJwYWdlRGV0YWlsPy5wYWdlTmFtZT8udHJpbSgpPy5sZW5ndGhcIiBjbGFzcz1cInBhZ2UtbmFtZSB2eC1mcy0xMiB2eC1sYWJlbC10eHQgdngtbWItM1wiIFtpbm5lckhUTUxdPVwicGFnZURldGFpbD8ucGFnZU5hbWVcIj4gPC9kaXY+XHJcbiAgICA8ZGl2ICpuZ0lmPVwicGFnZURldGFpbD8ucGFnZURlc2NyaXB0aW9uPy50cmltKCk/Lmxlbmd0aFwiIGNsYXNzPVwicGFnZS1kZXRhaWxzIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1wLTRcIiBbaW5uZXJIVE1MXT1cInBhZ2VEZXRhaWw/LnBhZ2VEZXNjcmlwdGlvblwiPjwvZGl2PiAtLT5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -49,7 +49,7 @@ export class PreviewComponent {
         });
     }
     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" }] }); }
+    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.PageAssessmentHeaderComponent, selector: "app-page-header", inputs: ["pageDetail", "pageTitle"] }, { kind: "component", type: i13.WelcomeComponent, selector: "app-preview-welcome", inputs: ["questionDetails"] }, { kind: "component", type: i14.SectionDetailsComponent, selector: "app-section-details", inputs: ["sectionDetails"] }, { kind: "pipe", type: i15.GetSectionOrderPipe, name: "getSectionOrder" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewComponent, decorators: [{
             type: Component,