npm - vcomply-workflow-engine - Versions diffs - 2.9.28 → 2.9.30 - Mend

vcomply-workflow-engine 2.9.28 → 2.9.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (216) hide show

package/esm2015/lib/sharedComponents/assessment-preview/checkbox-question/checkbox-question.component.js CHANGED Viewed

@@ -18,7 +18,7 @@ CheckboxQuestionComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-checkbox-question',
                 template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\" *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li class=\"vx-mt-5 vx-pb-2\" *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\">\r\n                <app-cs-checkbox>\r\n                    <span class=\"checkbox-value vx-fs-14 vx-paragraph-txt vx-fw-400 \" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{choice?.title ? choice?.title: 'Option' }}</span>\r\n                </app-cs-checkbox>\r\n            </li>\r\n            <li class=\"vx-mt-5 vx-pb-2\" *ngIf=\"question?.hasOther\">\r\n                <app-cs-checkbox>\r\n                    <span class=\"checkbox-value vx-fs-14 vx-paragraph-txt vx-fw-400 \" [appTooltip]=\"question.otherValue\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question.otherValue}}</span>\r\n                </app-cs-checkbox>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item{width:100%!important;position:relative;padding-left:2rem}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .checkmark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important;position:absolute!important;left:0!important}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .value{width:100%!important;margin:0!important;justify-content:start!important}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .value .checkbox-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item{width:100%!important;position:relative;padding-left:2rem}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .checkmark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important;position:absolute!important;left:0!important}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .value{width:100%!important;margin:0!important;justify-content:start!important}::ng-deep .question-options ul li app-cs-checkbox .checkbox-item .value .checkbox-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"]
             },] }
 ];
 CheckboxQuestionComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/date-time/date-time.component.js CHANGED Viewed

@@ -20,7 +20,7 @@ DateTimeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-date-time',
                 template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"  *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\"  *ngIf=\"question?.hasDescription && question?.description?.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <div class=\"textbox-group vx-mt-5\">\r\n            <div class=\"input-group vx-d-flex vx-mb-2\"  *ngIf=\"question?.hasDate\">\r\n                <span class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"><span class=\"vx-d-block\" [appTooltip]=\"question?.date?.title==''?'Date Label':question?.date?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question?.date?.title==''?'Date Label':question?.date?.title}}</span></span>\r\n                <div class=\"date-time-area\">\r\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe996;</i>\r\n                    <input class=\"datePicker\" (click)=\"openDatePicker()\" placeholder=\"Select Date\">\r\n                    <dp-date-picker #datePicker placeholder=\"Select Date\" (click)=\"openDatePicker()\" (click)=\"closeDatepicker()\"></dp-date-picker>\r\n                    <div class=\"overlay\" (click)=\"closeDatepicker()\" *ngIf=\"datepickerOverlay\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question?.hasTime\">\r\n                <span class=\"label vx-bg-grey vx-label-txt vx-lh-24 vx-d-flex vx-tt-uppercase vx-fs-11 vx-text-center vx-p-2 vx-justify-center vx-align-center\"><span class=\"vx-d-block\" [appTooltip]=\"question?.time?.title==''?'Time Label':question?.time?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question?.time?.title==''?'Time Label':question?.time?.title}}</span></span>\r\n                <div class=\"date-time-area\">\r\n                    <input aria-label=\"12hr format\" [ngxTimepicker]=\"timeOnly\" readonly placeholder=\"Select Time\" />\r\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe955;</i>\r\n                    <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n                </div>\r\n            </div>\r\n            \r\n        </div>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-options .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .question-options .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-options .textbox-group .input-group .label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-options .textbox-group .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-options .textbox-group .input-group .date-time-area input{background:transparent;border:none;border-radius:0;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-options .textbox-group .input-group .date-time-area input.datePicker{opacity:0}::ng-deep .question-options .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-options .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-options .textbox-group .input-group .date-time-area dp-date-picker .dp-input-container input{top:-2.25rem;z-index:-1}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:rgba(0,0,0,.3)}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .textbox-group{display:block;max-width:31.25rem}::ng-deep .question-options .textbox-group .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .question-options .textbox-group .input-group .label{width:5.875rem}::ng-deep .question-options .textbox-group .input-group .label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .question-options .textbox-group .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .question-options .textbox-group .input-group .date-time-area input{background:transparent;border:none;border-radius:0;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .question-options .textbox-group .input-group .date-time-area input.datePicker{opacity:0}::ng-deep .question-options .textbox-group .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .question-options .textbox-group .input-group .date-time-area .overlay{z-index:2}::ng-deep .question-options .textbox-group .input-group .date-time-area dp-date-picker .dp-input-container input{top:-2.25rem;z-index:-1}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:rgba(0,0,0,.3)}\n"]
             },] }
 ];
 DateTimeComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/device/device.component.js CHANGED Viewed

