vcomply-workflow-engine 2.9.35 → 2.9.37

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-comment-box/preview-comment-box.component.js

@@ -8,7 +8,7 @@ PreviewCommentBoxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-comment-box',
                 template: "<div class=\"preview-list\">\r\n    <textarea class=\"comment-box vx-m-0\" placeholder=\"placeholder\"></textarea>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .comment-box{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;width:37.5rem;height:8rem;padding:.5rem .75rem;outline:none;resize:none;transition:all .2s ease-in-out}::ng-deep .preview-list .comment-box::-webkit-scrollbar-track{background-color:#fff}::ng-deep .preview-list .comment-box:hover,::ng-deep .preview-list .comment-box:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .comment-box{border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:13px;width:37.5rem;height:8rem;padding:.5rem .75rem;outline:none;resize:none;transition:all .2s ease-in-out}::ng-deep .preview-list .comment-box::-webkit-scrollbar-track{background-color:#fff}::ng-deep .preview-list .comment-box:focus,::ng-deep .preview-list .comment-box:hover{border:1px solid #1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}"]
             },] }
 ];
 PreviewCommentBoxComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-date-time/preview-date-time.component.js

@@ -20,7 +20,7 @@ PreviewDateTimeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-date-time',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"date-time 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-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\">\r\n                <span class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\" [appTooltip]=\"question?.date?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" \r\n                [tooltipMandatory]=\"false\">{{question?.date?.title==''?'Date Label':question?.date?.title}}</span>\r\n            </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=\"Enter Date\">\r\n                <dp-date-picker [config]=\"{disableKeypress: true,format: 'DD MMM YYYY'}\" #datePicker placeholder=\"Select Date\"  (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-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\">\r\n                <span class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\" [appTooltip]=\"question?.time?.title\" placement=\"bottom-left\" \r\n                delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question?.time?.title==''?'Time Label':question?.time?.title}}</span>\r\n            </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>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .date-time{display:block;max-width:37.5rem}::ng-deep .preview-list .date-time .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .preview-list .date-time .input-group .label{width:5.875rem}::ng-deep .preview-list .date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .preview-list .date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .preview-list .date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.dp-picker-input{top:3px}::ng-deep .preview-list .date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.datePicker{opacity:0;position:absolute;z-index:2}::ng-deep .preview-list .date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .preview-list .date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}::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"]
+                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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .date-time{display:block;max-width:37.5rem}::ng-deep .preview-list .date-time .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .preview-list .date-time .input-group .label{width:5.875rem}::ng-deep .preview-list .date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .preview-list .date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .preview-list .date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.dp-picker-input{top:3px}::ng-deep .preview-list .date-time .input-group .date-time-area input::-moz-placeholder{color:#747576;opacity:1}::ng-deep .preview-list .date-time .input-group .date-time-area input:-ms-input-placeholder{color:#747576;opacity:1}::ng-deep .preview-list .date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .preview-list .date-time .input-group .date-time-area input.datePicker{opacity:0;position:absolute;z-index:2}::ng-deep .preview-list .date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .preview-list .date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::-moz-placeholder{color:#747576;opacity:1}::ng-deep dp-date-picker input.dp-picker-input:-ms-input-placeholder{color:#747576;opacity:1}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}::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)}"]
             },] }
 ];
 PreviewDateTimeComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-dropdown/preview-dropdown.component.js

@@ -21,7 +21,7 @@ PreviewDropdownComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-dropdown',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"dropdown-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>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .dropdown-area{width:37.5rem}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .dropdown-area{width:37.5rem}"]
             },] }
 ];
 PreviewDropdownComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-file-upload/preview-file-upload.component.js

@@ -13,7 +13,7 @@ PreviewFileUploadComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-file-upload',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\">\r\n        <input type=\"file\" (change)=\"handleFile($event)\">\r\n        <span class=\"value vx-fs-12 vx-label-txt vx-d-block vx-pl-2\">{{fileNamePlaceholder}}</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</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .custom-file-upload{position:relative;width:37.5rem;border:1px solid #DBDBDB;height:2.75rem;border-radius:.25rem}::ng-deep .preview-list .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .preview-list .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .custom-file-upload span.button{height:2rem;width:6.25rem;border-radius:.25rem}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .custom-file-upload{position:relative;width:37.5rem;border:1px solid #dbdbdb;height:2.75rem;border-radius:.25rem}::ng-deep .preview-list .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .preview-list .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .custom-file-upload span.button{height:2rem;width:6.25rem;border-radius:.25rem}"]
             },] }
 ];
 PreviewFileUploadComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-image-choice/preview-image-choice.component.js

@@ -8,7 +8,7 @@ PreviewImageChoiceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-image-choice',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"image-row vx-mt-5 vx-d-flex\">\r\n        <div class=\"image-items vx-p-3 vx-mr-3 vx-mb-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n            <app-cs-radio>\r\n                <div class=\"img-block\">\r\n                    <img src=\"./assets/images/Screenshot 2022-01-03 at 10.24.11 AM.png\" alt=\"\">\r\n                </div>  \r\n                <span class=\"text vx-fs-14 vx-fw-400 vx-lh-20 vx-mt-2 vx-paragraph-txt\" [appTooltip]=\"'1. long have you been a customer of our product'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">1. long have you been a customer of our product</span>\r\n            </app-cs-radio>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .image-row{flex-direction:row;flex-wrap:wrap}::ng-deep .preview-list .image-row .image-items{display:block;position:relative;border:1px solid #F1F1F1;border-radius:10px;width:10rem}::ng-deep .preview-list .image-row .image-items cs-radio{margin-bottom:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item{position:relative;display:block;min-width:100%;padding-left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radio,::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radiomark{position:absolute;top:0;left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .value{margin-left:0!important;display:block!important;max-width:100%!important}::ng-deep .preview-list .image-row .image-items cs-radio .img-block{display:block;width:100%;min-width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .img-block img{width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;padding-bottom:.125rem}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .image-row{flex-direction:row;flex-wrap:wrap}::ng-deep .preview-list .image-row .image-items{display:block;position:relative;border:1px solid #f1f1f1;border-radius:10px;width:10rem}::ng-deep .preview-list .image-row .image-items cs-radio{margin-bottom:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item{position:relative;display:block;min-width:100%;padding-left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radio,::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radiomark{position:absolute;top:0;left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .value{margin-left:0!important;display:block!important;max-width:100%!important}::ng-deep .preview-list .image-row .image-items cs-radio .img-block{display:block;width:100%;min-width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .img-block img{width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;padding-bottom:.125rem}"]
             },] }
 ];
 PreviewImageChoiceComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-matrix-dropdown/preview-matrix-dropdown.component.js