@@ -11,7 +11,7 @@ DeviceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-device',
                 template: "<div class=\"device\">\r\n    <div class=\"label vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-pt-1 vx-pb-1 vx-text-center\">PREVIEW</div>\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'DESKTOP'\" (click)=\"deviceChanged.emit('DESKTOP')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac2;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">DESKTOP</span>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'TABLET'\" (click)=\"deviceChanged.emit('TABLET')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac1;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">TABLET</span>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'MOBILE'\" (click)=\"deviceChanged.emit('MOBILE')\">\r\n                <i class=\"icons vx-fs-16\">&#xeac0;</i>\r\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">MOBILE</span>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/button/button.css\");.device{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:3.75rem}.device ul li{border-top:1px solid #f1f1f1;list-style-type:none}.device ul li a{color:#747576}.device ul li a.active{background:#1e5dd3;color:#fff}"]
+                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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.device{background:#FFFFFF;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:3.75rem}.device ul li{border-top:1px solid #F1F1F1;list-style-type:none}.device ul li a{color:#747576}.device ul li a.active{background:#1e5dd3;color:#fff}\n"]
             },] }
 ];
 DeviceComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/file-upload/file-upload.component.js CHANGED Viewed

@@ -8,7 +8,7 @@ FileUploadComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-file-upload',
                 template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\">How long have you been a customer of our product have you been a customer of our product?</span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\"  *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\" >\r\n        <div class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\">\r\n            <input type=\"file\">\r\n            <span class=\"value vx-fs-11 vx-label-txt vx-d-block vx-pl-2\">Select file</span>\r\n            <span class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\">Browse</span>\r\n        </div>\r\n        <ul class=\"file-list vx-p-0 vx-pt-5 vx-m-0\" *ngIf=\"false\">\r\n            <li class=\"file vx-pb-1\">\r\n                <div class=\"file-box vx-d-flex vx-align-center vx-pt-2 vx-pb-2\">\r\n                    <span class=\"file pdf\">\r\n                        <i class=\"icons\">&#xe92e;</i>\r\n                        <span class=\"format\">pdf</span>\r\n                    </span>\r\n                    <div class=\"file-name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Tooltip.pdf'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">file-name.pdf</div>\r\n                    <button class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons vx-ml-3\">&#xe923;</i></button>\r\n                    <div class=\"line-progress\">\r\n                        <div class=\"line-progress-bar\"></div>\r\n                    </div>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .custom-file-upload{position:relative;max-width:25rem;width:100%;border:1px solid #dbdbdb;box-shadow:0 0 10px 0 #f1f1f1;height:2.5rem;border-radius:.25rem}::ng-deep .question-options .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .question-options .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .question-options .custom-file-upload span.button{height:1.875rem;width:6.25rem;border-radius:.25rem}::ng-deep .question-options ul.file-list{list-style:none;width:37.5rem}::ng-deep .question-options ul.file-list li.file .file-box{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep .question-options ul.file-list li.file .file-box .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1.25rem)}::ng-deep .question-options ul.file-list li.file .file-box button.delete-btn{background:transparent;border:none;border-radius:0}::ng-deep .question-options ul.file-list li.file .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:92%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .custom-file-upload{position:relative;max-width:25rem;width:100%;border:1px solid #DBDBDB;box-shadow:0 0 10px #f1f1f1;height:2.5rem;border-radius:.25rem}::ng-deep .question-options .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .question-options .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .question-options .custom-file-upload span.button{height:1.875rem;width:6.25rem;border-radius:.25rem}::ng-deep .question-options ul.file-list{list-style:none;width:37.5rem}::ng-deep .question-options ul.file-list li.file .file-box{border-bottom:1px solid #F1F1F1;position:relative}::ng-deep .question-options ul.file-list li.file .file-box .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1.25rem)}::ng-deep .question-options ul.file-list li.file .file-box button.delete-btn{background:transparent;border:none;border-radius:0}::ng-deep .question-options ul.file-list li.file .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:92%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"]
             },] }
 ];
 FileUploadComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/page-header/page-header.component.js CHANGED Viewed

@@ -8,7 +8,7 @@ PageHeaderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-page-header',
                 template: "<div class=\"page-header vx-mb-5\">\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\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .page-header .label{background:#161b2f;border-radius:.125rem}::ng-deep .page-header .page-details{background:#f8f8f8;border-left:4px solid #4681ef;position:relative}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-header .label{background:#161B2F;border-radius:.125rem}::ng-deep .page-header .page-details{background:#f8f8f8;border-left:4px solid #4681ef;position:relative}\n"]
             },] }
 ];
 PageHeaderComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/preview/preview.component.js CHANGED Viewed

@@ -36,7 +36,7 @@ PreviewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview',
                 template: "<div class=\"preview-page\" [class.with-datepicker]=\"false\">\r\n    <div class=\"preview-page-heading vx-fs-14 vx-fw-500 vx-label-txt vx-pl-3 vx-pr-3 vx-mb-5 vx-d-flex vx-align-center\">Preview <span class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-d-flex vx-align-center\">(<span class=\"value\" [appTooltip]=\"questionData?.assessment_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{questionData?.assessment_name}}</span>)</span></div>\r\n\r\n    <div class=\"preview-page-mid\" [class.with-tablet]=\"selectedDevice === 'TABLET'\" [class.with-mobile]=\"selectedDevice === 'MOBILE'\">\r\n        <div class=\"preview-page-mid-inner\" [class.tablet]=\"selectedDevice === 'TABLET'\" [class.mobile]=\"selectedDevice === 'MOBILE'\">\r\n            <ng-container>\r\n                <div class=\"mobile-top\" *ngIf=\"false\"></div>\r\n                <div class=\"preview-inside\">\r\n                    <!-- <app-question-welcome></app-question-welcome> -->\r\n                    <app-page-header  *ngIf=\"questionData?.hasWelcome===true\" [pageTitle]=\"'WELCOME SCREEN'\"></app-page-header>\r\n                    <app-preview-welcome [questionDetails]=\"questionData\" *ngIf=\"questionData?.hasWelcome===true\" ></app-preview-welcome>\r\n                    <ng-container *ngFor=\"let question of questionData?.questions?.elements;let i = index\">\r\n                        <app-page-header *ngIf=\"pageData[i]\" [pageDetail]=\"pageData[i]\"></app-page-header>\r\n                        <app-radio-question *ngIf=\"question.type === 'multiple-choice'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-radio-question>\r\n                        <app-checkbox-question *ngIf=\"question.type === 'checkbox'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-checkbox-question>\r\n                        <!-- <app-image-radio-question></app-image-radio-question>\r\n                        <app-star-rating></app-star-rating> -->\r\n                        <app-single-textbox *ngIf=\"question.type === 'single-textbox'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-single-textbox>\r\n                        <!-- <app-comment-question></app-comment-question>\r\n                        <app-rating-table></app-rating-table> -->\r\n                        <app-select-question *ngIf=\"question.type === 'dropdown'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-select-question>\r\n                        <!-- <app-select-option-rating></app-select-option-rating>\r\n                        <app-ranking></app-ranking>\r\n                        <app-slider-question></app-slider-question>\r\n                        <app-multiple-textbox></app-multiple-textbox> -->\r\n                        <app-date-time *ngIf=\"question.type === 'date-time'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-date-time>\r\n                        <app-file-upload *ngIf=\"question.type === 'file-upload'\" [question]=\"question\" [questionIndex]=\"i+1\"></app-file-upload>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <div class=\"device-area\"><app-device (deviceChanged)=\"selectedDevice = $event\"  [selectedDevice]=\"selectedDevice\"></app-device></div>\r\n        </div>\r\n    </div>\r\n   \r\n    <div class=\"preview-page-footer vx-p-3 vx-d-flex vx-align-center vx-justify-between\">\r\n        <div class=\"question-count vx-text-center\">\r\n            <!-- <div class=\"label vx-fs-12 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mb-1\">1 OF {{questionData?.questions?.elements?.length}} QUESTIONS ANSWERED</div>\r\n            <div class=\"question-progress\">\r\n                <div class=\"inner-line\" style=\"width: 20%;\"></div>\r\n            </div> -->\r\n        </div>\r\n        <div class=\"vx-d-flex vx-align-center\">\r\n            <div class=\"powered-section vx-fs-9 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-lh-7\">\r\n                POWERED BY&nbsp;<span class=\"vx-fw-700\">VCOMPLY</span>&nbsp;<sup class=\"vx-fw-600\">TM</sup>\r\n            </div>\r\n            <button (click)=\"previewBack.emit()\" class=\"back vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons vx-fs-16 vx-mr-1\">&#xe91d;</i> BACK</button>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"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:1.5rem 3rem 1.5rem 1.25rem;width:calc(100% - 1.75rem);height:calc(100vh - 9rem);overflow-y:auto;width:52.5rem;margin:0 auto}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-head{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .textbox-group{max-width:100%}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#dbdbdb;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-head{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .textbox-group{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translateX(-50%);right:8rem}::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}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";::ng-deep .preview-page{background:#FFFFFF;border-top:3px solid #1E5DD3;position:fixed;top:0;left:0;height:100vh;width:calc(100vw - 3rem);z-index:4}::ng-deep .preview-page.with-datepicker{z-index:11}::ng-deep .preview-page-heading{background:#FBFBFB;border-bottom:1px solid #F1F1F1;height:2.75rem}::ng-deep .preview-page-heading .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100vw - 42.5rem)}::ng-deep .preview-page-mid.with-tablet{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid.with-mobile{overflow-y:auto;align-items:unset;padding:3rem 0;height:calc(100vh - 10rem)}::ng-deep .preview-page-mid-inner .preview-inside{padding:1.5rem 3rem 1.5rem 1.25rem;width:calc(100% - 1.75rem);height:calc(100vh - 9rem);overflow-y:auto;width:52.5rem;margin:0 auto}::ng-deep .preview-page-mid-inner .preview-inside::-webkit-scrollbar-track{background-color:transparent}::ng-deep .preview-page-mid-inner.tablet{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:36.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.tablet:after{background:#DBDBDB;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .image-row .image-items{width:8rem}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.tablet .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile{border-radius:1.25rem;border:1px solid #f1f1f1;box-shadow:0 6px 12px #1e5dd31a;width:26.25rem;min-height:40.5rem;position:relative;padding:1.25rem 1.25rem 4.25rem;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile:before{border:1px solid #f1f1f1;border-radius:.625rem;content:\"\";position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem)}::ng-deep .preview-page-mid-inner.mobile:after{background:#DBDBDB;border-radius:50%;content:\"\";position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;width:1.5rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .mobile-top{background:#f1f1f1;border-radius:0 0 2rem 2rem;position:absolute;top:0;left:0;right:0;margin:0 auto;width:7rem;height:1.5rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside{padding-right:1.25rem;height:calc(100vh + 5rem);width:100%;margin:0 auto}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-block,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-block{padding:0 .75rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-head,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-details,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-details{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-quick-settings,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-quick-settings{right:-.125rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options{padding-right:3rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .image-row .image-items,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .image-row .image-items{width:7rem}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .single-textbox,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .comment-box,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .question-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .options-area,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .select-rating-table,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .slider-container,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul.file-list,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul.file-list{width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .textbox-group,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options .custom-file-upload,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options .custom-file-upload{max-width:100%}::ng-deep .preview-page-mid-inner.mobile .preview-inside app-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-checkbox-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-image-radio-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-star-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-single-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-comment-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-rating-table .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-select-option-rating .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-ranking .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-slider-question .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-multiple-textbox .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-date-time .question-options ul li button.rating-btn,::ng-deep .preview-page-mid-inner.mobile .preview-inside app-file-upload .question-options ul li button.rating-btn{font-size:1rem;padding:.5rem!important;line-height:1rem}::ng-deep .preview-page-mid-inner .device-area{position:fixed;top:38%;transform:translate(-50%);right:8rem}::ng-deep .preview-page-footer{background:#FFFFFF;border-radius:0 0 .125rem .125rem;box-shadow:0 0 10px #1e5dd326;height:3.25rem;margin-top:1.25rem;position:fixed;left:1rem;bottom:1.5rem;width:calc(100% - 4.75rem)}::ng-deep .preview-page-footer .question-count .question-progress{background:#DBDBDB;border-radius:1.25rem;width:12rem;height:.1875rem}::ng-deep .preview-page-footer .question-count .question-progress .inner-line{background:#34aa44;border-radius:1.25rem;height:.1875rem}::ng-deep .preview-page-footer button{border-radius:.125rem;height:1.75rem}::ng-deep .preview-page-footer button.back{background:#1e5dd3;border:none}::ng-deep .preview-page-footer button.disabled{background:#DBDBDB;color:#747576;pointer-events:none}::ng-deep .preview-page-footer .powered-section{background:#F1F1F1;border-radius:.125rem}::ng-deep .preview-page-footer .powered-section sup{position:relative;top:-.25rem}\n"]
             },] }
 ];
 PreviewComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/preview-container/preview-container.component.js CHANGED Viewed