@@ -13,7 +13,7 @@ PreviewMatrixDropdownComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-matrix-dropdown',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"matrix-dropdown-table vx-mt-5\">\r\n        <div class=\"matrix-table-row table-head vx-d-flex\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" #scrollMatrixDropdown>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"matrix-value vx-fs-12 vx-fw-600 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\r\n                                <div class=\"heading\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"matrix-table-row vx-d-flex\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-lh-6 vx-p-2 vx-pt-3 vx-pb-3\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixDropdown>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"matrix-value vx-d-flex vx-align-center vx-justify-center\">\r\n                                <app-cs-select></app-cs-select>\r\n                            </div>\r\n                        </li> \r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .matrix-dropdown-table{border:1px solid #DBDBDB;border-bottom:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #DBDBDB}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#F1F1F1}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:10rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body .title{border-right:1px solid #DBDBDB;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #DBDBDB}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:8rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#bcbcbc}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .matrix-dropdown-table{border:1px solid #dbdbdb;border-bottom:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row.table-head{background:#f1f1f1}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left{width:10rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .left .body .title{border-right:1px solid #dbdbdb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value{width:8rem}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-dropdown-table .matrix-table-row .right .body ul.columns li .matrix-value .devider{color:#bcbcbc}"]
             },] }
 ];
 PreviewMatrixDropdownComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-matrix-rating-scale/preview-matrix-rating-scale.component.js

@@ -13,7 +13,7 @@ PreviewMatrixRatingScaleComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-matrix-rating-scale',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"matrix-rating-table vx-mt-5\">\r\n        <div class=\"rating-table-row table-head vx-d-flex\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" #scrollMatrixRating>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"rating-value vx-fs-12 vx-fw-600 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\r\n                                <div class=\"heading\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"rating-table-row vx-d-flex\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n            <div class=\"left\">\r\n                <div class=\"body\">\r\n                    <div class=\"title vx-fs-12 vx-label-txt vx-lh-6 vx-p-2\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixRating>\r\n                <div class=\"body\">\r\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"rating-value vx-d-flex vx-align-center vx-justify-center\">\r\n                                <app-cs-radio></app-cs-radio>\r\n                            </div>\r\n                        </li> \r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .matrix-rating-table{border:1px solid #DBDBDB;border-bottom:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row{border-bottom:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-rating-table .rating-table-row.table-head{background:#F1F1F1}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left{width:10rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body .title{border-right:1px solid #DBDBDB;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li{border-right:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value{width:8rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .devider{color:#bcbcbc}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio{width:auto;display:unset}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item{padding-left:0}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radio,::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radiomark{position:relative!important}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .matrix-rating-table{border:1px solid #dbdbdb;border-bottom:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row{border-bottom:1px solid #dbdbdb}::ng-deep .preview-list .matrix-rating-table .rating-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-rating-table .rating-table-row.table-head{background:#f1f1f1}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left{width:10rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body .title{border-right:1px solid #dbdbdb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li{border-right:1px solid #dbdbdb}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value{width:8rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .devider{color:#bcbcbc}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio{width:auto;display:unset}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item{padding-left:0}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radio,::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radiomark{position:relative!important}"]
             },] }
 ];
 PreviewMatrixRatingScaleComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-multiple-choice/preview-multiple-choice.component.js

@@ -18,7 +18,7 @@ PreviewMultipleChoiceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-multiple-choice',
                 template: "<div class=\"preview-list\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-mb-3\" *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\">\r\n            <app-cs-radio>{{choice?.title ? choice?.title: 'Option' }}</app-cs-radio>\r\n        </li>\r\n       \r\n        <li class=\"vx-mb-3\" *ngIf=\"question?.hasOther\"> \r\n            <app-cs-radio> {{question.otherValue}}</app-cs-radio>\r\n        </li>\r\n    </ul>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul li{list-style-type:none}::ng-deep .preview-list ul li cs-radio{width:100%;display:block}::ng-deep .preview-list ul li cs-radio .radio-item{position:relative;padding-left:1.5rem;width:100%}::ng-deep .preview-list ul li cs-radio .radio-item .radio,::ng-deep .preview-list ul li cs-radio .radio-item .radiomark{position:absolute!important;top:0!important;left:0!important}::ng-deep .preview-list ul li cs-radio .radio-item .value{margin-left:0!important}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul li{list-style-type:none}::ng-deep .preview-list ul li cs-radio{width:100%;display:block}::ng-deep .preview-list ul li cs-radio .radio-item{position:relative;padding-left:1.5rem;width:100%}::ng-deep .preview-list ul li cs-radio .radio-item .radio,::ng-deep .preview-list ul li cs-radio .radio-item .radiomark{position:absolute!important;top:0!important;left:0!important}::ng-deep .preview-list ul li cs-radio .radio-item .value{margin-left:0!important}"]
             },] }
 ];
 PreviewMultipleChoiceComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-multiple-textbox/preview-multiple-textbox.component.js