@@ -8,7 +8,7 @@ PreviewContainerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-container',
                 template: "<div class=\"preview-body\">\r\n    <div class=\"preview-heading vx-bg-white vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\">\r\n        <div class=\"vx-avatar-group vx-align-center vx-mr-2\">\r\n            <div class=\"vx-avatar md\">\r\n                <span class=\"blue\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\r\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n            </div>\r\n            <div class=\"vx-avatar md\">\r\n                <span class=\"green\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\r\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n            </div>\r\n        </div>\r\n        <i class=\"icons star vx-fs-12 vx-mr-2\" [class.active]=\"false\">&#xea70;</i>\r\n        <div class=\"name\">\r\n            <div class=\"id vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-4\">[CID-19110027]</div>\r\n            <div class=\"value vx-fs-14 vx-labl-txt vx-pr-5 vx-lh-5\" [appTooltip]=\"'Data Protection Impact Assessment (DPIA) (RSK-10)'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Data Protection Impact Assessment (DPIA) (RSK-10)</div>\r\n        </div>\r\n    </div>\r\n    <!-- <app-preview-details></app-preview-details> -->\r\n    <div class=\"preview-inner vx-mt-1 vx-mb-5 vx-pt-5\">\r\n        <div class=\"inside vx-pt-5\">\r\n            <!-- <app-question-welcome></app-question-welcome> -->\r\n            <app-radio-question></app-radio-question>\r\n            <app-checkbox-question></app-checkbox-question>\r\n            <!-- <app-image-radio-question></app-image-radio-question>\r\n            <app-star-rating></app-star-rating> -->\r\n            <app-single-textbox></app-single-textbox>\r\n            <!-- <app-comment-question></app-comment-question>\r\n            <app-rating-table></app-rating-table> -->\r\n            <app-select-question></app-select-question>\r\n            <!-- <app-select-option-rating></app-select-option-rating>\r\n            <app-ranking></app-ranking>\r\n            <app-slider-question></app-slider-question>\r\n            <app-multiple-textbox></app-multiple-textbox> -->\r\n            <app-date-time></app-date-time>\r\n            <app-file-upload></app-file-upload>\r\n        </div>\r\n        <div *ngIf=\"false\" class=\"inside vx-pt-5\">\r\n            <!-- <app-question-loader></app-question-loader> -->\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");.preview-heading{border-radius:.125rem}.preview-heading i.star{color:#dbdbdb}.preview-heading i.star.active{color:#f0b819}.preview-heading .name{width:calc(100% - 5rem)}.preview-heading .name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-inner{background:#fff;border-radius:.125rem;padding-right:5rem;padding-left:4.375rem;height:calc(100vh - 16.25rem)}.preview-inner .inside{padding-right:5rem;height:calc(100% - 1.25rem);overflow-y:auto}.preview-inner .inside::-webkit-scrollbar-track{background-color:transparent}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";.preview-heading{border-radius:.125rem}.preview-heading i.star{color:#dbdbdb}.preview-heading i.star.active{color:#f0b819}.preview-heading .name{width:calc(100% - 5rem)}.preview-heading .name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-inner{background:#FFFFFF;border-radius:.125rem;padding-right:5rem;padding-left:4.375rem;height:calc(100vh - 16.25rem)}.preview-inner .inside{padding-right:5rem;height:calc(100% - 1.25rem);overflow-y:auto}.preview-inner .inside::-webkit-scrollbar-track{background-color:transparent}\n"]
             },] }
 ];
 PreviewContainerComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/quick-settings/quick-settings.component.js CHANGED Viewed