@@ -8,7 +8,7 @@ PreviewMultipleTextboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-multiple-textbox',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"textbox-group vx-d-block\">\r\n        <div class=\"input-group vx-d-flex vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\r\n            <span class=\"vx-bg-grey vx-label-txt vx-lh-20 vx-fs-12 vx-align-center vx-lh-5 vx-p-2\" [appTooltip]=\"'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>\r\n            <input class=\"vx-fs-12 vx-lh-20 vx-paragraph-txt vx-p-2\" type=\"text\" placeholder='Please enter a response'>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .textbox-group{max-width:37.5rem}::ng-deep .preview-list .textbox-group .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .preview-list .textbox-group .input-group span{width:7.5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .textbox-group .input-group input{width:calc(100% - 7.5rem);border:none;outline:none}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .textbox-group{max-width:37.5rem}::ng-deep .preview-list .textbox-group .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .preview-list .textbox-group .input-group span{width:7.5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .textbox-group .input-group input{width:calc(100% - 7.5rem);border:none;outline:none}"]
             },] }
 ];
 PreviewMultipleTextboxComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-ranking/preview-ranking.component.js

@@ -8,7 +8,7 @@ PreviewRankingComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-ranking',
                 template: "<div class=\"preview-list\">\r\n    <ul class=\"ranking-area vx-p-0 vx-m-0\">\r\n        <ng-container *ngFor=\"let data of [1, 1, 1, 1, 1]\">\r\n            <div *ngIf=\"false\" class=\"example-custom-placeholder cdk-drag-placeholder vx-mt-1\"></div>\r\n            <li class=\"vx-d-flex vx-align-center vx-mt-1\">\r\n                <div class=\"drag-area vx-d-flex\">\r\n                    <span class=\"move-icon vx-d-inline-flex vx-justify-center vx-align-center vx-p-1 vx-fs-12 vx-bg-grey \">\r\n                        <i class=\"icons\">&#xe9d7;</i>\r\n                    </span>\r\n                    <input type=\"text\" class=\"rank vx-bg-white vx-paragraph-txt vx-justify-center vx-align-center vx-fs-12 vx-lh-20\" placeholder='1' disabled> \r\n                    <span class=\"value vx-p-2 vx-lh-6 vx-justify-center vx-align-center vx-paragraph-txt vx-fs-12 vx-bg-grey \" [appTooltip]=\"'Many desktop publishing packages and web page editors.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Many desktop publishing packages and web page editors desktop publishing packages and web page editors.</span>\r\n                </div>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul.ranking-area{width:37.5rem}::ng-deep .preview-list ul .cdk-drag-placeholder{background:#FBFBFB;border:1px dashed #DBDBDB;height:2.625rem}::ng-deep .preview-list ul li .drag-area{width:100%}::ng-deep .preview-list ul li .drag-area .move-icon{border-radius:.25rem 0 0 .25rem;width:2.625rem;min-width:2.625rem;height:2.625rem;cursor:move}::ng-deep .preview-list ul li .drag-area input{width:3.75rem;border:1px solid #F1F1F1;padding:.5rem .75rem;outline:none;cursor:text;margin:0}::ng-deep .preview-list ul li .drag-area .value{border-radius:0 .25rem .25rem 0;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;border:1px solid #F1F1F1;width:calc(100% - 60px)}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul.ranking-area{width:37.5rem}::ng-deep .preview-list ul .cdk-drag-placeholder{background:#fbfbfb;border:1px dashed #dbdbdb;height:2.625rem}::ng-deep .preview-list ul li .drag-area{width:100%}::ng-deep .preview-list ul li .drag-area .move-icon{border-radius:.25rem 0 0 .25rem;width:2.625rem;min-width:2.625rem;height:2.625rem;cursor:move}::ng-deep .preview-list ul li .drag-area input{width:3.75rem;border:1px solid #f1f1f1;padding:.5rem .75rem;outline:none;cursor:text;margin:0}::ng-deep .preview-list ul li .drag-area .value{border-radius:0 .25rem .25rem 0;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;border:1px solid #f1f1f1;width:calc(100% - 60px)}"]
             },] }
 ];
 PreviewRankingComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-single-textbox/preview-single-textbox.component.js

@@ -8,7 +8,7 @@ PreviewSingleTextboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-single-textbox',
                 template: "<div class=\"preview-list\">\r\n    <input class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\" type=\"text\" [placeholder]=\"(question?.isPlaceholder === true  && question?.placeholder.trim().length > 0) ? question?.placeholder.trim() : 'Please enter a response'\">\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .single-textbox{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}::ng-deep .preview-list .single-textbox:hover,::ng-deep .preview-list .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list .single-textbox{border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}::ng-deep .preview-list .single-textbox:focus,::ng-deep .preview-list .single-textbox:hover{border:1px solid #1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}"]
             },] }
 ];
 PreviewSingleTextboxComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-slider/preview-slider.component.js

@@ -8,7 +8,7 @@ PreviewSliderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-slider',
                 template: "<div class=\"preview-list\">\r\n    <div class=\"slider-container vx-d-flex vx-align-center vx-p-4 vx-bg-white \">\r\n        <div class=\"slider-left vx-mr-2\">\r\n            <div class=\"range-slider\">\r\n             <input type=\"range\" min=\"1\" max=\"100\" value=\"50\" class=\"vx-slider\">\r\n            </div>\r\n            <div class=\"labels vx-justify-between vx-d-flex vx-fs-12\">\r\n                <span >0</span>\r\n                <span>100</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"slider-right\">\r\n            <input type=\"text\" value='50' class=\"vx-text-center\">\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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/forms/range-slider.css\";::ng-deep .preview-list .slider-container{width:37.5rem;box-shadow:0 0 10px #f1f1f1;border:1px solid #DBDBDB;border-radius:.125rem}::ng-deep .preview-list .slider-container .slider-left{width:calc(100% - 3.125rem)}::ng-deep .preview-list .slider-container .slider-right{width:3.125rem}::ng-deep .preview-list .slider-container .slider-right input{display:block;border-radius:.125rem;border:1px solid #F1F1F1;color:#161b2f;font-size:12px;width:100%;height:2.5rem;line-height:2.5rem;outline:none}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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/forms/range-slider.css\");::ng-deep .preview-list .slider-container{width:37.5rem;box-shadow:0 0 10px 0 #f1f1f1;border:1px solid #dbdbdb;border-radius:.125rem}::ng-deep .preview-list .slider-container .slider-left{width:calc(100% - 3.125rem)}::ng-deep .preview-list .slider-container .slider-right{width:3.125rem}::ng-deep .preview-list .slider-container .slider-right input{display:block;border-radius:.125rem;border:1px solid #f1f1f1;color:#161b2f;font-size:12px;width:100%;height:2.5rem;line-height:2.5rem;outline:none}"]
             },] }
 ];
 PreviewSliderComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-star-rating/preview-star-rating.component.js

@@ -8,7 +8,7 @@ PreviewStarRatingComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-star-rating',
                 template: "<div class=\"preview-list\">\r\n    <ul class=\"vx-p-0 vx-m-0 vx-d-flex\">\r\n        <li class=\"vx-mr-1\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\">\r\n            <button class=\"rating-btn vx-fs-16 vx-p-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Information details here...'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n                <!-- Smiley -->\r\n                <i *ngIf=\"true\" class=\"icons\">&#xea66;</i>\r\n                <!-- Thumb -->\r\n                <i *ngIf=\"false\" class=\"icons\">&#xea84;</i>\r\n                <!-- Star -->\r\n                <i *ngIf=\"false\" class=\"icons\">&#xea70;</i>\r\n                <!-- Heart -->\r\n                <i *ngIf=\"false\" class=\"icons\">&#xe9ea;</i>\r\n                <!-- Number -->\r\n                <span *ngIf=\"false\" class=\"vx-fs-12\">10</span>\r\n            </button>\r\n        </li>\r\n    </ul>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul li{list-style-type:none}::ng-deep .preview-list ul li button.rating-btn{background:transparent;border-radius:.125rem;border:1px solid #F1F1F1;color:#747576;width:2rem;height:2rem}::ng-deep .preview-list ul li button.rating-btn:hover{background:#f8f8f8}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .preview-list ul li{list-style-type:none}::ng-deep .preview-list ul li button.rating-btn{background:transparent;border-radius:.125rem;border:1px solid #f1f1f1;color:#747576;width:2rem;height:2rem}::ng-deep .preview-list ul li button.rating-btn:hover{background:#f8f8f8}"]
             },] }
 ];
 PreviewStarRatingComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/preview-wrapper/preview-wrapper.component.js