@@ -8,7 +8,7 @@ QuickSettingsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-quick-settings',
                 template: "<div class=\"quick-settings\">\r\n    <ul class=\"more-options vx-p-0 vx-m-0\">\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.hasComments'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"info?.showPopover\" appPopover (click)=\"info?.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!info?.showPopover\">&#xe932;</i>\r\n                <i class=\"icons\" *ngIf=\"info?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover  #info [dontCloseonClick]=\"false\">\r\n                <div class=\"block info vx-bg-white vx-p-3\">\r\n                    <div class=\"block-text vx-fs-13 vx-paragraph-txt\" [innerHTML]='question.comments'></div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\" *ngIf='question.isRespondentAttachment'>\r\n            <button class=\"options vx-fs-16 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"attachment?.showPopover\" appPopover (click)=\"attachment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!attachment?.showPopover\">&#xe977;</i>\r\n                <i class=\"icons\" *ngIf=\"attachment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover #attachment [dontCloseonClick]=\"true\">\r\n                <div class=\"block attachment vx-bg-white\">\r\n                    <div *ngIf=\"false\" class=\"attached vx-pt-1 vx-pl-3 vx-pr-3\">\r\n                        <div class=\"file-box vx-d-flex vx-align-center vx-pb-2 vx-pt-2\" *ngFor=\"let data of [1, 1]\">\r\n                            <span class=\"file table pdf\">\r\n                                <i class=\"icons\">&#xe92e;</i>\r\n                                <span class=\"format\">pdf</span>\r\n                            </span>\r\n                            <div class=\"file-name vx-fs-12 vx-label-txt\" [appTooltip]=\"'payrollnew-vcomply-interns.pdf'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">payrollnew-vcomply-interns.pdf</div>\r\n                            <button class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe923;</i></button>\r\n                            <div class=\"line-progress\">\r\n                                <div class=\"line-progress-bar\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"attach-btn vx-d-flex vx-align-center vx-justify-center vx-p-2\">\r\n                        <input type=\"file\">\r\n                        <i class=\"icons vx-fs-18 vx-pt-2 vx-mb-1\">&#xe977;</i>\r\n                        <span class=\"vx-txt-blue vx-fs-12 vx-tt-uppercase\">Attach Files</span>\r\n                    </div>\r\n                    <div *ngIf=\"false\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.isRespondentComment'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"comment?.showPopover\" appPopover (click)=\"comment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!comment?.showPopover\">&#xe9a6;</i>\r\n                <i class=\"icons\" *ngIf=\"comment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n            \r\n            <app-popover #comment [dontCloseonClick]=\"true\">\r\n                <div class=\"block comment vx-p-0 vx-bg-white \">\r\n                    <div class=\"text-area\">\r\n                        <textarea class=\"vx-fs-13 vx-paragraph-txt vx-lh-5 vx-p-2 vx-m-0\" placeholder=\"Type here...\"></textarea>\r\n                    </div>\r\n                    <div *ngIf=\"true\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n    </ul>\r\n</div>\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");.quick-settings ul.more-options li{position:relative;list-style:none}.quick-settings ul.more-options li button.options{border-radius:50%;border:1px solid #f1f1f1}.quick-settings ul.more-options li button.options span.status{border-radius:50%;height:.5rem;width:.5rem;position:absolute;right:.125rem;top:.5rem}.quick-settings ul.more-options li button.options.close{border:1px solid #4681ef;background:#4681ef;color:#fff}::ng-deep app-popover .block{border-radius:.125rem;box-shadow:0 0 10px rgba(30,93,211,.102);max-height:10rem;overflow:auto}::ng-deep app-popover .block::-webkit-scrollbar-track{background-color:#fff}::ng-deep app-popover .block.info{width:17rem}::ng-deep app-popover .block.attachment{min-width:12.25rem;max-width:17rem}::ng-deep app-popover .block.attachment .attached .file-box{border-bottom:1px solid #f1f1f1;position:relative}::ng-deep app-popover .block.attachment .attached .file-box .file-name{min-width:11.375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep app-popover .block.attachment .attached .file-box button.delete-btn{background:transparent;border-radius:0;border:none}::ng-deep app-popover .block.attachment .attached .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:80%}::ng-deep app-popover .block.attachment .attach-btn{flex-direction:column;position:relative}::ng-deep app-popover .block.attachment .attach-btn input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer}::ng-deep app-popover .block.attachment .attach-btn i{color:#dbdbdb}::ng-deep app-popover .block.comment{width:17rem}::ng-deep app-popover .block.comment textarea{border:none;outline:none;width:100%;resize:none}::ng-deep app-popover .block .bottom{border-top:1px solid #f1f1f1}::ng-deep app-popover .block .bottom button.save-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem;width:4rem}"]
+                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\";.quick-settings ul.more-options li{position:relative;list-style:none}.quick-settings ul.more-options li button.options{border-radius:50%;border:1px solid #F1F1F1}.quick-settings ul.more-options li button.options span.status{border-radius:50%;height:.5rem;width:.5rem;position:absolute;right:.125rem;top:.5rem}.quick-settings ul.more-options li button.options.close{border:1px solid #4681ef;background:#4681ef;color:#fff}::ng-deep app-popover .block{border-radius:.125rem;box-shadow:0 0 10px #1e5dd31a;max-height:10rem;overflow:auto}::ng-deep app-popover .block::-webkit-scrollbar-track{background-color:#fff}::ng-deep app-popover .block.info{width:17rem}::ng-deep app-popover .block.attachment{min-width:12.25rem;max-width:17rem}::ng-deep app-popover .block.attachment .attached .file-box{border-bottom:1px solid #F1F1F1;position:relative}::ng-deep app-popover .block.attachment .attached .file-box .file-name{min-width:11.375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep app-popover .block.attachment .attached .file-box button.delete-btn{background:transparent;border-radius:0;border:none}::ng-deep app-popover .block.attachment .attached .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:80%}::ng-deep app-popover .block.attachment .attach-btn{flex-direction:column;position:relative}::ng-deep app-popover .block.attachment .attach-btn input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer}::ng-deep app-popover .block.attachment .attach-btn i{color:#dbdbdb}::ng-deep app-popover .block.comment{width:17rem}::ng-deep app-popover .block.comment textarea{border:none;outline:none;width:100%;resize:none}::ng-deep app-popover .block .bottom{border-top:1px solid #F1F1F1}::ng-deep app-popover .block .bottom button.save-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem;width:4rem}\n"]
             },] }
 ];
 QuickSettingsComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/radio-question/radio-question.component.js CHANGED Viewed

@@ -18,7 +18,7 @@ RadioQuestionComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-radio-question',
                 template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\" *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\"> {{choice?.title ? choice?.title: 'Option' }}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n            <li *ngIf=\"question?.hasOther\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"question.otherValue\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question.otherValue}}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .radio,::ng-deep .question-options ul li app-cs-radio .radio-item .radiomark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .radio,::ng-deep .question-options ul li app-cs-radio .radio-item .radiomark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"]
             },] }
 ];
 RadioQuestionComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-preview/select-question/select-question.component.js CHANGED Viewed

@@ -21,7 +21,7 @@ SelectQuestionComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-select-question',
                 template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\">{{question?.title}}</span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n    <div class=\"question-options\">\r\n        <div class=\"options-area\">\r\n            <app-cs-select [dataList]='choicesForPreviewMode' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\"></app-cs-select>\r\n        </div>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .options-area{width:70%}::ng-deep .question-options .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .options-area{width:70%}::ng-deep .question-options .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"]
             },] }
 ];
 SelectQuestionComponent.ctorParameters = () => [];