@@ -51,7 +51,7 @@ PreviewWrapperComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-wrapper',
                 template: "<div class=\"preview-wrapper vx-p-5 vx-mb-4\" [class.error]=\"errorPresent === true\">\r\n    <!-- <app-welcome></app-welcome> -->\r\n\r\n    <button  (click)=\"editQuestion()\" class=\"question-edit 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\"><i class=\"icons vx-fs-10 vx-mr-2\">&#xe9ba;</i> EDIT</button>\r\n    <div class=\"question-no vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-pl-2 vx-mb-5 vx-lh-4\">QUESTION {{questionIndex + 1}} \r\n        <span class=\"vx-txt-red\" *ngIf=\"question?.isRequired\">*</span></div>\r\n    <div class=\"question-name vx-fs-16 vx-paragraph-txt vx-lih-6 vx-mb-5\"><span [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span> \r\n        <i *ngIf=\"question?.hasComments\" class=\"icons info vx-txt-blue vx-ml-1\" [appTooltip]=\"question?.comments\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i></div>\r\n    <div class=\"question-description vx-fs-14 vx-label-txt vx-pb-3 vx-mb-5\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n\r\n    <app-preview-multiple-choice *ngIf=\"question.type === 'multiple-choice'\" [question]=\"question\"></app-preview-multiple-choice>\r\n    <app-preview-checkbox *ngIf=\"question.type === 'checkbox'\" [question]=\"question\"></app-preview-checkbox>\r\n    <app-preview-image-choice *ngIf=\"question.type === 'image-choice'\"></app-preview-image-choice>\r\n    <app-preview-star-rating *ngIf=\"question.type === 'star-rating'\"></app-preview-star-rating>\r\n    <app-preview-single-textbox *ngIf=\"question.type === 'single-textbox'\"></app-preview-single-textbox>\r\n    <app-preview-comment-box *ngIf=\"question.type === 'comment-box'\"></app-preview-comment-box>\r\n    <app-preview-matrix-dropdown *ngIf=\"question.type === 'matrix-dropdown'\" ></app-preview-matrix-dropdown>\r\n    <app-preview-dropdown *ngIf=\"question.type === 'dropdown'\" [question]=\"question\"></app-preview-dropdown>\r\n    <app-preview-matrix-rating-scale  *ngIf=\"question.type === 'rating-scale'\"></app-preview-matrix-rating-scale>\r\n    <app-preview-ranking *ngIf=\"question.type === 'ranking'\"> </app-preview-ranking>\r\n    <app-preview-slider *ngIf=\"question.type === 'slider'\"></app-preview-slider>\r\n    <app-preview-multiple-textbox *ngIf=\"question.type === 'multiple-textbox'\"></app-preview-multiple-textbox>\r\n    <app-preview-date-time *ngIf=\"question.type === 'date-time'\" [question]=\"question\"></app-preview-date-time>\r\n    <app-preview-file-upload *ngIf=\"question.type === 'file-upload'\"></app-preview-file-upload>\r\n\r\n    <!-- <app-thank-you></app-thank-you> -->\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";.preview-wrapper{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}.preview-wrapper button.question-edit{background:#1e5dd3;border-radius:.125rem;border:none;height:1.75rem;width:4.5rem;position:absolute;top:1.25rem;right:1.25rem;z-index:1;opacity:0;transition:all .2s ease-in-out}.preview-wrapper:hover button.question-edit{opacity:1}.preview-wrapper .question-no{position:relative}.preview-wrapper .question-no:before{background:#4681ef;position:absolute;left:0;top:0;bottom:0;content:\"\";width:.125rem}.preview-wrapper .question-name{width:90%}.preview-wrapper .question-name i.info{position:relative;top:1px;cursor:pointer}.error{border-color:#d93b41}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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\");.preview-wrapper{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}.preview-wrapper button.question-edit{background:#1e5dd3;border-radius:.125rem;border:none;height:1.75rem;width:4.5rem;position:absolute;top:1.25rem;right:1.25rem;z-index:1;opacity:0;transition:all .2s ease-in-out}.preview-wrapper:hover button.question-edit{opacity:1}.preview-wrapper .question-no{position:relative}.preview-wrapper .question-no:before{background:#4681ef;position:absolute;left:0;top:0;bottom:0;content:\"\";width:.125rem}.preview-wrapper .question-name{width:90%}.preview-wrapper .question-name i.info{position:relative;top:1px;cursor:pointer}.error{border-color:#d93b41}"]
             },] }
 ];
 PreviewWrapperComponent.ctorParameters = () => [

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/thank-you/thank-you.component.js

@@ -8,7 +8,7 @@ ThankYouComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-thank-you',
                 template: "<div class=\"thank-you-preview vx-text-center vx-mt-5\">\r\n    <div class=\"image\"><img src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/o/5e481a5d61ca5e14f5731049/survey/61ee3c97a973170009458150/welcome/202011270933381643024815820.png\" /></div>\r\n    <div class=\"heading vx-fs-16 vx-paragraph-txt vx-lih-6 vx-mb-5\">Thank you heading</div>\r\n    <div class=\"details vx-fs-14 vx-label-txt vx-pb-3 vx-mb-5\">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>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";.thank-you-preview .image{width:30rem;margin:0 auto 2rem}.thank-you-preview .image img{border-radius:.625rem;width:100%}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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\");.thank-you-preview .image{width:30rem;margin:0 auto 2rem}.thank-you-preview .image img{border-radius:.625rem;width:100%}"]
             },] }
 ];
 ThankYouComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/preview/welcome/welcome.component.js

@@ -8,7 +8,7 @@ WelcomeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-preview-welcome',
                 template: "<div class=\"welcome-preview vx-text-center vx-mb-5\">\r\n    <div class=\"image\"><img src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/o/5e481a5d61ca5e14f5731049/survey/61ee3c97a973170009458150/welcome/202011270933381643024815820.png\" /></div>\r\n    <div class=\"heading vx-fs-16 vx-paragraph-txt vx-lih-6 vx-mb-5\">Welcome heading</div>\r\n    <div class=\"details vx-fs-14 vx-label-txt vx-pb-3 vx-mb-5\">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>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";.welcome-preview .image{width:30rem;margin:0 auto 2rem}.welcome-preview .image img{border-radius:.625rem;width:100%}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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\");.welcome-preview .image{width:30rem;margin:0 auto 2rem}.welcome-preview .image img{border-radius:.625rem;width:100%}"]
             },] }
 ];
 WelcomeComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/question-type/question-type.component.js

@@ -10,7 +10,7 @@ QuestionTypeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-question-type',
                 template: "<div class=\"question-type\">\r\n    <ul class=\"vx-d-flex vx-flex-wrap vx-p-0 vx-m-0 vx-justify-center\">\r\n        <li *ngIf=\"false\">\r\n            <button  class=\"vx-m-0 vx-text-center vx-w-100\" (click)=\"addQuestion.emit('welcome')\">\r\n                <div class=\"question-icon welcome-screen vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab3;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">WELCOME SCREEN</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('thankyou')\">\r\n                <div class=\"question-icon thank-you-screen vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab2;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">THANK YOU SCREEN</div>\r\n            </button>\r\n        </li>\r\n        <li>\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('multiple-choice')\">\r\n                <div class=\"question-icon multiple-choice vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeabd;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">MULTIPLE CHOICE</div>\r\n            </button>\r\n        </li>\r\n        <li>\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('checkbox')\">\r\n                <div class=\"question-icon checkboxes vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeabb;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">CHECKBOXES</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('image-choice')\">\r\n                <div class=\"question-icon image-choice vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xea29;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">IMAGE CHOICE</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('star-rating')\">\r\n                <div class=\"question-icon star-rating vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xea71;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">STAR RATINGS</div>\r\n            </button>\r\n        </li>\r\n        <li>\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('single-textbox')\">\r\n                <div class=\"question-icon single-textbox vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab5;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">SINGLE TEXTBOX</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('comment-box')\">\r\n                <div class=\"question-icon comment-box vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xe9a6;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">COMMENT BOX</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('matrix-dropdown')\">\r\n                <div class=\"question-icon matrix-dropdown vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab7;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">MATRIX OF DROPDOWNS</div>\r\n            </button>\r\n        </li>\r\n        <li>\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('dropdown')\">\r\n                <div class=\"question-icon dropdown-icon vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab9;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">DROPDOWN</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('rating-scale')\">\r\n                <div class=\"question-icon matrix-rating vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab8;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">MATRIX & RATING SCALE</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('ranking')\">\r\n                <div class=\"question-icon ranking vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeb03;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">RANKING</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('slider')\">\r\n                <div class=\"question-icon slider vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab6;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">SLIDER</div>\r\n            </button>\r\n        </li>\r\n        <li  *ngIf=\"false\">\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('multiple-textbox')\">\r\n                <div class=\"question-icon multiple-textbox vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab4;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">MULTIPLE TEXTBOXES</div>\r\n            </button>\r\n        </li>\r\n        <li >\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('date-time')\">\r\n                <div class=\"question-icon date-time vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeaba;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">DATE & TIME</div>\r\n            </button>\r\n        </li>\r\n        <li>\r\n            <button class=\"vx-m-0 vx-text-center vx-w-100\"  (click)=\"addQuestion.emit('file-upload')\">\r\n                <div class=\"question-icon file-upload vx-d-flex vx-align-center vx-justify-center vx-mb-4\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xea97;</i></div>\r\n                <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">FILE UPLOAD</div>\r\n            </button>\r\n        </li>\r\n    </ul>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";.question-type ul{list-style-type:none;position:relative;left:10rem;width:calc(100% - 20rem)}.question-type ul li{width:12rem;height:7rem;margin:.375rem}.question-type ul li button{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.25rem;padding:1.5rem 0}.question-type ul li button .question-icon{background:#EE5DAF;border-radius:.125rem;width:2rem;height:2rem;margin:0 auto}.question-type ul li button .question-icon.welcome-screen{background:#EE5DAF}.question-type ul li button .question-icon.thank-you-screen{background:#EE3939}.question-type ul li button .question-icon.multiple-choice{background:#D1C131}.question-type ul li button .question-icon.checkboxes{background:#6F81FC}.question-type ul li button .question-icon.image-choice{background:#4681EF}.question-type ul li button .question-icon.star-rating{background:#E8C247}.question-type ul li button .question-icon.single-textbox{background:#2FD2CD}.question-type ul li button .question-icon.comment-box{background:#ACBB7E}.question-type ul li button .question-icon.matrix-dropdown{background:#66BF72}.question-type ul li button .question-icon.dropdown-icon{background:#9D9FE1}.question-type ul li button .question-icon.matrix-rating{background:#67D2CD}.question-type ul li button .question-icon.ranking{background:#EE9F24}.question-type ul li button .question-icon.slider{background:#D1C131}.question-type ul li button .question-icon.multiple-textbox{background:#66BF72}.question-type ul li button .question-icon.date-time{background:#ACBB7E}.question-type ul li button .question-icon.file-upload{background:#4681EF}.question-type ul li button:hover{box-shadow:0 .5rem 1rem #1e5dd326}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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\");.question-type ul{list-style-type:none;position:relative;left:10rem;width:calc(100% - 20rem)}.question-type ul li{width:12rem;height:7rem;margin:.375rem}.question-type ul li button{background:#fff;border:1px solid #f1f1f1;border-radius:.25rem;padding:1.5rem 0}.question-type ul li button .question-icon{background:#ee5daf;border-radius:.125rem;width:2rem;height:2rem;margin:0 auto}.question-type ul li button .question-icon.welcome-screen{background:#ee5daf}.question-type ul li button .question-icon.thank-you-screen{background:#ee3939}.question-type ul li button .question-icon.multiple-choice{background:#d1c131}.question-type ul li button .question-icon.checkboxes{background:#6f81fc}.question-type ul li button .question-icon.image-choice{background:#4681ef}.question-type ul li button .question-icon.star-rating{background:#e8c247}.question-type ul li button .question-icon.single-textbox{background:#2fd2cd}.question-type ul li button .question-icon.comment-box{background:#acbb7e}.question-type ul li button .question-icon.matrix-dropdown{background:#66bf72}.question-type ul li button .question-icon.dropdown-icon{background:#9d9fe1}.question-type ul li button .question-icon.matrix-rating{background:#67d2cd}.question-type ul li button .question-icon.ranking{background:#ee9f24}.question-type ul li button .question-icon.slider{background:#d1c131}.question-type ul li button .question-icon.multiple-textbox{background:#66bf72}.question-type ul li button .question-icon.date-time{background:#acbb7e}.question-type ul li button .question-icon.file-upload{background:#4681ef}.question-type ul li button:hover{box-shadow:0 .5rem 1rem #1e5dd326}"]
             },] }
 ];
 QuestionTypeComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/quick-settings/quick-settings.component.js

@@ -234,7 +234,7 @@ QuickSettingsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-quick-setting',
                 template: "<div class=\"quick-settings\">\r\n    <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-5 vx-pl-2\">QUESTION TYPE</div>\r\n    <div class=\"settings-option vx-d-flex vx-align-center vx-justify-between vx-pb-2\" appPopover (click)=\"questionOption.popover()\" placement=\"right\">\r\n        <div class=\"content vx-d-flex vx-align-center\">\r\n            <div class=\"question-icon vx-d-flex vx-align-center vx-justify-center vx-mr-2\" [ngClass]=\"selectedQuestionDetails.questionClass\">\r\n                <i class=\"icons vx-fs-16 vx-txt-white\" [innerHTML]='selectedQuestionDetails.questionIcon'></i></div>\r\n            <div class=\"name vx-fs-14 vx-label-txt\">{{selectedQuestionDetails.questionName}}</div>\r\n        </div>\r\n        <i class=\"icons vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n    </div>\r\n    <app-popover #questionOption>\r\n        <div class=\"select-option vx-p-2 vx-pb-1\">\r\n            <ul class=\"vx-p-0 vx-m-0 vx-d-flex vx-flex-wrap\">\r\n                <li class=\"vx-d-flex vx-align-center vx-mt-1 vx-mb-1\" *ngFor=\"let menu of questionTypeDropdown\">\r\n                    <button class=\"vx-m-0 vx-p-0 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)='changeQuestionType(menu)'>\r\n                        <div [ngClass]=\"menu.questionClass\" class=\"question-icon vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\" [innerHTML]=\"menu?.questionIcon\">&#xeabd;</i></div>\r\n                        <div class=\"name vx-fs-12 vx-label-txt\">{{menu?.questionName}}</div>\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </app-popover>\r\n    <div class=\"title vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-2\">QUICK SETTINGS</div>\r\n    <div class=\"settings-list\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li class=\"vx-pt-3 vx-pb-3\" *ngFor='let quickSetting of quickSettingsList'>\r\n                <app-cs-switch \r\n                [ngValue]=\"fd.formsPage.elements[questionIndex][quickSetting.toggleValue]\"\r\n                (ngValueChange)=\"toggle($event,quickSetting);\"\r\n                [disabled]='quickSetting.title === \"Is required\" && fd.formsPage.elements[questionIndex].visibilityLogic.length > 0'>\r\n                    <div class=\"vx-d-flex vx-align-center vx-justify-between vx-w-100\">\r\n                        <div class=\"settings-name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">{{quickSetting.title}}</div>\r\n                        <i class=\"icons info vx-fs-14 vx-txt-blue\" *ngIf=\"quickSetting.toolTip.length>0\" [appTooltip]=\"quickSetting.toolTip\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xeb16;</i>\r\n                    </div>\r\n                </app-cs-switch>\r\n            </li>\r\n           \r\n        </ul>\r\n    </div>\r\n    <div class=\"max-min-field vx-d-flex vx-align-center vx-mt-3 vx-mb-2\" *ngIf=\"fd.formsPage.elements[questionIndex].hasCharacterLength\">\r\n        <input type=\"number\"  [(ngModel)]=\"fd.formsPage.elements[questionIndex].minCharacterLength\"/>\r\n        <span class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-5\">Min</span>\r\n        <input type=\"number\"  [(ngModel)]=\"fd.formsPage.elements[questionIndex].maxCharacterLength\"/>\r\n        <span class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">Max</span>\r\n    </div>\r\n</div>",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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 .quick-settings .heading{position:relative}::ng-deep .quick-settings .heading:before{background:#1e5dd3;content:\"\";position:absolute;left:0;top:.0625rem;width:.125rem;height:.875rem}::ng-deep .quick-settings .settings-option{border-bottom:1px solid #F1F1F1;cursor:pointer;margin-bottom:1.875rem}::ng-deep .quick-settings .settings-option .content .question-icon{background:#EE5DAF;border-radius:.25rem;width:1.5rem;min-width:1.5rem;height:1.5rem}::ng-deep .quick-settings .settings-option .content .question-icon.welcome-screen{background:#EE5DAF}::ng-deep .quick-settings .settings-option .content .question-icon.thank-you-screen{background:#EE3939}::ng-deep .quick-settings .settings-option .content .question-icon.multiple-choice{background:#D1C131}::ng-deep .quick-settings .settings-option .content .question-icon.checkboxes{background:#6F81FC}::ng-deep .quick-settings .settings-option .content .question-icon.image-choice{background:#4681EF}::ng-deep .quick-settings .settings-option .content .question-icon.star-rating{background:#E8C247}::ng-deep .quick-settings .settings-option .content .question-icon.single-textbox{background:#2FD2CD}::ng-deep .quick-settings .settings-option .content .question-icon.comment-box{background:#ACBB7E}::ng-deep .quick-settings .settings-option .content .question-icon.matrix-dropdown{background:#66BF72}::ng-deep .quick-settings .settings-option .content .question-icon.dropdown-icon{background:#9D9FE1}::ng-deep .quick-settings .settings-option .content .question-icon.matrix-rating{background:#67D2CD}::ng-deep .quick-settings .settings-option .content .question-icon.ranking{background:#EE9F24}::ng-deep .quick-settings .settings-option .content .question-icon.slider{background:#D1C131}::ng-deep .quick-settings .settings-option .content .question-icon.multiple-textbox{background:#66BF72}::ng-deep .quick-settings .settings-option .content .question-icon.date-time{background:#ACBB7E}::ng-deep .quick-settings .settings-option .content .question-icon.file-upload{background:#4681EF}::ng-deep .quick-settings .settings-option .content .name{width:calc(100% - 1.75rem);white-space:nowrap}::ng-deep .quick-settings .settings-list ul{list-style-type:none}::ng-deep .quick-settings .settings-list ul li{border-bottom:1px solid #F1F1F1}::ng-deep .quick-settings .settings-list ul li app-cs-switch .cs-switch{cursor:pointer}::ng-deep .quick-settings .max-min-field input{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.125rem;color:#161b2f;font-size:13px;width:3.5rem;height:2.5rem;padding:0 .75rem;margin-right:.5rem;outline:none}.select-option{background:#FFFFFF;border-radius:.25rem;box-shadow:0 3px 6px #1c5bd140;width:25.5rem}.select-option ul{list-style-type:none}.select-option ul li{width:50%}.select-option ul li button{background:transparent;border:none;border-radius:0}.select-option ul li button .question-icon{background:#EE5DAF;border-radius:.25rem;width:1.5rem;min-width:1.5rem;height:1.5rem}.select-option ul li button .question-icon.welcome-screen{background:#EE5DAF}.select-option ul li button .question-icon.thank-you-screen{background:#EE3939}.select-option ul li button .question-icon.multiple-choice{background:#D1C131}.select-option ul li button .question-icon.checkboxes{background:#6F81FC}.select-option ul li button .question-icon.image-choice{background:#4681EF}.select-option ul li button .question-icon.star-rating{background:#E8C247}.select-option ul li button .question-icon.single-textbox{background:#2FD2CD}.select-option ul li button .question-icon.comment-box{background:#ACBB7E}.select-option ul li button .question-icon.matrix-dropdown{background:#66BF72}.select-option ul li button .question-icon.dropdown-icon{background:#9D9FE1}.select-option ul li button .question-icon.matrix-rating{background:#67D2CD}.select-option ul li button .question-icon.ranking{background:#EE9F24}.select-option ul li button .question-icon.slider{background:#D1C131}.select-option ul li button .question-icon.multiple-textbox{background:#66BF72}.select-option ul li button .question-icon.date-time{background:#ACBB7E}.select-option ul li button .question-icon.file-upload{background:#4681EF}\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/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/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.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 .quick-settings .heading{position:relative}::ng-deep .quick-settings .heading:before{background:#1e5dd3;content:\"\";position:absolute;left:0;top:.0625rem;width:.125rem;height:.875rem}::ng-deep .quick-settings .settings-option{border-bottom:1px solid #f1f1f1;cursor:pointer;margin-bottom:1.875rem}::ng-deep .quick-settings .settings-option .content .question-icon{background:#ee5daf;border-radius:.25rem;width:1.5rem;min-width:1.5rem;height:1.5rem}::ng-deep .quick-settings .settings-option .content .question-icon.welcome-screen{background:#ee5daf}::ng-deep .quick-settings .settings-option .content .question-icon.thank-you-screen{background:#ee3939}::ng-deep .quick-settings .settings-option .content .question-icon.multiple-choice{background:#d1c131}::ng-deep .quick-settings .settings-option .content .question-icon.checkboxes{background:#6f81fc}::ng-deep .quick-settings .settings-option .content .question-icon.image-choice{background:#4681ef}::ng-deep .quick-settings .settings-option .content .question-icon.star-rating{background:#e8c247}::ng-deep .quick-settings .settings-option .content .question-icon.single-textbox{background:#2fd2cd}::ng-deep .quick-settings .settings-option .content .question-icon.comment-box{background:#acbb7e}::ng-deep .quick-settings .settings-option .content .question-icon.matrix-dropdown{background:#66bf72}::ng-deep .quick-settings .settings-option .content .question-icon.dropdown-icon{background:#9d9fe1}::ng-deep .quick-settings .settings-option .content .question-icon.matrix-rating{background:#67d2cd}::ng-deep .quick-settings .settings-option .content .question-icon.ranking{background:#ee9f24}::ng-deep .quick-settings .settings-option .content .question-icon.slider{background:#d1c131}::ng-deep .quick-settings .settings-option .content .question-icon.multiple-textbox{background:#66bf72}::ng-deep .quick-settings .settings-option .content .question-icon.date-time{background:#acbb7e}::ng-deep .quick-settings .settings-option .content .question-icon.file-upload{background:#4681ef}::ng-deep .quick-settings .settings-option .content .name{width:calc(100% - 1.75rem);white-space:nowrap}::ng-deep .quick-settings .settings-list ul{list-style-type:none}::ng-deep .quick-settings .settings-list ul li{border-bottom:1px solid #f1f1f1}::ng-deep .quick-settings .settings-list ul li app-cs-switch .cs-switch{cursor:pointer}::ng-deep .quick-settings .max-min-field input{background:#fff;border:1px solid #dbdbdb;border-radius:.125rem;color:#161b2f;font-size:13px;width:3.5rem;height:2.5rem;padding:0 .75rem;margin-right:.5rem;outline:none}.select-option{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1c5bd140;width:25.5rem}.select-option ul{list-style-type:none}.select-option ul li{width:50%}.select-option ul li button{background:transparent;border:none;border-radius:0}.select-option ul li button .question-icon{background:#ee5daf;border-radius:.25rem;width:1.5rem;min-width:1.5rem;height:1.5rem}.select-option ul li button .question-icon.welcome-screen{background:#ee5daf}.select-option ul li button .question-icon.thank-you-screen{background:#ee3939}.select-option ul li button .question-icon.multiple-choice{background:#d1c131}.select-option ul li button .question-icon.checkboxes{background:#6f81fc}.select-option ul li button .question-icon.image-choice{background:#4681ef}.select-option ul li button .question-icon.star-rating{background:#e8c247}.select-option ul li button .question-icon.single-textbox{background:#2fd2cd}.select-option ul li button .question-icon.comment-box{background:#acbb7e}.select-option ul li button .question-icon.matrix-dropdown{background:#66bf72}.select-option ul li button .question-icon.dropdown-icon{background:#9d9fe1}.select-option ul li button .question-icon.matrix-rating{background:#67d2cd}.select-option ul li button .question-icon.ranking{background:#ee9f24}.select-option ul li button .question-icon.slider{background:#d1c131}.select-option ul li button .question-icon.multiple-textbox{background:#66bf72}.select-option ul li button .question-icon.date-time{background:#acbb7e}.select-option ul li button .question-icon.file-upload{background:#4681ef}"]
             },] }
 ];
 QuickSettingsComponent.ctorParameters = () => [